| import 'package:jaspr/dom.dart'; |
| import 'package:jaspr/jaspr.dart'; |
| |
| Component materialIcon( |
| String pathData, { |
| double size = 24.0, |
| String color = 'currentColor', |
| String? viewBox, |
| }) { |
| final resolvedViewBox = viewBox ?? (RegExp(r'-[1-9]\d{2}').hasMatch(pathData) ? '0 -960 960 960' : '0 0 24 24'); |
| return svg( |
| attributes: { |
| 'viewBox': resolvedViewBox, |
| 'width': '$size', |
| 'height': '$size', |
| 'fill': color, |
| }, |
| [ |
| path(attributes: {'d': pathData}, []), |
| ], |
| ); |
| } |
| |
| class MyMaterialIcons { |
| static const String playArrow = 'M8 5v14l11-7z'; |
| static const String restartAlt = |
| 'M12 5V1L7 6l5 5V7c3.31 0 6 2.69 6 6s-2.69 6-6 6-6-2.69-6-6H4c0 4.42 3.58 8 8 8s8-3.58 8-8-3.58-8-8-8z'; |
| static const String bolt = 'M11 15H6L13 1v8h5L11 23z'; |
| static const String stop = 'M6 6h12v12H6z'; |
| static const String devices = |
| 'M4 6h18V4H4c-1.1 0-2 .9-2 2v11H0v3h14v-3H4V6zm19 2h-6c-.55 0-1 .45-1 1v10c0 .55.45 1 1 1h6c.55 0 1-.45 1-1V9c0-.55-.45-1-1-1zm-1 9h-4v-7h4v7z'; |
| static const String smartphone = |
| 'M17 1H7c-1.1 0-2 .9-2 2v18c0 1.1.9 2 2 2h10c1.1 0 2-.9 2-2V3c0-1.1-.9-2-2-2zm0 18H7V5h10v14z'; |
| static const String tablet = |
| 'M21 4H3c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h18c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm-2 14H5V6h14v12z'; |
| static const String screenRotation = |
| 'm4 7.59 5-5c.78-.78 2.05-.78 2.83 0L20.24 11h-2.83L10.4 4 5.41 9H8v2H2V5h2v2.59zM20 19h2v-6h-6v2h2.59l-4.99 5-7.01-7H3.76l8.41 8.41c.78.78 2.05.78 2.83 0l5-5V19z'; |
| static const String openInNew = |
| 'M19 19H5V5h7V3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2v-7h-2v7zM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7z'; |
| static const String keyboardArrowDown = 'M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z'; |
| static const String keyboardArrowRight = 'M8.59 16.59L13.17 12 8.59 7.41 10 6l6 6-6 6-1.41-1.41z'; |
| static const String mobileCast = |
| 'M200-40v-80q33 0 56.5 23.5T280-40h-80Zm160 0q0-66-47-113t-113-47v-80q100 0 170 70t70 170h-80Zm160 0q0-134-93-227t-227-93v-80q83 0 156 31.5T483-323q54 54 85.5 127T600-40h-80Zm240-800v124q18 7 29 22t11 34v80q0 19-11 34t-29 22v404q0 33-23.5 56.5T680-40v-800H280v320h-80v-320q0-33 23.5-56.5T280-920h400q33 0 56.5 23.5T760-840ZM508.5-731.5Q520-743 520-760t-11.5-28.5Q497-800 480-800t-28.5 11.5Q440-777 440-760t11.5 28.5Q463-720 480-720t28.5-11.5ZM680-40v-800 800Z'; |
| static const String adsClick = |
| 'M11.71 17.99C8.53 17.84 6 15.22 6 12c0-3.31 2.69-6 6-6 3.22 0 5.84 2.53 5.99 5.71l-2.1-.63C15.48 9.31 13.89 8 12 8 c-2.21 0-4 1.79-4 4 0 1.89 1.31 3.48 3.08 3.89L11.71 17.99z M22 12c0 .3-.01.6-.04.9l-1.97-.59C20 12.21 20 12.1 20 12 c0-4.42-3.58-8-8-8s-8 3.58-8 8 3.58 8 8 8c.1 0 .21 0 .31-.01l.59 1.97C12.6 21.99 12.3 22 12 22C6.48 22 2 17.52 2 12 C2 6.48 6.48 2 12 2S22 6.48 22 12z M18.23 16.26L22 15l-10-3l3 10l1.26-3.77l4.27 4.27l1.98-1.98L18.23 16.26z'; |
| static const String frameInspect = |
| 'M450-420q38 0 64-26t26-64q0-38-26-64t-64-26q-38 0-64 26t-26 64q0 38 26 64t64 26Zm193 160L538-365q-20 13-42.5 19t-45.5 6q-71 0-120.5-49.5T280-510q0-71 49.5-120.5T450-680q71 0 120.5 49.5T620-510q0 23-6.5 45.5T594-422l106 106-57 56ZM200-120q-33 0-56.5-23.5T120-200v-160h80v160h160v80H200Zm400 0v-80h160v-160h80v160q0 33-23.5 56.5T760-120H600ZM120-600v-160q0-33 23.5-56.5T200-840h160v80H200v160h-80Zm640 0v-160H600v-80h160q33 0 56.5 23.5T840-760v160h-80Z'; |
| static const String filterAlt = |
| 'M4.25 5.61C6.27 8.2 10 13 10 13v6c0 .55.45 1 1 1h2c.55 0 1-.45 1-1v-6s3.72-4.8 5.74-7.39C20.25 4.95 19.78 4 18.95 4H5.04c-.83 0-1.3.95-.79 1.61z'; |
| static const String textFields = 'M2.5 4v3h5v12h3V7h5V4h-13zm19 5h-9v3h3v7h3v-7h3V9z'; |
| static const String image = |
| 'M21 19V5c0-1.1-.9-2-2-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2zM8.5 13.5l2.5 3.01L14.5 12l4.5 6H5l3.5-4.5z'; |
| static const String photoCamera = |
| 'M12 9c1.66 0 3 1.34 3 3s-1.34 3-3 3-3-1.34-3-3 1.34-3 3-3m0-2c-2.76 0-5 2.24-5 5s2.24 5 5 5 5-2.24 5-5-2.24-5-5-5zM2 7h3.17L7 5h10l1.83 2H22v12H2V7z'; |
| |
| static const String timer = |
| 'M360-840v-80h240v80H360Zm80 440h80v-240h-80v240Zm40 320q-74 0-139.5-28.5T226-186q-49-49-77.5-114.5T120-440q0-74 28.5-139.5T226-694q49-49 114.5-77.5T480-800q62 0 119 20t107 58l56-56 56 56-56 56q38 50 58 107t20 119q0 74-28.5 139.5T734-186q-49 49-114.5 77.5T480-80Zm0-80q116 0 198-82t82-198q0-116-82-198t-198-82q-116 0-198 82t-82 198q0 116 82 198t198 82Zm0-280Z'; |
| static const String fitWidth = |
| 'M120-120v-720h80v720h-80Zm640 0v-720h80v720h-80ZM280-440v-80h80v80h-80Zm160 0v-80h80v80h-80Zm160 0v-80h80v80h-80Z'; |
| static const String draw = |
| 'M160-120v-170l527-526q12-12 27-18t30-6q16 0 30.5 6t25.5 18l56 56q12 11 18 25.5t6 30.5q0 15-6 30t-18 27L330-120H160Zm80-80h56l393-392-28-29-29-28-392 393v56Zm560-503-57-57 57 57Zm-139 82-29-28 57 57-28-29ZM560-120q74 0 137-37t63-103q0-36-19-62t-51-45l-59 59q23 10 36 22t13 26q0 23-36.5 41.5T560-200q-17 0-28.5 11.5T520-160q0 17 11.5 28.5T560-120ZM183-426l60-60q-20-8-31.5-16.5T200-520q0-12 18-24t76-37q88-38 117-69t29-70q0-55-44-87.5T280-840q-45 0-80.5 16T145-785q-11 13-9 29t15 26q13 11 29 9t27-13q14-14 31-20t42-6q41 0 60.5 12t19.5 28q0 14-17.5 25.5T262-654q-80 35-111 63.5T120-520q0 32 17 54.5t46 39.5Z'; |
| } |
| |
| Component readToolIcon({double size = 24.0, String color = 'currentColor'}) { |
| return svg( |
| attributes: { |
| 'viewBox': '0 -960 960 960', |
| 'width': '$size', |
| 'height': '$size', |
| 'fill': color, |
| }, |
| [ |
| const path( |
| attributes: { |
| 'd': |
| 'm590-160 80 80H240q-33 0-56.5-23.5T160-160v-640q0-33 23.5-56.5T240-880h360l200 240v480q0 20-8.5 36.5T768-96L560-302q-17 11-37 16.5t-43 5.5q-66 0-113-47t-47-113q0-66 47-113t113-47q66 0 113 47t47 113q0 23-5.5 43T618-360l102 104v-356L562-800H240v640h350Zm-53.5-223.5Q560-407 560-440t-23.5-56.5Q513-520 480-520t-56.5 23.5Q400-473 400-440t23.5 56.5Q447-360 480-360t56.5-23.5ZM480-440Zm0 0Z', |
| }, |
| [], |
| ), |
| ], |
| ); |
| } |
| |
| Component searchToolIcon({double size = 24.0, String color = 'currentColor'}) { |
| return svg( |
| attributes: { |
| 'viewBox': '0 -960 960 960', |
| 'width': '$size', |
| 'height': '$size', |
| 'fill': color, |
| }, |
| [ |
| const path( |
| attributes: { |
| 'd': |
| 'M784-120 532-372q-30 24-69 38t-83 14q-109 0-184.5-75.5T120-580q0-109 75.5-184.5T380-840q109 0 184.5 75.5T640-580q0 44-14 83t-38 69l252 252-56 56ZM380-400q75 0 127.5-52.5T560-580q0-75-52.5-127.5T380-760q-75 0-127.5 52.5T200-580q0 75 52.5 127.5T380-400Z', |
| }, |
| [], |
| ), |
| ], |
| ); |
| } |
| |
| Component writeToolIcon({double size = 24.0, String color = 'currentColor'}) { |
| return svg( |
| attributes: { |
| 'viewBox': '0 -960 960 960', |
| 'width': '$size', |
| 'height': '$size', |
| 'fill': color, |
| }, |
| [ |
| const path( |
| attributes: { |
| 'd': |
| 'M200-200h57l391-391-57-57-391 391v57Zm-80 80v-170l528-527q12-11 26.5-17t30.5-6q16 0 31 6t26 18l55 56q12 11 17.5 26t5.5 30q0 16-5.5 30.5T817-647L290-120H120Zm640-584-56-56 56 56Zm-141 85-28-29 57 57-29-28Z', |
| }, |
| [], |
| ), |
| ], |
| ); |
| } |
| |
| Component previewToolIcon({double size = 24.0, String color = 'currentColor'}) { |
| return svg( |
| attributes: { |
| 'viewBox': '0 0 24 24', |
| 'width': '$size', |
| 'height': '$size', |
| 'fill': color, |
| }, |
| [ |
| const path( |
| attributes: { |
| 'd': |
| 'M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5zM12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zm0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3z', |
| }, |
| [], |
| ), |
| ], |
| ); |
| } |
