EH22/design
0
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

styleguide: update icons

Browse source
This commit is contained in:
kritzl 2025-03-06 02:08:57 +01:00
commit c4c3396c76
Signed by: kritzl
SSH key fingerprint: SHA256:5BmINP9VjZWaUk5Z+2CTut1KFhwLtd0ZynMekKbtViM
56 changed files with 112 additions and 112 deletions
Download patch file Download diff file Expand all files Collapse all files

4
styleguide/assets/icon/arrow_down.svg
View file

@ -1,3 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="600" height="600" viewBox="0 0 158.75 158.75"> <svg xmlns="http://www.w3.org/2000/svg" width="600" height="600">
<path d="M79.374 0a6.615 6.615 0 0 0-6.614 6.614V109.75c0 6.328 4.072 11.598 9.158 13.704 5.086 2.107 11.693 1.26 16.167-3.214l30.401-30.402c1.347-1.347 3.33-1.347 4.676 0s1.349 3.33.002 4.678l-49.11 49.11c-2.64 2.639-6.718 2.639-9.356 0L27.925 96.853a6.615 6.615 0 0 0-9.352 0 6.615 6.615 0 0 0-.002 9.354l46.773 46.772c7.694 7.694 20.37 7.694 28.063 0l49.11-49.11c6.403-6.403 6.403-16.985 0-23.387s-16.982-6.402-23.385 0L88.73 110.886c-.704.704-1.115.61-1.75.347-.636-.263-.99-.486-.99-1.482V6.615A6.615 6.615 0 0 0 79.374 0"/> <path d="M299.996 0a25 25 0 0 0-24.998 24.998v389.803c0 23.914 15.39 43.832 34.613 51.795 19.223 7.962 44.194 4.759 61.104-12.15L485.617 339.54c5.091-5.09 12.583-5.09 17.674 0s5.097 12.589.006 17.68L317.682 542.836c-9.973 9.972-25.387 9.972-35.36 0L105.543 366.059a25 25 0 0 0-35.348 0 25 25 0 0 0-.005 35.353L246.969 578.19c29.08 29.08 76.986 29.08 106.066 0L538.65 392.574c24.199-24.198 24.199-64.192 0-88.39-24.198-24.199-64.188-24.195-88.386.004L335.359 419.092c-2.66 2.66-4.216 2.309-6.617 1.314-2.4-.994-3.742-1.838-3.742-5.601V25.002A25 25 0 0 0 299.996 0" style="stroke-width:3.77953"/>
</svg> </svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 635 B

After

Width:  |  Height:  |  Size: 672 B

Before After
Before After

4
styleguide/assets/icon/arrow_down_left.svg
View file

@ -1,3 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="600" height="600" viewBox="0 0 158.75 158.75"> <svg xmlns="http://www.w3.org/2000/svg" width="600" height="600">
<path d="M132.776 19.359a6.62 6.62 0 0 0-4.676 1.937L55.172 94.224c-4.474 4.474-5.323 11.08-3.217 16.166s7.378 9.158 13.705 9.158h42.996c1.905 0 3.307 1.402 3.307 3.307 0 1.904-1.402 3.306-3.307 3.306H39.203c-3.731 0-6.615-2.882-6.615-6.613V53.4a6.615 6.615 0 0 0-6.615-6.615 6.615 6.615 0 0 0-6.613 6.615v66.147c0 10.88 8.962 19.843 19.843 19.843h69.453c9.055 0 16.535-7.482 16.535-16.536s-7.48-16.537-16.535-16.537H65.66c-.996 0-1.219-.356-1.482-.991s-.356-1.044.348-1.748l72.927-72.928a6.615 6.615 0 0 0 0-9.355 6.62 6.62 0 0 0-4.677-1.937"/> <path d="M501.832 73.168a25 25 0 0 0-17.676 7.32L208.523 356.121c-16.91 16.91-20.118 41.877-12.156 61.1 7.963 19.223 27.883 34.613 51.797 34.613H410.67c7.2 0 12.498 5.298 12.498 12.498s-5.298 12.498-12.498 12.498h-262.5c-14.103 0-25.002-10.893-25.002-24.996V201.832a25 25 0 0 0-25.004-25.002 25 25 0 0 0-24.994 25.002v250.002c0 41.125 33.875 75 75 75h262.5c34.222 0 62.494-28.28 62.494-62.502s-28.272-62.502-62.494-62.502H248.164c-3.763 0-4.607-1.343-5.601-3.744-.995-2.401-1.347-3.945 1.314-6.606l275.63-275.632a25 25 0 0 0 0-35.36 25 25 0 0 0-17.675-7.32" style="stroke-width:3.77953"/>
</svg> </svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 651 B

After

Width:  |  Height:  |  Size: 666 B

Before After
Before After

4
styleguide/assets/icon/arrow_down_right.svg
View file

@ -1,3 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="600" height="600" viewBox="0 0 158.75 158.75"> <svg xmlns="http://www.w3.org/2000/svg" width="600" height="600">
<path d="M25.974 19.359a6.62 6.62 0 0 0-4.678 1.938 6.615 6.615 0 0 0 0 9.353l72.928 72.928c4.474 4.474 11.08 5.323 16.166 3.217s9.158-7.378 9.158-13.705V50.094c0-1.905 1.402-3.307 3.307-3.307 1.904 0 3.306 1.402 3.306 3.307v69.453c0 3.731-2.882 6.615-6.613 6.615H53.4a6.615 6.615 0 0 0-6.615 6.615 6.615 6.615 0 0 0 6.615 6.613h66.147c10.88 0 19.843-8.962 19.843-19.843V50.094c0-9.055-7.482-16.535-16.536-16.535s-16.537 7.48-16.537 16.535V93.09c0 .996-.356 1.219-.991 1.482s-1.044.356-1.748-.348L30.651 21.297a6.62 6.62 0 0 0-4.677-1.938"/> <path d="M98.168 73.168a25 25 0 0 0-17.68 7.324 25 25 0 0 0 0 35.352l275.633 275.633c16.91 16.91 41.877 20.118 61.1 12.156 19.223-7.963 34.613-27.883 34.613-51.797V189.33c0-7.2 5.298-12.498 12.498-12.498s12.498 5.298 12.498 12.498v262.5c0 14.103-10.893 25.002-24.996 25.002H201.832a25 25 0 0 0-25.002 25.004 25 25 0 0 0 25.002 24.994h250.002c41.125 0 75-33.875 75-75v-262.5c0-34.222-28.28-62.494-62.502-62.494s-62.502 28.272-62.502 62.494v162.506c0 3.763-1.343 4.607-3.744 5.601-2.401.995-3.945 1.347-6.606-1.314L115.848 80.493a25 25 0 0 0-17.68-7.325" style="stroke-width:3.77953"/>
</svg> </svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 647 B

After

Width:  |  Height:  |  Size: 661 B

Before After
Before After

4
styleguide/assets/icon/arrow_left.svg
View file

@ -1,3 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="600" height="600" viewBox="0 0 158.75 158.75"> <svg xmlns="http://www.w3.org/2000/svg" width="600" height="600">
<path d="M57.22 16.634a6.62 6.62 0 0 0-4.677 1.937L5.771 65.344c-7.694 7.694-7.694 20.37 0 28.063l49.11 49.111c6.403 6.403 16.984 6.401 23.386-.002 6.403-6.402 6.404-16.983.002-23.385L47.865 88.728c-.704-.704-.61-1.113-.347-1.748.263-.636.486-.99 1.482-.99h103.135a6.615 6.615 0 0 0 6.615-6.616 6.615 6.615 0 0 0-6.614-6.614H49c-6.328 0-11.6 4.07-13.706 9.157-2.107 5.086-1.259 11.693 3.215 16.167l30.403 30.403c1.347 1.347 1.347 3.329 0 4.676s-3.33 1.347-4.676 0l-49.111-49.11c-2.639-2.64-2.64-6.716-.001-9.355l46.772-46.773a6.615 6.615 0 0 0 0-9.355 6.62 6.62 0 0 0-4.677-1.936"/> <path d="M216.264 62.867a25 25 0 0 0-17.676 7.324L21.81 246.971c-29.08 29.08-29.08 76.984 0 106.064l185.615 185.617c24.198 24.199 64.188 24.193 88.387-.006 24.198-24.198 24.204-64.188.006-88.386l-114.91-114.908c-2.662-2.661-2.31-4.209-1.315-6.61.994-2.4 1.838-3.742 5.601-3.742h389.803A25 25 0 0 0 600 299.998 25 25 0 0 0 575.002 275H185.199c-23.914 0-43.838 15.384-51.8 34.607-7.963 19.223-4.758 44.194 12.152 61.104l114.908 114.908c5.09 5.091 5.09 12.583 0 17.674s-12.583 5.09-17.674 0L57.168 317.678c-9.973-9.973-9.976-25.381-.004-35.354l176.777-176.78a25 25 0 0 0 0-35.358 25 25 0 0 0-17.677-7.319" style="stroke-width:3.77953"/>
</svg> </svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 688 B

After

Width:  |  Height:  |  Size: 711 B

Before After
Before After

4
styleguide/assets/icon/arrow_right.svg
View file

@ -1,3 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="600" height="600" viewBox="0 0 158.75 158.75"> <svg xmlns="http://www.w3.org/2000/svg" width="600" height="600">
<path d="M92.175 11.43c-4.246 0-8.492 1.601-11.693 4.803-6.403 6.402-6.402 16.983 0 23.385l30.403 30.402c.704.704.61 1.116.347 1.75-.263.636-.487.99-1.483.99H6.615a6.615 6.615 0 0 0-6.613 6.615 6.615 6.615 0 0 0 6.613 6.614l103.134.001c6.328 0 11.598-4.071 13.704-9.158 2.107-5.086 1.26-11.693-3.214-16.167l-30.402-30.4c-1.347-1.348-1.347-3.33 0-4.677s3.33-1.348 4.678-.001l49.11 49.11c2.639 2.639 2.639 6.717 0 9.356l-46.772 46.772a6.615 6.615 0 0 0 0 9.353 6.615 6.615 0 0 0 9.354.001l46.772-46.772c7.694-7.694 7.694-20.37 0-28.064l-49.11-49.11c-3.202-3.202-7.448-4.802-11.694-4.802"/> <path d="M348.379 43.203c-16.048 0-32.096 6.05-44.195 18.149-24.199 24.198-24.195 64.188.004 88.386l114.904 114.903c2.66 2.66 2.309 4.218 1.314 6.619-.994 2.4-1.842 3.738-5.605 3.738l-389.799.004A25 25 0 0 0 .006 300a25 25 0 0 0 24.996 24.998l389.799.004c23.914 0 43.832-15.388 51.795-34.611 7.962-19.223 4.759-44.194-12.15-61.104L339.54 114.385c-5.09-5.091-5.09-12.583 0-17.674s12.589-5.097 17.68-.006L542.836 282.32c9.972 9.973 9.972 25.387 0 35.36L366.059 494.457a25 25 0 0 0 0 35.35 25 25 0 0 0 35.353.004L578.19 353.033c29.08-29.08 29.08-76.986 0-106.066L392.574 61.352c-12.099-12.1-28.147-18.149-44.195-18.149" style="stroke-width:3.77953"/>
</svg> </svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 693 B

After

Width:  |  Height:  |  Size: 725 B

Before After
Before After

4
styleguide/assets/icon/arrow_up.svg
View file

@ -1,3 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="600" height="600" viewBox="0 0 158.75 158.75"> <svg xmlns="http://www.w3.org/2000/svg" width="600" height="600">
<path d="M79.376 0C74.283 0 69.19 1.924 65.344 5.77l-49.11 49.111c-6.403 6.403-6.403 16.985 0 23.388 6.402 6.402 16.982 6.4 23.385-.002L70.02 47.865c.704-.704 1.113-.61 1.748-.347s.992.487.992 1.483v103.135a6.615 6.615 0 0 0 6.614 6.614 6.615 6.615 0 0 0 6.615-6.615V49c0-6.328-4.071-11.598-9.158-13.705s-11.69-1.258-16.165 3.216L30.265 68.913c-1.347 1.347-3.33 1.347-4.677 0s-1.348-3.33 0-4.678l49.11-49.11c2.638-2.639 6.717-2.639 9.355 0l46.773 46.772a6.615 6.615 0 0 0 9.352 0 6.615 6.615 0 0 0 .002-9.354L93.407 5.771C89.56 1.924 84.467 0 79.376 0"/> <path d="M300.002 0c-19.247 0-38.493 7.27-53.033 21.81L61.354 207.427c-24.199 24.198-24.199 64.194 0 88.392 24.198 24.199 64.188 24.193 88.386-.006l114.903-114.904c2.66-2.66 4.206-2.309 6.607-1.314 2.4.994 3.748 1.842 3.748 5.605v389.803A25 25 0 0 0 299.996 600a25 25 0 0 0 25.002-25.002V185.195c0-23.913-15.388-43.834-34.611-51.797s-44.188-4.753-61.098 12.157L114.387 260.459c-5.091 5.09-12.585 5.09-17.676 0s-5.095-12.589-.004-17.68L282.322 57.164c9.973-9.972 25.387-9.972 35.36 0l176.777 176.777a25 25 0 0 0 35.348 0 25 25 0 0 0 .006-35.353L353.035 21.81C338.495 7.27 319.248 0 300.002 0" style="stroke-width:3.77953"/>
</svg> </svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 660 B

After

Width:  |  Height:  |  Size: 700 B

Before After
Before After

4
styleguide/assets/icon/arrow_up_left.svg
View file

@ -1,3 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="600" height="600" viewBox="0 0 158.75 158.75"> <svg xmlns="http://www.w3.org/2000/svg" width="600" height="600">
<path d="M39.202 19.36c-10.88 0-19.843 8.962-19.843 19.843v69.453c0 9.055 7.482 16.535 16.536 16.535s16.537-7.48 16.537-16.535V65.66c0-.996.356-1.219.991-1.482s1.044-.356 1.748.348l72.928 72.927a6.615 6.615 0 0 0 9.355 0 6.615 6.615 0 0 0 0-9.353L64.526 55.172c-4.474-4.474-11.08-5.323-16.166-3.217s-9.158 7.378-9.158 13.705v42.996c0 1.905-1.402 3.307-3.307 3.307-1.904 0-3.306-1.402-3.306-3.307V39.203c0-3.731 2.882-6.615 6.613-6.615h66.147a6.615 6.615 0 0 0 6.615-6.615 6.615 6.615 0 0 0-6.615-6.613z"/> <path d="M148.166 73.17c-41.125 0-75 33.875-75 75v262.5c0 34.222 28.28 62.494 62.502 62.494s62.502-28.272 62.502-62.494V248.164c0-3.763 1.343-4.607 3.744-5.601 2.401-.995 3.945-1.347 6.606 1.314l275.632 275.63a25 25 0 0 0 35.36 0 25 25 0 0 0 0-35.35L243.879 208.522c-16.91-16.91-41.877-20.118-61.1-12.156-19.223 7.963-34.613 27.883-34.613 51.797V410.67c0 7.2-5.298 12.498-12.498 12.498s-12.498-5.298-12.498-12.498v-262.5c0-14.103 10.893-25.002 24.996-25.002h250.002a25 25 0 0 0 25.002-25.004 25 25 0 0 0-25.002-24.994Z" style="stroke-width:3.77953"/>
</svg> </svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 611 B

After

Width:  |  Height:  |  Size: 628 B

Before After
Before After

4
styleguide/assets/icon/arrow_up_right.svg
View file

@ -1,3 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="600" height="600" viewBox="0 0 158.75 158.75"> <svg xmlns="http://www.w3.org/2000/svg" width="600" height="600">
<path d="M49.961 19.358c-9.054 0-16.535 7.483-16.535 16.537 0 9.055 7.48 16.537 16.535 16.537h42.997c.995 0 1.219.355 1.482.99.263.636.356 1.045-.348 1.749l-72.927 72.928a6.615 6.615 0 0 0 0 9.355 6.615 6.615 0 0 0 9.353 0l72.928-72.928c4.474-4.474 5.323-11.08 3.217-16.166s-7.378-9.158-13.705-9.158H49.96c-1.905 0-3.306-1.402-3.306-3.307 0-1.904 1.401-3.306 3.306-3.306h69.453c3.732 0 6.616 2.881 6.616 6.613v66.147a6.615 6.615 0 0 0 6.615 6.615 6.615 6.615 0 0 0 6.613-6.615V39.202c0-10.881-8.963-19.844-19.844-19.844z"/> <path d="M188.83 73.164c-34.222 0-62.494 28.282-62.494 62.504s28.272 62.502 62.494 62.502h162.506c3.763 0 4.607 1.341 5.602 3.742.994 2.401 1.348 3.947-1.313 6.608L79.992 484.152a25 25 0 0 0 0 35.36 25 25 0 0 0 35.352 0l275.633-275.633c16.91-16.91 20.12-41.877 12.158-61.1s-27.885-34.615-51.8-34.615H188.83c-7.2 0-12.498-5.296-12.498-12.496s5.298-12.498 12.498-12.498h262.5c14.103 0 25.002 10.89 25.002 24.994v250.004a25 25 0 0 0 25.004 25.002 25 25 0 0 0 24.994-25.002V148.164c0-41.125-33.875-75-75-75z" style="stroke-width:3.77953"/>
</svg> </svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 629 B

After

Width:  |  Height:  |  Size: 613 B

Before After
Before After

4
styleguide/assets/icon/basket.svg
View file

@ -1,3 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="600" height="600" viewBox="0 0 158.75 158.75"> <svg xmlns="http://www.w3.org/2000/svg" width="600" height="600">
<path d="M67.674 26.471a6.6 6.6 0 0 0-1.723.115 6.62 6.62 0 0 0-4.207 2.818L44.105 55.861a6.615 6.615 0 0 0 1.834 9.174 6.615 6.615 0 0 0 9.174-1.834l17.64-26.46a6.615 6.615 0 0 0-1.835-9.173 6.6 6.6 0 0 0-3.244-1.097m23.402 0a6.6 6.6 0 0 0-3.244 1.097 6.615 6.615 0 0 0-1.834 9.174l17.639 26.46a6.615 6.615 0 0 0 9.174 1.833 6.615 6.615 0 0 0 1.834-9.174L97.006 29.404a6.62 6.62 0 0 0-4.207-2.818 6.6 6.6 0 0 0-1.723-.115m-71.328 46.29C8.94 72.76.845 83.359 3.688 93.785l12.934 47.421c2.816 10.328 12.264 17.543 22.969 17.543h79.568c10.705 0 20.153-7.215 22.97-17.543l16.389-60.09a6.615 6.615 0 0 0-4.642-8.121 6.615 6.615 0 0 0-8.123 4.639l-16.387 60.09a10.526 10.526 0 0 1-10.207 7.797H39.591a10.526 10.526 0 0 1-10.207-7.797l-12.933-47.42c-.637-2.336.876-4.315 3.297-4.315h112.544a6.615 6.615 0 0 0 6.614-6.614 6.615 6.615 0 0 0-6.614-6.614z" style="stroke-width:1.01295"/> <path d="M255.775 100.053a25 25 0 0 0-22.41 11.08l-66.666 100a25 25 0 0 0 6.934 34.668 25 25 0 0 0 34.668-6.934l66.666-100a25 25 0 0 0-6.934-34.668 25 25 0 0 0-12.258-4.146m88.45 0a25 25 0 0 0-12.258 4.146 25 25 0 0 0-6.934 34.668l66.666 100a25 25 0 0 0 34.668 6.934 25 25 0 0 0 6.934-34.668l-66.666-100a25 25 0 0 0-22.41-11.08M74.637 275.002c-40.845 0-71.443 40.057-60.696 79.463l48.881 179.228c10.646 39.034 46.353 66.303 86.813 66.303h300.73c40.46 0 76.17-27.269 86.815-66.303l61.943-227.113a25 25 0 0 0-17.543-30.695 25 25 0 0 0-30.703 17.535l-61.936 227.113c-4.775 17.51-20.426 29.469-38.576 29.469h-300.73c-18.15 0-33.8-11.959-38.576-29.469L62.178 341.305c-2.408-8.827 3.31-16.309 12.459-16.309H500A25 25 0 0 0 524.998 300 25 25 0 0 0 500 275.002Z" style="stroke-width:3.82848"/>
</svg> </svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 983 B

After

Width:  |  Height:  |  Size: 863 B

Before After
Before After

4
styleguide/assets/icon/bed.svg
View file

@ -1,3 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="600" height="600" viewBox="0 0 158.75 158.75"> <svg xmlns="http://www.w3.org/2000/svg" width="600" height="600">
<path d="M6.615 59.531A6.615 6.615 0 0 0 0 66.146v85.989a6.615 6.615 0 0 0 6.615 6.615 6.615 6.615 0 0 0 6.614-6.615V66.146a6.615 6.615 0 0 0-6.614-6.615m36.38 0c-12.708 0-23.151 10.444-23.151 23.151 0 12.708 10.443 23.15 23.15 23.15a6.615 6.615 0 0 0 6.615-6.613 6.615 6.615 0 0 0-6.615-6.615c-5.558 0-9.922-4.364-9.922-9.922s4.364-9.922 9.922-9.922 9.922 4.364 9.922 9.922v3.307c0 10.881 8.963 19.844 19.844 19.844h64.558c3.5 0 6.85 1.388 9.325 3.863l.816.815a6.615 6.615 0 0 0 9.354 0 6.615 6.615 0 0 0 0-9.354l-.815-.816a26.43 26.43 0 0 0-18.68-7.737H72.76c-3.732 0-6.614-2.883-6.614-6.615v-3.307c0-12.707-10.444-23.15-23.152-23.15m-3.307 52.916c-10.882 0-19.844 8.963-19.844 19.844v19.844a6.615 6.615 0 0 0 6.615 6.615 6.615 6.615 0 0 0 6.613-6.615V132.29c0-3.731 2.884-6.613 6.615-6.613h92.604c3.732 0 6.615 2.882 6.615 6.613v19.844a6.615 6.615 0 0 0 6.615 6.615 6.615 6.615 0 0 0 6.614-6.615V132.29c0-10.88-8.963-19.844-19.844-19.844z"/> <path d="M25 225a25 25 0 0 0-25 25v325a25 25 0 0 0 25 25 25 25 0 0 0 25-25V250a25 25 0 0 0-25-25m137.498.002C114.47 225.002 75 264.472 75 312.5s39.47 87.498 87.498 87.498a25 25 0 0 0 25.002-24.996A25 25 0 0 0 162.498 350c-21.007 0-37.5-16.493-37.5-37.5s16.493-37.5 37.5-37.5 37.5 16.493 37.5 37.5v12.498c0 41.125 33.875 75 75 75h244A49.8 49.8 0 0 1 554.24 414.6l3.086 3.078a25 25 0 0 0 35.352 0 25 25 0 0 0 0-35.354l-3.078-3.084A99.88 99.88 0 0 0 518.998 350h-244c-14.103 0-24.996-10.899-24.996-25.002V312.5c0-48.029-39.475-87.498-87.504-87.498M150 424.998c-41.125 0-75 33.875-75 75v75A25 25 0 0 0 100.002 600a25 25 0 0 0 24.996-25.002v-75c0-14.103 10.899-24.996 25.002-24.996h349.998c14.103 0 25.002 10.893 25.002 24.996v75A25 25 0 0 0 550.002 600a25 25 0 0 0 24.996-25.002v-75c0-41.125-33.875-75-75-75z" style="stroke-width:3.77953"/>
</svg> </svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1 KiB

After

Width:  |  Height:  |  Size: 914 B

Before After
Before After

4
styleguide/assets/icon/clock.svg
View file

@ -1,3 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="600" height="600" viewBox="0 0 158.75 158.75"> <svg xmlns="http://www.w3.org/2000/svg" width="600" height="600">
<path d="M79.375 0C58.321 0 39.106 8.235 24.898 21.647a6.615 6.615 0 0 0-.269 9.349 6.615 6.615 0 0 0 9.35.27c11.853-11.19 27.782-18.037 45.396-18.037 36.61 0 66.146 29.536 66.146 66.146s-29.536 66.146-66.146 66.146-66.146-29.536-66.146-66.146c0-10.85 2.599-21.045 7.209-30.062a6.615 6.615 0 0 0-2.88-8.901 6.615 6.615 0 0 0-8.9 2.879C3.123 54.119 0 66.406 0 79.375c0 43.76 35.616 79.375 79.375 79.375s79.375-35.616 79.375-79.375S123.134 0 79.375 0m0 19.09a6.615 6.615 0 0 0-6.615 6.615V72.76a46.3 46.3 0 0 0 9.261 27.781l11.907 15.875a6.615 6.615 0 0 0 9.26 1.324 6.615 6.615 0 0 0 1.322-9.261L92.604 92.604A33.07 33.07 0 0 1 85.99 72.76V25.705a6.615 6.615 0 0 0-6.615-6.615"/> <path d="M300 0C220.428 0 147.8 31.12 94.102 81.81a25 25 0 0 0-1.018 35.342 25 25 0 0 0 35.34 1.018C173.224 75.88 233.429 50 300 50c138.367 0 250 111.633 250 250S438.367 550 300 550 50 438.367 50 300c0-41.007 9.823-79.539 27.246-113.621a25 25 0 0 0-10.88-33.639 25 25 0 0 0-33.641 10.881C11.805 204.545 0 250.985 0 300c0 165.39 134.61 300 300 300s300-134.61 300-300S465.39 0 300 0m0 72.15a25 25 0 0 0-25.002 25.002v177.846a175.02 175.02 0 0 0 35.004 105l45 60A25 25 0 0 0 390 445.002a25 25 0 0 0 4.998-35.004l-45-60a124.98 124.98 0 0 1-24.996-75V97.152A25 25 0 0 0 300 72.15" style="stroke-width:3.77953"/>
</svg> </svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 784 B

After

Width:  |  Height:  |  Size: 684 B

Before After
Before After

4
styleguide/assets/icon/code.svg
View file

@ -1,3 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="600" height="600" viewBox="0 0 158.75 158.75"> <svg xmlns="http://www.w3.org/2000/svg" width="600" height="600">
<path d="M99.59 52.917c-7.058 0-13.325 4.728-15.264 11.514l-22.675 79.363c-.3 1.051-1.197 1.727-2.29 1.727h-9.27a2.33 2.33 0 0 1-1.681-.711l-33.289-34.312c-2.57-2.65-2.57-6.68 0-9.329l35.928-37.03a6.615 6.615 0 0 0-.141-9.355 6.615 6.615 0 0 0-9.353.141L5.627 91.956c-3.725 3.84-5.588 8.859-5.588 13.877s1.863 10.038 5.588 13.878l33.289 34.31a15.58 15.58 0 0 0 11.176 4.728h9.27c6.939 0 13.103-4.647 15.01-11.32l22.673-79.363a2.596 2.596 0 0 1 2.545-1.92h8.957c.707 0 1.376.283 1.869.791l33.213 34.232c2.57 2.65 2.57 6.679 0 9.329l-35.928 37.03a6.615 6.615 0 0 0 .14 9.354 6.615 6.615 0 0 0 9.354-.14l35.93-37.031c7.451-7.68 7.451-20.075 0-27.755l-33.213-34.232a15.84 15.84 0 0 0-11.365-4.807z"/> <path d="M376.402 200.002c-26.675 0-50.36 17.869-57.69 43.518L233.01 543.475c-1.135 3.972-4.52 6.525-8.653 6.525h-35.035a8.82 8.82 0 0 1-6.355-2.687L57.15 417.629c-9.716-10.015-9.716-25.243 0-35.258l135.79-139.959a25 25 0 0 0-.532-35.353 25 25 0 0 0-35.351.533L21.267 347.55C7.188 362.064.148 381.033.148 400s7.04 37.936 21.12 52.45l125.817 129.675a58.9 58.9 0 0 0 42.238 17.873h35.035c26.23 0 49.525-17.565 56.73-42.785l85.696-299.957c1.258-4.402 5.041-7.256 9.62-7.256h33.853a9.8 9.8 0 0 1 7.064 2.99l125.53 129.381c9.716 10.015 9.716 25.243 0 35.258L407.059 557.588a25 25 0 0 0 .53 35.353 25 25 0 0 0 35.354-.533L578.74 452.45c28.161-29.025 28.161-75.873 0-104.898L453.21 218.17a59.88 59.88 0 0 0-42.954-18.168Z" style="stroke-width:3.77953"/>
</svg> </svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 802 B

After

Width:  |  Height:  |  Size: 824 B

Before After
Before After

4
styleguide/assets/icon/creature.svg
View file

@ -1,3 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="375" height="600" viewBox="0 0 99.219 158.75"> <svg xmlns="http://www.w3.org/2000/svg" width="375" height="600">
<path d="M49.61-.045c-21.841 0-39.688 17.847-39.688 39.688 0 14.637 7.975 27.51 19.84 34.373a6.615 6.615 0 0 0 9.037-2.413 6.615 6.615 0 0 0-2.414-9.038C28.479 57.99 23.15 49.488 23.15 39.643a26.36 26.36 0 0 1 26.458-26.46 26.36 26.36 0 0 1 26.46 26.46c0 9.845-5.329 18.348-13.235 22.922a6.615 6.615 0 0 0-2.414 9.038 6.615 6.615 0 0 0 9.037 2.413c11.865-6.864 19.84-19.736 19.84-34.373 0-21.84-17.847-39.688-39.688-39.688M33.071 85.99C14.885 85.99 0 100.875 0 119.063v33.072a6.615 6.615 0 0 0 6.615 6.615 6.615 6.615 0 0 0 6.614-6.615v-33.072c0-11.038 8.806-19.844 19.843-19.844h33.074c11.038 0 19.844 8.806 19.844 19.844v33.072a6.615 6.615 0 0 0 6.614 6.615 6.615 6.615 0 0 0 6.615-6.615v-33.072c0-18.188-14.885-33.073-33.073-33.073z"/> <path d="M187.5-.17c-82.547 0-150 67.453-150 150 0 55.323 30.14 103.976 74.982 129.916a25 25 0 0 0 34.159-9.121 25 25 0 0 0-9.123-34.158C107.635 219.18 87.5 187.043 87.5 149.83c0-55.524 44.475-100 100-100s100 44.476 100 100c0 37.213-20.135 69.35-50.018 86.637a25 25 0 0 0-9.123 34.158 25 25 0 0 0 34.159 9.121c44.843-25.94 74.982-74.593 74.982-129.916 0-82.547-67.453-150-150-150m-62.502 325.172C56.258 325.002 0 381.26 0 450v124.998A25 25 0 0 0 25.002 600a25 25 0 0 0 24.996-25.002V450c0-41.717 33.283-75 75-75h125.004c41.717 0 75 33.283 75 75v124.998A25 25 0 0 0 349.998 600 25 25 0 0 0 375 574.998V450c0-68.74-56.259-124.998-124.998-124.998Z" style="stroke-width:3.77953"/>
</svg> </svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 844 B

After

Width:  |  Height:  |  Size: 754 B

Before After
Before After

4
styleguide/assets/icon/cross.svg
View file

@ -1,3 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="600" height="600" viewBox="0 0 158.75 158.75"> <svg xmlns="http://www.w3.org/2000/svg" width="600" height="600">
<path d="M6.61.111a6.62 6.62 0 0 0-4.676 1.942 6.615 6.615 0 0 0 .007 9.353l59.532 59.422a6.615 6.615 0 0 0 9.355-.01 6.615 6.615 0 0 0-.01-9.353L11.288 2.043A6.62 6.62 0 0 0 6.608.11m145.646 0a6.62 6.62 0 0 0-4.68 1.93L1.834 147.34a6.615 6.615 0 0 0-.013 9.355 6.615 6.615 0 0 0 9.353.014L156.916 11.41a6.615 6.615 0 0 0 .014-9.355A6.62 6.62 0 0 0 152.256.11m-59.659 85.88a6.62 6.62 0 0 0-4.675 1.94 6.615 6.615 0 0 0 .01 9.354l59.53 59.422a6.615 6.615 0 0 0 9.354-.01 6.615 6.615 0 0 0-.008-9.354l-59.53-59.421a6.62 6.62 0 0 0-4.68-1.932"/> <path d="M22.797.516a25 25 0 0 0-15.49 7.24 25 25 0 0 0 .03 35.355l225 224.582a25 25 0 0 0 35.356-.03 25 25 0 0 0-.03-35.356l-225-224.584a25 25 0 0 0-11.216-6.46 25 25 0 0 0-8.65-.747m554.838 0a25 25 0 0 0-8.65.744 25 25 0 0 0-11.217 6.453L6.932 556.879a25 25 0 0 0-.055 35.355 25 25 0 0 0 35.355.053L593.068 43.121a25 25 0 0 0 .055-35.355 25 25 0 0 0-15.488-7.25M347.797 325.098a25 25 0 0 0-15.49 7.24 25 25 0 0 0 .03 35.355l225 224.584a25 25 0 0 0 35.356-.033 25 25 0 0 0-.03-35.355l-225-224.582a25 25 0 0 0-11.216-6.461 25 25 0 0 0-8.65-.748"/>
</svg> </svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 648 B

After

Width:  |  Height:  |  Size: 625 B

Before After
Before After

4
styleguide/assets/icon/cross_small.svg
View file

@ -1,3 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="412.5" height="412.5" viewBox="0 0 109.141 109.141"> <svg xmlns="http://www.w3.org/2000/svg" width="412.5" height="412.5">
<path d="M6.615 0a6.62 6.62 0 0 0-4.678 1.937 6.615 6.615 0 0 0 0 9.354L35.01 44.365a6.615 6.615 0 0 0 9.355 0 6.615 6.615 0 0 0 0-9.355L11.291 1.937A6.62 6.62 0 0 0 6.615 0m95.91 0a6.62 6.62 0 0 0-4.675 1.937L1.937 97.85a6.615 6.615 0 0 0 0 9.353 6.615 6.615 0 0 0 9.354 0l95.912-95.912a6.615 6.615 0 0 0 0-9.354A6.62 6.62 0 0 0 102.526 0M69.454 62.838a6.62 6.62 0 0 0-4.678 1.937 6.615 6.615 0 0 0 0 9.356l33.075 33.072a6.615 6.615 0 0 0 9.353 0 6.615 6.615 0 0 0 0-9.353L74.131 64.775a6.62 6.62 0 0 0-4.678-1.937"/> <path d="M25 0a25 25 0 0 0-6.47.852 25 25 0 0 0-11.208 6.47 25 25 0 0 0 0 35.356l125 125a25 25 0 0 0 35.356 0 25 25 0 0 0 0-35.356l-125-125A25 25 0 0 0 25 0m364.68.096a25 25 0 0 0-8.65.756 25 25 0 0 0-11.208 6.47l-362.5 362.5a25 25 0 0 0 0 35.356 25 25 0 0 0 35.356 0l362.5-362.5a25 25 0 0 0 0-35.356A25 25 0 0 0 389.68.096M262.5 237.5a25 25 0 0 0-6.47.852 25 25 0 0 0-11.208 6.47 25 25 0 0 0 0 35.356l125 125a25 25 0 0 0 35.356 0 25 25 0 0 0 0-35.356l-125-125A25 25 0 0 0 262.5 237.5"/>
</svg> </svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 630 B

After

Width:  |  Height:  |  Size: 569 B

Before After
Before After

4
styleguide/assets/icon/cup_1.svg
View file

@ -1,3 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="600" height="600" viewBox="0 0 158.75 158.75"> <svg xmlns="http://www.w3.org/2000/svg" width="600" height="600">
<path d="M40.157.017a6.6 6.6 0 0 0-2.56.323 6.62 6.62 0 0 0-3.826 3.317l-3.657 7.312a19.86 19.86 0 0 0 0 17.75l.7 1.396a6.6 6.6 0 0 1 0 5.916l-3.657 7.313a6.615 6.615 0 0 0 2.957 8.875 6.615 6.615 0 0 0 8.875-2.959l3.656-7.313a19.86 19.86 0 0 0 0-17.747l-.697-1.399a6.6 6.6 0 0 1 0-5.916l3.656-7.312A6.615 6.615 0 0 0 42.645.698a6.6 6.6 0 0 0-2.488-.681m26.458 0a6.6 6.6 0 0 0-2.56.323 6.62 6.62 0 0 0-3.826 3.317l-3.657 7.312a19.86 19.86 0 0 0 0 17.75l.7 1.396a6.6 6.6 0 0 1 0 5.916l-3.657 7.313a6.615 6.615 0 0 0 2.957 8.875 6.615 6.615 0 0 0 8.876-2.959l3.656-7.313a19.86 19.86 0 0 0 0-17.747l-.697-1.399a6.6 6.6 0 0 1 0-5.916l3.656-7.312a6.615 6.615 0 0 0-2.96-8.875 6.6 6.6 0 0 0-2.488-.681m26.458 0a6.6 6.6 0 0 0-2.56.323 6.62 6.62 0 0 0-3.826 3.317l-3.656 7.312a19.86 19.86 0 0 0 0 17.75l.7 1.396a6.6 6.6 0 0 1 0 5.916l-3.657 7.313a6.615 6.615 0 0 0 2.957 8.875 6.615 6.615 0 0 0 8.875-2.959l3.656-7.313a19.86 19.86 0 0 0 0-17.747l-.697-1.399a6.6 6.6 0 0 1 0-5.916l3.656-7.312A6.615 6.615 0 0 0 95.562.698a6.6 6.6 0 0 0-2.489-.681m12.759 59.515-85.99.017c-10.8.003-18.528 11.258-14.65 21.338l23.572 61.275c3.836 9.974 13.466 16.589 24.152 16.589h26.459c10.686 0 20.316-6.615 24.153-16.589l23.574-61.275a12.61 12.61 0 0 1 11.804-8.107c3.732 0 6.615 2.883 6.615 6.615v6.34a15.13 15.13 0 0 1-8.175 13.455l-1.489.773a6.615 6.615 0 0 0-2.822 8.918 6.615 6.615 0 0 0 8.92 2.822l1.488-.77a28.42 28.42 0 0 0 15.307-25.198v-6.34c0-10.881-8.963-19.844-19.844-19.844-10.686 0-20.316 6.613-24.152 16.586l-23.575 61.275a12.61 12.61 0 0 1-11.804 8.108H52.916a12.61 12.61 0 0 1-11.805-8.108L17.537 76.137c-.701-1.823.356-3.36 2.309-3.36l85.988-.017a6.615 6.615 0 0 0 6.613-6.615 6.615 6.615 0 0 0-6.615-6.613"/> <path d="M151.773.063a25 25 0 0 0-9.675 1.222 25 25 0 0 0-14.461 12.535l-13.82 27.637a75.07 75.07 0 0 0 0 67.086l2.644 5.28a24.94 24.94 0 0 1 0 22.359l-13.82 27.638a25 25 0 0 0 11.175 33.543 25 25 0 0 0 33.545-11.183l13.819-27.639a75.05 75.05 0 0 0 0-67.078l-2.635-5.285a24.94 24.94 0 0 1 0-22.362l13.818-27.636A25 25 0 0 0 161.18 2.637a25 25 0 0 0-9.407-2.574m100 0a25 25 0 0 0-9.675 1.222 25 25 0 0 0-14.461 12.535l-13.82 27.637a75.07 75.07 0 0 0 0 67.086l2.644 5.28a24.94 24.94 0 0 1 0 22.359l-13.82 27.638a25 25 0 0 0 11.175 33.543 25 25 0 0 0 33.545-11.183l13.819-27.639a75.05 75.05 0 0 0 0-67.078l-2.635-5.285a24.94 24.94 0 0 1 0-22.362l13.818-27.636A25 25 0 0 0 261.18 2.637a25 25 0 0 0-9.407-2.574m100 0a25 25 0 0 0-9.675 1.222 25 25 0 0 0-14.461 12.535l-13.819 27.637a75.07 75.07 0 0 0 0 67.086l2.643 5.28a24.94 24.94 0 0 1 0 22.359l-13.82 27.638a25 25 0 0 0 11.177 33.543 25 25 0 0 0 33.543-11.183l13.819-27.639a75.05 75.05 0 0 0 0-67.078l-2.635-5.285a24.94 24.94 0 0 1 0-22.362l13.818-27.636A25 25 0 0 0 361.18 2.637a25 25 0 0 0-9.407-2.574m48.221 224.939-325.002.066c-40.818.008-70.027 42.55-55.37 80.647l89.09 231.592c14.502 37.694 50.899 62.695 91.286 62.695H300c40.387 0 76.784-25.001 91.285-62.695l89.1-231.592c7.13-18.536 24.755-30.643 44.615-30.643 14.103 0 25.002 10.899 25.002 25.002v23.963a57.19 57.19 0 0 1-30.9 50.854l-5.625 2.923a25 25 0 0 0-10.666 33.706 25 25 0 0 0 33.712 10.666l5.625-2.915C577.652 400.838 600 364.041 600 324.037v-23.963c0-41.125-33.875-75-75-75-40.387 0-76.784 24.993-91.285 62.688l-89.1 231.592c-7.13 18.535-24.755 30.642-44.615 30.642H199.998c-19.86 0-37.486-12.107-44.617-30.642l-89.1-231.592c-2.65-6.89 1.344-12.696 8.727-12.698l324.994-.066a25 25 0 0 0 24.996-25.002 25 25 0 0 0-25.004-24.994" style="stroke-width:3.77953"/>
</svg> </svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.8 KiB

After

Width:  |  Height:  |  Size: 1.8 KiB

Before After
Before After

4
styleguide/assets/icon/cup_2.svg
View file

@ -1,3 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="600" height="600" viewBox="0 0 158.75 158.75"> <svg xmlns="http://www.w3.org/2000/svg" width="600" height="600">
<path d="M40.157.017a6.6 6.6 0 0 0-2.56.323 6.62 6.62 0 0 0-3.826 3.317l-3.657 7.312a19.86 19.86 0 0 0 0 17.75l.7 1.396a6.6 6.6 0 0 1 0 5.916l-3.657 7.313a6.615 6.615 0 0 0 2.957 8.875 6.615 6.615 0 0 0 8.875-2.959l3.656-7.313a19.86 19.86 0 0 0 0-17.747l-.697-1.399a6.6 6.6 0 0 1 0-5.916l3.656-7.312A6.615 6.615 0 0 0 42.645.698a6.6 6.6 0 0 0-2.488-.681m26.458 0a6.6 6.6 0 0 0-2.56.323 6.62 6.62 0 0 0-3.826 3.317l-3.657 7.312a19.86 19.86 0 0 0 0 17.75l.7 1.396a6.6 6.6 0 0 1 0 5.916l-3.657 7.313a6.615 6.615 0 0 0 2.957 8.875 6.615 6.615 0 0 0 8.876-2.959l3.656-7.313a19.86 19.86 0 0 0 0-17.747l-.697-1.399a6.6 6.6 0 0 1 0-5.916l3.656-7.312a6.615 6.615 0 0 0-2.96-8.875 6.6 6.6 0 0 0-2.488-.681m26.458 0a6.6 6.6 0 0 0-2.56.323 6.62 6.62 0 0 0-3.826 3.317l-3.656 7.312a19.86 19.86 0 0 0 0 17.75l.7 1.396a6.6 6.6 0 0 1 0 5.916l-3.657 7.313a6.615 6.615 0 0 0 2.957 8.875 6.615 6.615 0 0 0 8.875-2.959l3.656-7.313a19.86 19.86 0 0 0 0-17.747l-.697-1.399a6.6 6.6 0 0 1 0-5.916l3.656-7.312A6.615 6.615 0 0 0 95.562.698a6.6 6.6 0 0 0-2.489-.681m12.759 66.132-85.99.018.398.01C8.91 65.498-.323 75.876 1.672 87.05a7 7 0 0 0 .08.39c7.002 29.007 33.698 51.489 64.394 51.489s57.391-22.482 64.393-51.488a7 7 0 0 0 .078-.375c.764-4.22 4.217-7.294 8.473-7.633 3.636.099 6.431 2.914 6.431 6.58v6.34a15.13 15.13 0 0 1-8.175 13.455l-1.489.774a6.615 6.615 0 0 0-2.822 8.917 6.615 6.615 0 0 0 8.92 2.822l1.488-.773a28.42 28.42 0 0 0 15.307-25.195v-6.34c0-10.88-8.963-19.843-19.844-19.843a7 7 0 0 0-.383.01c-10.382.602-19.072 8.297-20.923 18.53l.08-.373c-5.546 22.976-27.414 41.364-51.534 41.364-24.027 0-45.797-18.254-51.447-41.106-.454-2.988 1.7-5.394 4.748-5.21a7 7 0 0 0 .399.01l85.988-.017a6.615 6.615 0 0 0 6.613-6.615 6.615 6.615 0 0 0-6.615-6.613zM18.55 145.52a6.615 6.615 0 0 0-6.614 6.614 6.615 6.615 0 0 0 6.614 6.615h95.19a6.615 6.615 0 0 0 6.614-6.615 6.615 6.615 0 0 0-6.615-6.614z"/> <path d="M151.773.063a25 25 0 0 0-9.675 1.222 25 25 0 0 0-14.461 12.535l-13.82 27.637a75.07 75.07 0 0 0 0 67.086l2.644 5.28a24.94 24.94 0 0 1 0 22.359l-13.82 27.638a25 25 0 0 0 11.175 33.543 25 25 0 0 0 33.545-11.183l13.819-27.639a75.05 75.05 0 0 0 0-67.078l-2.635-5.285a24.94 24.94 0 0 1 0-22.362l13.818-27.636A25 25 0 0 0 161.18 2.637a25 25 0 0 0-9.407-2.574m100 0a25 25 0 0 0-9.675 1.222 25 25 0 0 0-14.461 12.535l-13.82 27.637a75.07 75.07 0 0 0 0 67.086l2.644 5.28a24.94 24.94 0 0 1 0 22.359l-13.82 27.638a25 25 0 0 0 11.175 33.543 25 25 0 0 0 33.545-11.183l13.819-27.639a75.05 75.05 0 0 0 0-67.078l-2.635-5.285a24.94 24.94 0 0 1 0-22.362l13.818-27.636A25 25 0 0 0 261.18 2.637a25 25 0 0 0-9.407-2.574m100 0a25 25 0 0 0-9.675 1.222 25 25 0 0 0-14.461 12.535l-13.819 27.637a75.07 75.07 0 0 0 0 67.086l2.643 5.28a24.94 24.94 0 0 1 0 22.359l-13.82 27.638a25 25 0 0 0 11.177 33.543 25 25 0 0 0 33.543-11.183l13.819-27.639a75.05 75.05 0 0 0 0-67.078l-2.635-5.285a24.94 24.94 0 0 1 0-22.362l13.818-27.636A25 25 0 0 0 361.18 2.637a25 25 0 0 0-9.407-2.574m48.221 249.949-325.002.066 1.506.043c-42.822-2.572-77.719 36.651-70.18 78.883a25 25 0 0 0 .303 1.476c26.464 109.63 127.365 194.602 243.38 194.602 116.017 0 216.912-84.971 243.376-194.602a25 25 0 0 0 .295-1.416c2.886-15.95 15.938-27.567 32.021-28.85 13.742.375 24.309 11.017 24.309 24.872v23.96a57.19 57.19 0 0 1-30.9 50.854l-5.626 2.924a25 25 0 0 0-10.666 33.705 25 25 0 0 0 33.713 10.666l5.625-2.922C577.652 425.84 600 389.05 600 349.047v-23.961c0-41.125-33.875-75-75-75a25 25 0 0 0-1.447.043c-39.24 2.272-72.083 31.356-79.082 70.033l.302-1.41c-20.961 86.837-103.608 156.334-194.771 156.334-90.812 0-173.093-68.99-194.445-155.36-1.719-11.293 6.426-20.387 17.945-19.695a25 25 0 0 0 1.506.043l324.994-.066a25 25 0 0 0 24.996-25.002 25 25 0 0 0-25.002-24.994ZM70.115 550a25 25 0 0 0-25 25 25 25 0 0 0 25 25h359.77a25 25 0 0 0 25-25 25 25 0 0 0-25-25Z" style="stroke-width:3.77953"/>
</svg> </svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.9 KiB

After

Width:  |  Height:  |  Size: 2 KiB

Before After
Before After

4
styleguide/assets/icon/dect.svg
View file

@ -1,3 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="350" height="600" viewBox="0 0 92.604 158.75"> <svg xmlns="http://www.w3.org/2000/svg" width="350" height="600">
<path d="M85.99 0a6.615 6.615 0 0 0-6.615 6.615v13.229c0 3.731-2.884 6.615-6.615 6.615H19.844C8.963 26.459 0 35.422 0 46.303v92.603c0 10.881 8.963 19.844 19.844 19.844H72.76c10.881 0 19.844-8.963 19.844-19.844v-85.99a6.615 6.615 0 0 0-6.614-6.613 6.615 6.615 0 0 0-6.615 6.613v85.99c0 3.732-2.884 6.615-6.615 6.615H19.844c-3.732 0-6.615-2.883-6.615-6.615V46.303c0-3.732 2.883-6.615 6.615-6.615H72.76c10.881 0 19.844-8.963 19.844-19.844V6.615A6.615 6.615 0 0 0 85.99 0M39.688 46.302c-10.881 0-19.844 8.963-19.844 19.844v6.615c0 10.881 8.963 19.844 19.844 19.844h13.229c10.88 0 19.843-8.963 19.843-19.844V52.917a6.615 6.615 0 0 0-6.615-6.615 6.615 6.615 0 0 0-6.613 6.615v19.844c0 3.731-2.884 6.613-6.615 6.613H39.688c-3.731 0-6.615-2.882-6.615-6.613v-6.615c0-3.732 2.884-6.615 6.615-6.615h6.614a6.615 6.615 0 0 0 6.615-6.614 6.615 6.615 0 0 0-6.615-6.615zm-13.23 59.532a6.615 6.615 0 0 0-6.614 6.613 6.615 6.615 0 0 0 6.615 6.615h39.687a6.615 6.615 0 0 0 6.614-6.615 6.615 6.615 0 0 0-6.614-6.613zm0 18.52a6.615 6.615 0 0 0-6.614 6.615 6.615 6.615 0 0 0 6.615 6.615h39.687a6.615 6.615 0 0 0 6.614-6.615 6.615 6.615 0 0 0-6.614-6.615z"/> <path d="M325.002 0A25 25 0 0 0 300 25.002V75c0 14.103-10.899 25.002-25.002 25.002H75c-41.125 0-75 33.875-75 75V525c0 41.125 33.875 75 75 75h199.998c41.125 0 75-33.875 75-75V199.998a25 25 0 0 0-24.996-24.996A25 25 0 0 0 300 199.998V525c0 14.103-10.899 25.002-25.002 25.002H75c-14.103 0-25.002-10.899-25.002-25.002V175.002C49.998 160.899 60.897 150 75 150h199.998c41.125 0 75-33.875 75-75V25.002A25 25 0 0 0 325.002 0m-175 175c-41.125 0-75 33.875-75 75v25.002c0 41.125 33.875 75 75 75H200c41.125 0 75-33.875 75-75v-75A25 25 0 0 0 249.998 175a25 25 0 0 0-24.996 25.002v75c0 14.103-10.899 24.996-25.002 24.996h-49.998c-14.103 0-25.002-10.893-25.002-24.996V250c0-14.103 10.899-25.002 25.002-25.002h24.996A25 25 0 0 0 200 200.002 25 25 0 0 0 174.998 175ZM100 400a25 25 0 0 0-25 25 25 25 0 0 0 25 25h150a25 25 0 0 0 25-25 25 25 0 0 0-25-25zm0 70a25 25 0 0 0-25 25 25 25 0 0 0 25 25h150a25 25 0 0 0 25-25 25 25 0 0 0-25-25z" style="stroke-width:3.77953"/>
</svg> </svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.2 KiB

After

Width:  |  Height:  |  Size: 1 KiB

Before After
Before After

4
styleguide/assets/icon/external.svg
View file

@ -1,3 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" width="600" height="600" viewBox="0 0 158.75 158.75"> <svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" width="600" height="600">
<path d="M69.453 0C60.4 0 52.916 7.482 52.916 16.537S60.4 33.072 69.453 33.072h42.994c.996 0 1.22.357 1.482.993.264.635.357 1.043-.347 1.747L28.397 121a6.615 6.615 0 0 0 0 9.353 6.615 6.615 0 0 0 9.353 0l85.188-85.185c4.474-4.474 5.321-11.08 3.215-16.166-2.107-5.086-7.378-9.158-13.706-9.158H69.453c-1.905 0-3.307-1.402-3.307-3.307s1.402-3.308 3.307-3.308h69.453c3.732 0 6.615 2.883 6.615 6.615V85.99a6.615 6.615 0 0 0 6.614 6.614 6.615 6.615 0 0 0 6.615-6.614V19.844C158.75 8.963 149.787 0 138.906 0Zm-49.61 19.844C8.964 19.844 0 28.806 0 39.688v99.218c0 10.881 8.963 19.844 19.844 19.844h99.219c10.88 0 19.843-8.963 19.843-19.844v-26.459a6.615 6.615 0 0 0-6.615-6.613 6.615 6.615 0 0 0-6.613 6.613v26.46c0 3.73-2.884 6.614-6.616 6.614H19.844c-3.732 0-6.615-2.883-6.615-6.615V39.688c0-3.732 2.883-6.616 6.615-6.616h13.228a6.615 6.615 0 0 0 6.615-6.613 6.615 6.615 0 0 0-6.615-6.615z"/> <path d="M262.5 0c-34.222 0-62.502 28.28-62.502 62.502s28.28 62.496 62.502 62.496h162.498c3.763 0 4.61 1.35 5.604 3.75s1.346 3.945-1.315 6.606l-321.96 321.968a25 25 0 0 0 0 35.352 25 25 0 0 0 35.35 0l321.97-321.961c16.91-16.91 20.112-41.877 12.15-61.1C468.834 90.39 448.912 75 424.998 75H262.5c-7.2 0-12.498-5.298-12.498-12.498S255.3 49.998 262.5 49.998H525c14.103 0 25.002 10.899 25.002 25.002v250.002a25 25 0 0 0 24.996 24.996A25 25 0 0 0 600 325.002V75c0-41.125-33.875-75-75-75ZM75 75c-41.125 0-75 33.875-75 75v375c0 41.125 33.875 75 75 75h375c41.125 0 75-33.875 75-75V424.998a25 25 0 0 0-25.002-24.996 25 25 0 0 0-24.996 24.996V525c0 14.103-10.899 25.002-25.002 25.002H75c-14.103 0-25.002-10.899-25.002-25.002V150c0-14.103 10.899-25.002 25.002-25.002h49.998A25 25 0 0 0 150 100.002 25 25 0 0 0 124.998 75Z" style="stroke-width:3.77953"/>
</svg> </svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1,013 B

After

Width:  |  Height:  |  Size: 940 B

Before After
Before After

4
styleguide/assets/icon/fairydust.svg
View file

@ -1,3 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="387.074" height="600" viewBox="0 0 102.413 158.75"> <svg xmlns="http://www.w3.org/2000/svg" width="387.074" height="600">
<path d="M51.207 0A20.7 20.7 0 0 0 38.77 4.133l-9.525 7.142A35.66 35.66 0 0 0 15.91 31.728l-1.822 7.839a58.55 58.55 0 0 0-.64 23.374l2.956 16.842a19.8 19.8 0 0 1-3.03 14.416l-1.487 2.232a67.7 67.7 0 0 0-9.352 21.14l-1.48 5.923a35.33 35.33 0 0 0 2.638 24.293l1.45 2.914c5.148 10.355 20.833 10.355 25.982 0l1.449-2.914a158 158 0 0 0 8.41-20.371l-.018.055a7.85 7.85 0 0 1 7.538-5.334h5.349a8.02 8.02 0 0 1 7.654 5.517l.002.004a156 156 0 0 0 8.332 20.133l1.448 2.91c5.149 10.355 20.833 10.355 25.982 0l1.45-2.914a35.33 35.33 0 0 0 2.638-24.293l-1.48-5.924a67.7 67.7 0 0 0-9.352-21.138l-1.489-2.233a19.57 19.57 0 0 1-2.972-14.365l2.828-15.555a59 59 0 0 0-.453-23.363l-2.024-9.101a35.23 35.23 0 0 0-13.25-20.54l-9.525-7.142A20.7 20.7 0 0 0 51.207 0m0 13.203a7.48 7.48 0 0 1 4.498 1.512l9.525 7.144a22 22 0 0 1 8.274 12.825l2.023 9.103a45.8 45.8 0 0 1 .352 18.125L73.05 77.467c-1.52 8.363.268 16.999 4.983 24.072l1.486 2.23a54.5 54.5 0 0 1 7.525 17.01l1.48 5.924a22.08 22.08 0 0 1-1.65 15.193l-1.449 2.916c-.657 1.323-1.633 1.323-2.29 0l-1.45-2.916-.002-.004a143 143 0 0 1-7.625-18.422l-.002-.006c-2.893-8.67-11.063-14.558-20.203-14.558h-5.236c-9.068-.078-17.223 5.696-20.164 14.274l-.018.052a145 145 0 0 1-7.707 18.664l-1.45 2.916c-.657 1.323-1.632 1.323-2.29 0l-1.45-2.916a22.08 22.08 0 0 1-1.65-15.193l1.48-5.924a54.5 54.5 0 0 1 7.526-17.01l1.486-2.23a33.06 33.06 0 0 0 5.053-24.043l-2.955-16.842a45.3 45.3 0 0 1 .495-18.092l1.822-7.84a22.42 22.42 0 0 1 8.388-12.863l9.526-7.144a7.48 7.48 0 0 1 4.498-1.512m-.004 20.135c-10.881 0-19.844 8.963-19.844 19.844 0 10.88 8.963 19.844 19.844 19.844s19.844-8.963 19.844-19.844-8.963-19.844-19.844-19.844m0 13.228c3.732 0 6.615 2.884 6.615 6.616s-2.883 6.613-6.615 6.613c-3.731 0-6.613-2.882-6.613-6.613s2.882-6.616 6.613-6.616m0 82.184a6.615 6.615 0 0 0-6.613 6.615v16.924a6.615 6.615 0 0 0 6.613 6.616 6.615 6.615 0 0 0 6.615-6.616v-16.924a6.615 6.615 0 0 0-6.615-6.615"/> <path d="M193.537 0c-16.56 0-33.118 5.21-47 15.621l-36.002 26.994a134.8 134.8 0 0 0-50.404 77.303l-6.887 29.625a221.3 221.3 0 0 0-2.414 88.346L62 301.543a74.85 74.85 0 0 1-11.45 54.486l-5.624 8.436A256 256 0 0 0 9.58 444.359L3.984 466.75a133.52 133.52 0 0 0 9.973 91.814l5.479 11.014c19.46 39.138 78.74 39.138 98.2 0l5.477-11.014a597 597 0 0 0 31.787-76.992l-.066.207c4.198-12.242 15.545-20.271 28.486-20.16h20.219c13.223 0 24.748 8.31 28.93 20.854l.008.015a590 590 0 0 0 31.49 76.092l5.47 11c19.46 39.137 78.742 39.137 98.202 0l5.476-11.016a133.52 133.52 0 0 0 9.975-91.814l-5.596-22.391a256 256 0 0 0-35.345-79.893l-5.625-8.437a73.98 73.98 0 0 1-11.235-54.295l10.69-58.789a223.1 223.1 0 0 0-1.713-88.302l-7.649-34.399a133.16 133.16 0 0 0-50.078-77.629l-36.002-26.994C226.656 5.21 210.097 0 193.537 0m0 49.902c5.96 0 11.919 1.902 17 5.713l36.002 27.002a83.1 83.1 0 0 1 31.27 48.47l7.648 34.407a173.1 173.1 0 0 1 1.328 68.504l-10.69 58.79a124.06 124.06 0 0 0 18.833 90.982l5.617 8.43a206 206 0 0 1 28.441 64.288l5.596 22.389a83.47 83.47 0 0 1-6.236 57.424l-5.479 11.021c-2.485 4.998-6.173 4.998-8.658 0l-5.479-11.021-.006-.015a540 540 0 0 1-28.82-69.627l-.008-.023c-10.933-32.766-41.813-55.023-76.357-55.023h-19.791c-34.27-.295-65.094 21.528-76.211 53.947l-.067.199A547 547 0 0 1 78.341 536.3l-5.476 11.022c-2.485 4.998-6.173 4.998-8.658 0L58.728 536.3a83.47 83.47 0 0 1-6.236-57.424l5.594-22.388a206 206 0 0 1 28.443-64.29l5.617-8.43a124.93 124.93 0 0 0 19.098-90.87l-11.17-63.654a171.3 171.3 0 0 1 1.87-68.379l6.886-29.63a84.74 84.74 0 0 1 31.705-48.618l36.002-27.002c5.082-3.81 11.04-5.713 17-5.713M193.525 126c-41.125 0-75 33.875-75 75s33.875 75 75 75 75-33.875 75-75-33.874-75-75-75m0 50c14.104 0 25 10.897 25 25s-10.896 25-25 25-25-10.897-25-25 10.897-25 25-25m0 310.617a25 25 0 0 0-25 25v63.967a25 25 0 0 0 25 25 25 25 0 0 0 25-25v-63.967a25 25 0 0 0-25-25" style="stroke-width:3.77952"/>
</svg> </svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2 KiB

After

Width:  |  Height:  |  Size: 1.9 KiB

Before After
Before After

4
styleguide/assets/icon/flag.svg
View file

@ -1,3 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="384.92" height="600" viewBox="0 0 101.843 158.75"> <svg xmlns="http://www.w3.org/2000/svg" width="384.92" height="600">
<path d="M15.905.022C7.433.462.004 7.537.004 16.56l-.005 135.575a6.619 6.61 0 0 0 6.62 6.61 6.619 6.61 0 0 0 6.62-6.61l.004-135.575c0-2.45 2.023-3.936 4.365-3.205L87.34 35.117c1.229.384 1.267.872 1.265 1.722s-.04 1.337-1.27 1.715l-62.294 19.14a6.619 6.61 0 0 0-4.381 8.263 6.619 6.61 0 0 0 8.274 4.374L91.228 51.19c6.676-2.051 10.601-8.364 10.614-14.322S97.957 24.58 91.29 22.499L21.556.737a16.2 16.2 0 0 0-5.65-.715" style="stroke-width:1.02554"/> <path d="M60.115.084C28.094 1.748.015 28.487.014 62.588L-.002 575a25.017 24.983 0 0 0 25.016 24.98A25.017 24.983 0 0 0 50.035 575l.016-512.412c0-9.262 7.646-14.874 16.498-12.111l263.558 82.25c4.644 1.449 4.789 3.295 4.782 6.507-.007 3.213-.153 5.054-4.803 6.483l-235.44 72.34a25.017 24.983 0 0 0-16.558 31.23 25.017 24.983 0 0 0 31.271 16.531l235.438-72.347c25.233-7.754 40.07-31.614 40.119-54.131.05-22.518-14.686-46.44-39.885-54.305L81.473 2.785A61 61 0 0 0 60.115.084" style="stroke-width:3.87606"/>
</svg> </svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 558 B

After

Width:  |  Height:  |  Size: 583 B

Before After
Before After

4
styleguide/assets/icon/gluten.svg
View file

@ -1,3 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="315.625" height="600" viewBox="0 0 83.509 158.75"> <svg xmlns="http://www.w3.org/2000/svg" width="315.625" height="600">
<path d="M40.09.014a6.6 6.6 0 0 0-3.244 1.098 6.615 6.615 0 0 0-1.836 9.171l8.826 13.24c4.194 6.291 12.005 9.219 19.3 7.237l15.493-4.207a6.615 6.615 0 0 0 4.648-8.117 6.615 6.615 0 0 0-8.117-4.65l-15.49 4.208a4.36 4.36 0 0 1-4.826-1.808l-8.827-13.24A6.62 6.62 0 0 0 41.812.129 6.6 6.6 0 0 0 40.09.014m-9.922 26.457a6.6 6.6 0 0 0-3.244 1.097 6.615 6.615 0 0 0-1.836 9.174l8.826 13.238c4.194 6.291 12.005 9.22 19.3 7.239l15.493-4.207a6.615 6.615 0 0 0 4.648-8.12 6.615 6.615 0 0 0-8.117-4.648l-15.49 4.21a4.365 4.365 0 0 1-4.826-1.812l-8.827-13.238a6.62 6.62 0 0 0-4.204-2.818 6.6 6.6 0 0 0-1.723-.115m-9.922 26.46a6.6 6.6 0 0 0-3.244 1.096 6.615 6.615 0 0 0-1.836 9.174l8.826 13.238c4.194 6.291 12.005 9.22 19.301 7.239l15.492-4.21a6.615 6.615 0 0 0 4.648-8.116 6.615 6.615 0 0 0-8.116-4.65L39.826 70.91A4.36 4.36 0 0 1 35 69.102l-8.826-13.24a6.62 6.62 0 0 0-4.205-2.817 6.6 6.6 0 0 0-1.723-.115m-9.922 26.458a6.6 6.6 0 0 0-3.244 1.098 6.615 6.615 0 0 0-1.836 9.171l8.826 13.24a8.86 8.86 0 0 1 .928 8.046L.422 149.813a6.615 6.615 0 0 0 3.87 8.515 6.615 6.615 0 0 0 8.517-3.87l14.576-38.87a22.13 22.13 0 0 0-2.307-20.027l-8.826-13.24a6.62 6.62 0 0 0-4.205-2.817 6.6 6.6 0 0 0-1.723-.115"/> <path d="M151.52.053A25 25 0 0 0 139.26 4.2a25 25 0 0 0-6.94 34.664l33.36 50.043c15.85 23.776 45.37 34.84 72.947 27.35l58.553-15.9a25 25 0 0 0 17.568-30.68 25 25 0 0 0-30.678-17.576L225.523 68.01c-7.009 1.904-14.21-.793-18.24-6.836l-33.36-50.041A25 25 0 0 0 158.032.486a25 25 0 0 0-6.511-.433m-37.5 99.996a25 25 0 0 0-12.26 4.146 25 25 0 0 0-6.94 34.672l33.36 50.035c15.85 23.777 45.37 34.849 72.947 27.358l58.553-15.9a25 25 0 0 0 17.568-30.688 25 25 0 0 0-30.678-17.568l-58.547 15.908c-7.009 1.904-14.21-.8-18.24-6.844l-33.36-50.033a25 25 0 0 0-15.892-10.653 25 25 0 0 0-6.511-.433M76.52 200.05a25 25 0 0 0-12.26 4.146 25 25 0 0 0-6.94 34.674l33.36 50.033c15.85 23.776 45.37 34.849 72.947 27.358l58.553-15.908a25 25 0 0 0 17.568-30.678 25 25 0 0 0-30.678-17.57l-58.547 15.902c-7.009 1.904-14.21-.793-18.24-6.836l-33.36-50.043a25 25 0 0 0-15.892-10.645 25 25 0 0 0-6.511-.433m-37.5 100.002a25 25 0 0 0-12.26 4.148 25 25 0 0 0-6.94 34.664l33.36 50.043a33.5 33.5 0 0 1 3.506 30.406L1.594 566.221a25 25 0 0 0 14.63 32.185 25 25 0 0 0 32.186-14.63l55.092-146.909c9.428-25.143 6.176-53.35-8.719-75.693l-33.36-50.041a25 25 0 0 0-15.892-10.647 25 25 0 0 0-6.511-.433" style="stroke-width:3.77953"/>
</svg> </svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.3 KiB

After

Width:  |  Height:  |  Size: 1.2 KiB

Before After
Before After

4
styleguide/assets/icon/hackertours.svg
View file

@ -1,3 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="600" height="600" viewBox="0 0 158.75 158.75"> <svg xmlns="http://www.w3.org/2000/svg" width="600" height="600">
<path d="M92.605 0a56.43 56.43 0 0 0-27.998 7.435L41.048 20.898a54.16 54.16 0 0 0-20.15 20.15L7.435 64.607A56.44 56.44 0 0 0-.001 92.605v13.127c-.133 1.292-.16 2.568-.013 3.8 1.26 10.678 12.382 18.605 23.265 15.133a6.6 6.6 0 0 0 .948-.384 46.3 46.3 0 0 0 20.707-20.707l1.396-2.794a33.07 33.07 0 0 1 14.79-14.79l3.03-1.516a11.33 11.33 0 0 1 13.13 2.131l70.206 70.207a6.615 6.615 0 0 0 9.354 0 6.615 6.615 0 0 0 0-9.354L86.605 77.251c-7.47-7.47-18.95-9.333-28.399-4.609l-3.029 1.516A46.3 46.3 0 0 0 34.47 94.864l-1.397 2.794c-3.096 6.193-8.08 11.21-14.197 14.431-3.432.858-6.288-1.636-5.726-5.236a6.6 6.6 0 0 0 .08-1.02V92.605A43.2 43.2 0 0 1 18.92 71.17l13.463-23.56a40.9 40.9 0 0 1 15.227-15.227l23.56-13.463a43.2 43.2 0 0 1 21.434-5.691h13.228c4.44 0 6.987 4.106 5.074 8.08A27.87 27.87 0 0 1 97.96 32.93a7 7 0 0 0-.302.143l-2.794 1.397a46.3 46.3 0 0 0-20.706 20.707l-.7 1.397a6.615 6.615 0 0 0 2.96 8.873 6.615 6.615 0 0 0 8.872-2.957l.7-1.397a33.07 33.07 0 0 1 14.79-14.79l2.794-1.397-.303.142a41.1 41.1 0 0 0 19.291-17.432 7 7 0 0 0 .156-.294c6.153-12.305-3.127-27.323-16.885-27.323Z"/> <path d="M350.002-.002A213.3 213.3 0 0 0 244.184 28.1l-89.041 50.884a204.7 204.7 0 0 0-76.159 76.159L28.1 244.183A213.3 213.3 0 0 0-.002 350.003v49.613c-.503 4.886-.603 9.706-.053 14.365 4.766 40.358 46.799 70.319 87.934 57.196a25 25 0 0 0 3.58-1.453 175.02 175.02 0 0 0 78.264-78.264L175 380.902A125 125 0 0 1 230.902 325l11.45-5.729c16.634-8.317 36.47-5.095 49.62 8.055l265.35 265.348a25 25 0 0 0 35.352 0 25 25 0 0 0 0-35.352l-265.348-265.35c-28.233-28.232-71.622-35.275-107.334-17.42l-11.449 5.73a175 175 0 0 0-78.262 78.261l-5.28 10.557C113.3 392.506 94.46 411.47 71.345 423.645c-12.973 3.242-23.769-6.184-21.645-19.791a25 25 0 0 0 .303-3.854v-49.998c0-28.416 7.413-56.336 21.512-81.008l50.882-89.049a154.64 154.64 0 0 1 57.55-57.549l89.048-50.882a163.27 163.27 0 0 1 81.008-21.512H400c16.782 0 26.407 15.52 19.178 30.539-11.229 19.473-28.33 34.893-48.934 43.922a25 25 0 0 0-1.144.539l-10.557 5.28a175 175 0 0 0-78.262 78.261l-2.642 5.28a25 25 0 0 0 11.183 33.534 25 25 0 0 0 33.535-11.175l2.643-5.28A125 125 0 0 1 380.902 175l10.557-5.277-1.145.539a155.4 155.4 0 0 0 72.913-65.885 25 25 0 0 0 .59-1.113C487.07 56.756 451.996-.002 400-.002Z" style="stroke-width:3.77953"/>
</svg> </svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.2 KiB

After

Width:  |  Height:  |  Size: 1.2 KiB

Before After
Before After

4
styleguide/assets/icon/hare_head.svg
View file

@ -1,3 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="600" height="600" viewBox="0 0 158.75 158.75"> <svg xmlns="http://www.w3.org/2000/svg" width="600" height="600">
<path d="M56.62.006q-.672-.017-1.343.025c-5.953.37-11.633 4.129-13.687 10.29l-2.4 7.198a6.61 6.61 0 0 0 4.177 8.36 6.61 6.61 0 0 0 8.36-4.18l2.4-7.2c.51-1.53 1.918-1.946 3.18-.937l12.24 9.792a27.35 27.35 0 0 1 9.736 15.996l1.46 7.296A27.95 27.95 0 0 0 99.3 67.664l14.402 4.799a44.2 44.2 0 0 1 17.717 11.119l7.586 7.801.316.254c3.327 2.673 5.497 6.49 6.166 10.693-.092 4.927-2.842 9.392-7.266 11.617l-2.607 1.313c-9.262 4.66-13.483 15.768-9.652 25.402l3.482 8.758a58 58 0 0 1 1.618 4.629 6.61 6.61 0 0 0 8.24 4.412 6.61 6.61 0 0 0 4.41-8.24 71 71 0 0 0-1.986-5.686l-3.483-8.758c-1.343-3.377.062-7.076 3.31-8.71l2.608-1.313a26.53 26.53 0 0 0 14.59-23.891l-.004-.404-.053-.402c-.99-7.534-4.788-14.401-10.593-19.28l-7.207-7.41a57.44 57.44 0 0 0-23.014-14.443l-14.4-4.8a14.69 14.69 0 0 1-9.776-11.07l-1.459-7.296a40.58 40.58 0 0 0-14.442-23.725L65.56 3.243C62.898 1.112 59.756.081 56.62.005m-23.678 33.66a35 35 0 0 0-7.338.437l-12.97 2.16C2.279 37.99-3.306 50.081 2.096 59.083l5.948 9.911a33.15 33.15 0 0 0 23.729 15.752l19.19 2.74A12.13 12.13 0 0 1 61.05 96.58l.238.951.06.194c1.798 5.68.757 11.844-2.763 16.64-4.48 5.227-11.175 10.831-22.291 19.159l-.016.011a229 229 0 0 0-17.554 13.576 6.61 6.61 0 0 0-.733 9.317 6.61 6.61 0 0 0 9.317.732 216 216 0 0 1 16.713-12.916l.092-.064.089-.067c11.443-8.572 18.945-14.678 24.611-21.342l.132-.154.123-.162a31.87 31.87 0 0 0 4.982-28.364l-.178-.716c-2.499-9.994-10.84-17.516-21.04-18.973l-19.192-2.74a19.9 19.9 0 0 1-14.264-9.469l-5.947-9.91c-.836-1.392-.225-2.715 1.379-2.982l12.97-2.16a21.66 21.66 0 0 1 17.1 4.45l21.705 17.364a6.61 6.61 0 0 0 9.29-1.033 6.61 6.61 0 0 0-1.034-9.29l-21.705-17.36a34.9 34.9 0 0 0-20.191-7.606"/> <path d="M215.691.084c-24.836-1.325-49.965 13.31-58.503 38.922l-9.073 27.21a24.977 24.977 0 0 0 15.795 31.595 24.977 24.977 0 0 0 31.596-15.795l9.07-27.211c1.93-5.788 7.246-7.357 12.014-3.543l46.265 37.006a103.36 103.36 0 0 1 36.801 60.455l5.516 27.58c7.422 37.103 34.236 67.47 70.135 79.433l54.43 18.141a167.1 167.1 0 0 1 66.962 42.027l28.672 29.479 1.193.959c12.595 10.12 20.88 24.551 23.395 40.465-.36 18.612-10.84 35.453-27.549 43.859l-9.857 4.959c-35.007 17.61-50.963 59.597-36.483 96.01l13.164 33.101a219 219 0 0 1 6.116 17.498 24.977 24.977 0 0 0 31.14 16.672 24.977 24.977 0 0 0 16.67-31.14 269 269 0 0 0-7.508-21.489l-13.164-33.101c-5.076-12.766.236-26.75 12.514-32.926l9.857-4.959c34.028-17.118 55.455-52.207 55.137-90.295l-.012-1.53-.2-1.517c-3.747-28.48-18.106-54.447-40.055-72.888l-27.22-27.987a217.1 217.1 0 0 0-86.98-54.588l-54.43-18.14a55.5 55.5 0 0 1-36.943-41.842l-5.517-27.58a153.36 153.36 0 0 0-54.582-89.666L247.79 12.252c-9.583-7.665-20.81-11.566-32.1-12.168m-91.19 127.154c-9.2-.424-18.494.116-27.73 1.655l-49.019 8.168c-39.144 6.522-60.25 52.218-39.83 86.246l22.476 37.455a125.3 125.3 0 0 0 89.68 59.535l72.541 10.361c18.588 2.655 33.565 16.162 38.117 34.37l.899 3.593.23.73c6.79 21.462 2.901 44.774-10.398 62.901-16.922 19.734-42.273 40.916-84.22 72.342a867 867 0 0 0-66.485 51.414 24.977 24.977 0 0 0-2.77 35.213 24.977 24.977 0 0 0 35.213 2.771 817 817 0 0 1 63.168-48.82l.346-.242.338-.252c43.25-32.397 71.604-55.472 93.021-80.658l.498-.584.46-.616c22.979-30.653 29.946-70.448 18.874-107.06l-.006-.024-.707-2.826c-9.444-37.771-40.97-66.198-79.515-71.703l-72.541-10.361a75.23 75.23 0 0 1-53.91-35.787l-22.477-37.455c-3.158-5.263-.852-10.26 5.209-11.27l49.02-8.168a81.88 81.88 0 0 1 64.63 16.83l82.04 65.62a24.977 24.977 0 0 0 35.105-3.903 24.977 24.977 0 0 0-3.904-35.108l-82.04-65.619a131.9 131.9 0 0 0-76.312-28.748"/>
</svg> </svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.7 KiB

After

Width:  |  Height:  |  Size: 1.9 KiB

Before After
Before After

4
styleguide/assets/icon/history.svg
View file

@ -1,3 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="600" height="600" viewBox="0 0 158.75 158.75"> <svg xmlns="http://www.w3.org/2000/svg" width="600" height="600">
<path d="M79.375 0C58.32 0 39.103 8.235 24.895 21.648a6.615 6.615 0 0 0-.27 9.352 6.615 6.615 0 0 0 9.352.267C45.83 20.077 61.76 13.23 79.375 13.23c36.61 0 66.146 29.536 66.146 66.146s-29.536 66.146-66.146 66.146-66.146-29.536-66.146-66.146a6.615 6.615 0 0 0-6.614-6.615A6.615 6.615 0 0 0 0 79.375c0 43.76 35.616 79.375 79.375 79.375s79.375-35.616 79.375-79.375S123.134 0 79.375 0m0 19.09a6.615 6.615 0 0 0-6.615 6.615V72.76a46.3 46.3 0 0 0 9.261 27.781l11.907 15.875a6.615 6.615 0 0 0 9.26 1.324 6.615 6.615 0 0 0 1.322-9.261L92.604 92.604A33.07 33.07 0 0 1 85.99 72.76V25.705a6.615 6.615 0 0 0-6.615-6.615m-70.145.758a6.6 6.6 0 0 0-1.476.11 6.615 6.615 0 0 0-5.276 7.724l2.537 13.463c1.609 8.54 10 14.27 18.54 12.662l14.05-2.646a6.615 6.615 0 0 0 5.275-7.727 6.615 6.615 0 0 0-7.725-5.275l-14.05 2.648c-1.513.285-2.805-.598-3.09-2.111l-2.537-13.463a6.615 6.615 0 0 0-6.248-5.385"/> <path d="M300 0C220.422 0 147.792 31.123 94.092 81.82a25 25 0 0 0-1.018 35.342 25 25 0 0 0 35.342 1.018C173.216 75.885 233.424 50 300 50c138.367 0 250 111.633 250 250S438.367 550 300 550 50 438.367 50 300a25 25 0 0 0-25-25 25 25 0 0 0-25 25c0 165.39 134.61 300 300 300s300-134.61 300-300S465.39 0 300 0m0 72.15a25 25 0 0 0-25.002 25.002v177.846a175.02 175.02 0 0 0 35.004 105l45 60A25 25 0 0 0 390 445.002a25 25 0 0 0 4.998-35.004l-45-60a124.98 124.98 0 0 1-24.996-75V97.152A25 25 0 0 0 300 72.15M34.887 75.016a25 25 0 0 0-5.582.414 25 25 0 0 0-19.94 29.195l9.59 50.885c6.08 32.273 37.795 53.935 70.068 47.855l53.106-10.002a25 25 0 0 0 19.937-29.203 25 25 0 0 0-29.195-19.937l-53.105 10.01c-5.719 1.077-10.6-2.263-11.678-7.981L58.5 95.369a25 25 0 0 0-23.613-20.353" style="stroke-width:3.77953"/>
</svg> </svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 989 B

After

Width:  |  Height:  |  Size: 874 B

Before After
Before After

4
styleguide/assets/icon/home.svg
View file

@ -1,3 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="600" height="600" viewBox="0 0 158.75 158.75"> <svg xmlns="http://www.w3.org/2000/svg" width="600" height="600">
<path d="M66.146.023c-5.119 0-10.238 1.766-14.343 5.297L12.33 39.276A35.46 35.46 0 0 0 0 66.146v72.76c0 10.881 8.963 19.844 19.844 19.844h13.228c10.881 0 19.844-8.963 19.844-19.844v-26.459c0-3.731 2.884-6.613 6.615-6.613H72.76c3.731 0 6.615 2.882 6.615 6.613v26.46c0 10.88 8.963 19.843 19.844 19.843h13.228c10.881 0 19.844-8.963 19.844-19.844v-33.072a6.615 6.615 0 0 0-6.613-6.615 6.615 6.615 0 0 0-6.615 6.615v33.072c0 3.732-2.884 6.615-6.616 6.615H99.22c-3.732 0-6.615-2.883-6.615-6.615v-26.459c0-10.88-8.963-19.843-19.844-19.843H59.53c-10.88 0-19.843 8.962-19.843 19.843v26.46c0 3.73-2.884 6.614-6.616 6.614H19.844c-3.732 0-6.615-2.883-6.615-6.615v-72.76a22.2 22.2 0 0 1 7.728-16.842L60.43 15.35c3.322-2.858 8.109-2.858 11.431 0l39.473 33.955a22.2 22.2 0 0 1 7.729 16.842v13.229a6.615 6.615 0 0 0 6.615 6.615 6.615 6.615 0 0 0 6.613-6.615V66.146a35.46 35.46 0 0 0-12.33-26.87L80.488 5.32C76.383 1.79 71.265.023 66.146.023"/> <path d="M250.002.088c-19.347 0-38.698 6.674-54.213 20.02L46.602 148.442A134 134 0 0 0 0 250.002V525c0 41.125 33.875 75 75 75h49.998c41.125 0 75-33.875 75-75V424.998c0-14.103 10.899-24.996 25.002-24.996h49.998c14.103 0 25.002 10.893 25.002 24.996V525c0 41.125 33.875 75 75 75h49.998c41.125 0 75-33.875 75-75V400.002A25 25 0 0 0 475.002 375 25 25 0 0 0 450 400.002V525c0 14.103-10.899 25.002-25.002 25.002H375c-14.103 0-25.002-10.899-25.002-25.002V424.998c0-41.125-33.875-75-75-75H225c-41.125 0-75 33.875-75 75V525c0 14.103-10.899 25.002-25.002 25.002H75c-14.103 0-25.002-10.899-25.002-25.002V250.002a83.92 83.92 0 0 1 29.209-63.654l149.19-128.334c12.557-10.802 30.647-10.802 43.205 0l149.187 128.334A83.92 83.92 0 0 1 450 250.002V300a25 25 0 0 0 25.002 25.002A25 25 0 0 0 499.998 300v-49.998c0-39.01-17.028-76.12-46.602-101.559L304.207 20.107C288.692 6.762 269.349.087 250.002.087" style="stroke-width:3.77953"/>
</svg> </svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1 KiB

After

Width:  |  Height:  |  Size: 990 B

Before After
Before After

4
styleguide/assets/icon/hygene.svg
View file

@ -1,3 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="600" height="600" viewBox="0 0 158.75 158.75"> <svg xmlns="http://www.w3.org/2000/svg" width="600" height="600">
<path d="M6.616-.002A6.615 6.615 0 0 0-.002 6.616v123.132c0 15.939 13.065 29.004 29.004 29.004h100.746c15.939 0 29.004-13.065 29.004-29.004V29.002c0-15.939-13.065-29.004-29.004-29.004H26.458a6.615 6.615 0 0 0-6.615 6.618 6.615 6.615 0 0 0 6.614 6.614h103.29c8.79 0 15.773 6.983 15.773 15.772v100.746c0 8.79-6.983 15.772-15.772 15.772H29.002c-8.79 0-15.772-6.983-15.772-15.772V6.616A6.615 6.615 0 0 0 6.616-.002m65.88 19.845c-10.736 0-19.579 8.845-19.579 19.58v6.88c0 3.73-2.883 6.614-6.615 6.614h-6.615c-10.881 0-19.844 8.963-19.844 19.844V85.99c0 10.88 8.963 19.843 19.844 19.843h6.615c3.732 0 6.615 2.884 6.615 6.615v6.614c0 10.881 8.963 19.844 19.844 19.844H85.99c10.88 0 19.843-8.963 19.843-19.844v-6.614c0-3.731 2.884-6.615 6.615-6.615h6.614c10.881 0 19.844-8.962 19.844-19.843V72.76c0-10.88-8.963-19.843-19.844-19.843h-6.614c-3.731 0-6.615-2.883-6.615-6.615v-6.615a6.615 6.615 0 0 0-6.615-6.614 6.615 6.615 0 0 0-6.613 6.614v6.615c0 10.881 8.962 19.844 19.843 19.844h6.614c3.731 0 6.615 2.883 6.615 6.615V85.99c0 3.731-2.884 6.615-6.615 6.615h-6.614c-10.88 0-19.843 8.962-19.843 19.843v6.614c0 3.731-2.884 6.615-6.615 6.615H72.76c-3.73 0-6.614-2.884-6.614-6.615v-6.614c0-10.88-8.963-19.843-19.844-19.843h-6.615c-3.731 0-6.614-2.884-6.614-6.615V72.76c0-3.73 2.883-6.614 6.614-6.614h6.615c10.881 0 19.844-8.963 19.844-19.844v-6.879c0-3.585 2.764-6.35 6.35-6.35H85.99a6.615 6.615 0 0 0 6.615-6.615 6.615 6.615 0 0 0-6.615-6.615z" style="stroke-width:1.69231"/> <path d="M25.004-.006a25 25 0 0 0-25.01 25.01v465.38c0 60.244 49.378 109.622 109.621 109.622h380.77c60.243 0 109.62-49.378 109.62-109.621v-380.77c0-60.243-49.377-109.62-109.62-109.62H99.996a25 25 0 0 0-24.998 25.009 25 25 0 0 0 24.998 24.998h390.389c33.22 0 59.613 26.392 59.613 59.613v380.77c0 33.22-26.392 59.613-59.613 59.613h-380.77c-33.22 0-59.613-26.392-59.613-59.613V25.004A25 25 0 0 0 25.004-.006m248.994 75.004c-40.573 0-73.996 33.431-73.996 74.004V175c0 14.103-10.899 25.002-25.002 25.002h-25.002c-41.125 0-75 33.875-75 75V325c0 41.125 33.875 75 75 75H175c14.103 0 25.002 10.899 25.002 25.002v24.996c0 41.125 33.875 75 75 75H325c41.125 0 75-33.875 75-75v-24.996C400 410.899 410.899 400 425.002 400h24.996c41.125 0 75-33.875 75-75v-49.998c0-41.125-33.875-75-75-75h-24.996C410.899 200.002 400 189.103 400 175v-25.002a25 25 0 0 0-25.002-24.996 25 25 0 0 0-24.996 24.996V175c0 41.125 33.875 75 75 75h24.996C464.101 250 475 260.899 475 275.002V325c0 14.103-10.899 25.002-25.002 25.002h-24.996c-41.125 0-75 33.875-75 75v24.996C350.002 464.101 339.103 475 325 475h-49.998C260.899 475 250 464.101 250 449.998v-24.996c0-41.125-33.875-75-75-75h-25.002c-14.103 0-24.996-10.899-24.996-25.002v-49.998c0-14.103 10.893-25.002 24.996-25.002H175c41.125 0 75-33.875 75-75v-25.998c0-13.551 10.447-24 23.998-24H325A25 25 0 0 0 350.002 100 25 25 0 0 0 325 74.998Z" style="stroke-width:6.39612"/>
</svg> </svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.5 KiB

After

Width:  |  Height:  |  Size: 1.4 KiB

Before After
Before After

4
styleguide/assets/icon/info.svg
View file

@ -1,3 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="600" height="600" viewBox="0 0 158.75 158.75"> <svg xmlns="http://www.w3.org/2000/svg" width="600" height="600">
<path d="M79.375-.006c-4.801 0-9.603.433-14.346 1.3C32.688 7.2 7.202 32.686 1.295 65.027a79.9 79.9 0 0 0 0 28.693c5.907 32.342 31.393 57.827 63.734 63.735l.15.027.15.02c1.394.188 2.769.21 4.109.082 9.377-.9 16.998-9.154 16.544-18.983l.008.305v-62.84a6.615 6.615 0 0 0-6.615-6.613 6.615 6.615 0 0 0-6.615 6.613v62.992l.008.153c.148 3.217-2.393 5.553-5.573 5.176-26.827-4.993-47.98-26.185-52.886-53.044a66.6 66.6 0 0 1 0-23.939c4.919-26.93 26.167-48.179 53.097-53.098a66.6 66.6 0 0 1 23.938 0c26.93 4.919 48.179 26.168 53.097 53.098a66.6 66.6 0 0 1 0 23.94c-4.542 24.87-23.024 44.9-47.023 51.687a6.615 6.615 0 0 0-4.564 8.164 6.615 6.615 0 0 0 8.166 4.567c28.84-8.158 50.98-32.174 56.435-62.042a79.9 79.9 0 0 0 0-28.693c-5.907-32.341-31.393-57.827-63.734-63.735A80 80 0 0 0 79.375-.006m0 19.85c-10.881 0-19.844 8.962-19.844 19.844 0 10.88 8.963 19.843 19.844 19.843s19.844-8.962 19.844-19.843a6.615 6.615 0 0 0-6.615-6.616 6.615 6.615 0 0 0-6.614 6.615c0 3.732-2.884 6.616-6.615 6.616s-6.615-2.884-6.615-6.615 2.884-6.616 6.615-6.616a6.615 6.615 0 0 0 6.615-6.613 6.615 6.615 0 0 0-6.615-6.615"/> <path d="M300-.021a302 302 0 0 0-54.22 4.91C123.543 27.215 27.22 123.54 4.894 245.775a301.8 301.8 0 0 0 0 108.448C27.22 476.458 123.545 572.78 245.779 595.107l.569.104.568.074a67.5 67.5 0 0 0 15.525.31c35.441-3.4 64.245-34.597 62.532-71.743l.03 1.15V287.498A25 25 0 0 0 300 262.502a25 25 0 0 0-25.002 24.996v238.08l.03.576c.56 12.161-9.045 20.989-21.06 19.563C152.57 526.846 72.621 446.75 54.08 345.238a251.8 251.8 0 0 1 0-90.478C72.671 152.975 152.98 72.665 254.764 54.074a251.8 251.8 0 0 1 90.473 0c101.785 18.591 182.092 98.9 200.683 200.686a251.8 251.8 0 0 1 0 90.478c-17.169 93.999-87.02 169.7-177.727 195.356a25 25 0 0 0-17.25 30.855 25 25 0 0 0 30.864 17.26c109.004-30.83 192.68-121.602 213.298-234.486a301.8 301.8 0 0 0 0-108.448C572.78 123.54 476.455 27.215 354.221 4.89A302 302 0 0 0 300-.021M300 75c-41.125 0-75 33.875-75 75s33.875 75 75 75 75-33.875 75-75a25 25 0 0 0-25-25 25 25 0 0 0-25 25c0 14.103-10.897 25-25 25s-25-10.897-25-25 10.897-25 25-25a25 25 0 0 0 25-25 25 25 0 0 0-25-25" style="stroke-width:3.77953"/>
</svg> </svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.2 KiB

After

Width:  |  Height:  |  Size: 1.1 KiB

Before After
Before After

4
styleguide/assets/icon/lightbulb.svg
View file

@ -1,3 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="350" height="600" viewBox="0 0 92.604 158.75"> <svg xmlns="http://www.w3.org/2000/svg" width="350" height="600">
<path d="M46.303-.01A46.3 46.3 0 0 0 31.15 2.537C12.999 8.82 0 26.1 0 46.303c0 8.541 2.114 20.283 5.805 31.464 3.69 11.182 8.182 21.877 17.336 27.174a6.6 6.6 0 0 0 1.22.55l17.807 5.937a13.08 13.08 0 0 0 8.27 0l9.382-3.128a34 34 0 0 0 17.596-10.96 7 7 0 0 0 .363-.469c8.915-12.669 13.631-32.418 14.65-46.195a52 52 0 0 0-.036-8.814l-.004-.048a46 46 0 0 0-2.42-10.945 6.615 6.615 0 0 0-8.442-4.033 6.615 6.615 0 0 0-4.033 8.441 32.8 32.8 0 0 1 1.723 7.788c.193 2.182.202 4.376.025 6.56l-.002.047c-.825 11.205-6.097 30.581-12.16 39.36-2.845 3.246-6.615 5.545-10.822 6.538a7 7 0 0 0-.57.163l-9.385 3.128-16.762-5.588c-2.763-1.832-7.984-9.99-11.174-19.652-3.263-9.887-5.138-21.172-5.138-27.318 0-14.538 9.319-26.788 22.25-31.264a33.1 33.1 0 0 1 21.646 0 33 33 0 0 1 5.709 2.612 6.615 6.615 0 0 0 9.037-2.415A6.615 6.615 0 0 0 69.457 6.2a46 46 0 0 0-8.004-3.662A46.3 46.3 0 0 0 46.303-.01M27.102 115.786a6.615 6.615 0 0 0-6.918 4.491 6.615 6.615 0 0 0 4.183 8.367l11.477 3.826a33.07 33.07 0 0 0 20.916 0l11.478-3.826a6.615 6.615 0 0 0 4.184-8.367 6.615 6.615 0 0 0-8.368-4.183l-11.476 3.826a19.84 19.84 0 0 1-12.55 0l-11.477-3.826a6.6 6.6 0 0 0-1.45-.308m0 23.152a6.615 6.615 0 0 0-6.918 4.491 6.615 6.615 0 0 0 4.183 8.368l11.477 3.824a33.07 33.07 0 0 0 20.916 0l11.478-3.824a6.615 6.615 0 0 0 4.184-8.368 6.615 6.615 0 0 0-8.368-4.183l-11.476 3.826a19.84 19.84 0 0 1-12.55 0l-11.477-3.826a6.6 6.6 0 0 0-1.45-.308"/> <path d="M175.002-.037a175 175 0 0 0-57.268 9.627C49.132 33.336 0 98.642 0 175.002c0 32.284 7.99 76.66 21.94 118.922s30.923 82.685 65.52 102.705a25 25 0 0 0 4.614 2.074l67.301 22.442a49.43 49.43 0 0 0 31.256 0l35.459-11.823c25.922-6.562 49.197-20.998 66.506-41.424a25 25 0 0 0 1.373-1.771c33.695-47.882 51.52-122.526 55.37-174.596a197 197 0 0 0-.138-33.314l-.015-.178a174.3 174.3 0 0 0-9.147-41.37 25 25 0 0 0-31.904-15.241 25 25 0 0 0-15.244 31.904 124 124 0 0 1 6.511 29.432c.729 8.247.764 16.542.096 24.795l-.008.177c-3.118 42.349-23.046 115.583-45.959 148.76-10.754 12.27-25.002 20.959-40.902 24.715a25 25 0 0 0-2.157.613l-35.47 11.824-63.352-21.119c-10.443-6.927-30.176-37.757-42.23-74.275-12.335-37.37-19.422-80.022-19.422-103.252 0-54.945 35.223-101.246 84.094-118.162a125.04 125.04 0 0 1 81.814 0 124.3 124.3 0 0 1 21.576 9.87 25 25 0 0 0 34.157-9.124 25 25 0 0 0-9.123-34.156 174.2 174.2 0 0 0-30.252-13.84 175 175 0 0 0-57.262-9.627m-72.57 437.652a25 25 0 0 0-26.147 16.977 25 25 0 0 0 15.81 31.623l43.378 14.46a125 125 0 0 0 79.052 0l43.383-14.46a25 25 0 0 0 15.813-31.623 25 25 0 0 0-31.625-15.813L198.72 453.24a75 75 0 0 1-47.436 0l-43.377-14.46a25 25 0 0 0-5.476-1.165m0 87.504a25 25 0 0 0-26.147 16.977 25 25 0 0 0 15.81 31.625l43.378 14.453a125 125 0 0 0 79.052 0l43.383-14.453a25 25 0 0 0 15.813-31.625 25 25 0 0 0-31.625-15.81l-43.375 14.46a75 75 0 0 1-47.436 0l-43.377-14.46a25 25 0 0 0-5.476-1.167" style="stroke-width:3.77953"/>
</svg> </svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.5 KiB

After

Width:  |  Height:  |  Size: 1.5 KiB

Before After
Before After

4
styleguide/assets/icon/link.svg
View file

@ -1,3 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="600" height="600" viewBox="0 0 158.75 158.75"> <svg xmlns="http://www.w3.org/2000/svg" width="600" height="600">
<path d="M122.37 0C109.792 0 98.621 6.43 92.1 16.195l-.001.002-13.215 19.82a6.615 6.615 0 0 0 1.836 9.175 6.615 6.615 0 0 0 9.172-1.834l13.21-19.817.002-.004c4.153-6.216 11.182-10.308 19.264-10.308a23.053 23.053 0 0 1 23.152 23.152c0 4.78-1.425 9.16-3.882 12.836l-.002.002-26.461 39.691c-4.153 6.216-11.182 10.309-19.264 10.309-.227 0-.446-.027-.67-.034a36.2 36.2 0 0 0 3.714-12.342l.04-.126c.03-.28.045-.563.07-.844.02-.237.043-.474.06-.712.055-.821.093-1.646.093-2.48a36.6 36.6 0 0 0-.421-5.521 36 36 0 0 0-3.18-10.216 36.5 36.5 0 0 0-2.633-4.568 36.8 36.8 0 0 0-11.317-10.788 36.3 36.3 0 0 0-9.764-4.135q-1.741-.45-3.544-.73a36 36 0 0 0-5.522-.42c-12.577 0-23.747 6.429-30.268 16.193l-.001.004-26.461 39.69A36.3 36.3 0 0 0 0 122.37a36.1 36.1 0 0 0 6.234 20.306q.492.727 1.017 1.426c6.649 8.878 17.246 14.648 29.13 14.648 12.576 0 23.747-6.43 30.268-16.195l.001-.002 13.215-19.82.007-.012 7.53-11.295a36 36 0 0 0 8.51 1.021c12.577 0 23.747-6.428 30.268-16.193l.002-.004 26.457-39.683a36.3 36.3 0 0 0 6.111-20.186C158.75 16.367 142.383 0 122.37 0M62.837 59.531c1.608 0 3.176.161 4.688.467q1.135.231 2.225.567a23 23 0 0 1 13.46 11.047 23 23 0 0 1 2.312 6.381 23.4 23.4 0 0 1 .467 4.689v.029a23 23 0 0 1-.128 2.29 22.85 22.85 0 0 1-3.396 9.936c-5.883-4.181-9.706-11.04-9.706-18.869q.002-1.313.143-2.582a6.615 6.615 0 0 0-5.848-7.3 6.615 6.615 0 0 0-7.301 5.847 37 37 0 0 0-.223 4.035c0 12.322 6.21 23.254 15.648 29.842l-6.319 9.48-.003.002-13.212 19.82a23.4 23.4 0 0 1-4.68 5.146 23.2 23.2 0 0 1-4.734 2.978q-.639.3-1.298.563a23.1 23.1 0 0 1-8.552 1.622c-2.413 0-4.734-.361-6.914-1.034a23.034 23.034 0 0 1-15.204-15.205 23.4 23.4 0 0 1-1.034-6.913q0-.895.066-1.773a22.86 22.86 0 0 1 3.817-11.063l.001-.002 26.46-39.687.002-.004c.403-.604.841-1.18 1.297-1.742.13-.162.256-.328.391-.486a23 23 0 0 1 1.936-2.005c.16-.146.327-.282.49-.423q.58-.505 1.194-.97a23 23 0 0 1 1.64-1.149 23 23 0 0 1 2.465-1.349 22.9 22.9 0 0 1 6.872-1.997 24 24 0 0 1 2.978-.188"/> <path d="M462.5 0c-47.534 0-89.756 24.304-114.4 61.209l-.006.008-49.944 74.916a25 25 0 0 0 6.934 34.668 25 25 0 0 0 34.668-6.934l49.928-74.89.011-.014v-.002C405.386 65.469 431.954 50 462.5 50c48.621 0 87.5 38.879 87.5 87.5 0 18.065-5.389 34.62-14.674 48.514l-.008.011-100.01 150.014C419.614 359.531 393.046 375 362.5 375c-.857 0-1.686-.103-2.537-.127a137 137 0 0 0 14.04-46.625 25 25 0 0 0 .16-.5c.12-1.091.178-2.199.273-3.297.073-.843.15-1.683.209-2.53.211-3.12.355-6.255.355-9.421 0-75.643-61.857-137.5-137.5-137.5-47.534 0-89.756 24.304-114.4 61.209l-.006.008L23.086 386.229C8.513 408.045 0 434.405 0 462.5 0 538.143 61.857 600 137.5 600c47.534 0 89.756-24.304 114.4-61.209l.006-.008 49.944-74.916 28.484-42.727c10.33 2.5 21.094 3.86 32.166 3.86 47.534 0 89.756-24.304 114.4-61.209l.006-.008L576.9 213.795l.015-.024C591.487 191.955 600 165.595 600 137.5 600 61.857 538.143 0 462.5 0m-225 225c48.621 0 87.5 38.879 87.5 87.5 0 2.965-.196 5.87-.48 8.746-1.356 13.76-5.87 26.46-12.836 37.572C289.45 343.013 275 317.091 275 287.5c0-3.306.182-6.56.535-9.754a25 25 0 0 0-22.101-27.596 25 25 0 0 0-27.596 22.104A139 139 0 0 0 225 287.5c0 46.57 23.466 87.89 59.14 112.791l-23.892 35.842-49.94 74.906a88.6 88.6 0 0 1-9.93 12.318C184.512 539.787 162.319 550 137.5 550 88.879 550 50 511.121 50 462.5q.001-3.387.25-6.701a86.5 86.5 0 0 1 5.701-25.121 87 87 0 0 1 2.514-5.79v-.001a87 87 0 0 1 2.912-5.567v-.002a88 88 0 0 1 3.297-5.33v-.002l.008-.01v-.002l99.998-149.998.011-.014v-.002C180.386 240.47 206.954 225 237.5 225"/>
</svg> </svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2 KiB

After

Width:  |  Height:  |  Size: 1.6 KiB

Before After
Before After

4
styleguide/assets/icon/location.svg
View file

@ -1,3 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="375" height="600" viewBox="0 0 99.219 158.75"> <svg xmlns="http://www.w3.org/2000/svg" width="375" height="600">
<path d="M49.61-.004c-3.069 0-6.136.283-9.165.85C20.39 4.593 4.595 20.39.845 40.445a49.9 49.9 0 0 0 .002 18.33L.89 59l.056.22a152.6 152.6 0 0 0 10.036 27.474l5.97 14.974a6.615 6.615 0 0 0 8.594 3.695 6.615 6.615 0 0 0 3.695-8.596l-6.09-15.273-.1-.205a139.4 139.4 0 0 1-9.218-25.135 36.6 36.6 0 0 1 .018-13.278v-.002c2.745-14.687 14.338-26.28 29.025-29.025a36.7 36.7 0 0 1 13.469 0c16.77 3.135 29.479 17.738 29.62 35.467a89.1 89.1 0 0 1-9.69 31.762l-.16.306L50.89 144.65c-.34.854-.667.869-1.28.869-.614 0-.941-.015-1.282-.87L37.15 116.613a6.615 6.615 0 0 0-8.594-3.693 6.615 6.615 0 0 0-3.694 8.593l11.177 28.036c2.335 5.857 8.096 9.2 13.57 9.2s11.235-3.343 13.57-9.2l25.079-62.905c5.866-11.33 9.59-23.649 10.924-36.342l.037-.344v-.347c0-24.196-17.415-44.46-40.445-48.765a50 50 0 0 0-9.165-.85m0 19.848c-16.361 0-29.766 13.405-29.766 29.765 0 16.361 13.405 29.766 29.765 29.766 16.361 0 29.766-13.405 29.766-29.766a29.8 29.8 0 0 0-1.235-8.501 6.615 6.615 0 0 0-8.226-4.454 6.615 6.615 0 0 0-4.451 8.227c.444 1.492.683 3.073.683 4.728 0 9.212-7.325 16.537-16.537 16.537-9.21 0-16.537-7.325-16.537-16.537 0-9.21 7.326-16.537 16.537-16.537 1.657 0 3.236.241 4.729.686a6.615 6.615 0 0 0 8.228-4.453 6.615 6.615 0 0 0-4.453-8.227 29.8 29.8 0 0 0-8.504-1.234"/> <path d="M187.5-.016c-11.596 0-23.19 1.072-34.637 3.211C77.062 17.365 17.367 77.063 3.197 152.865a188.4 188.4 0 0 0 .006 69.28l.156.85.213.833c9.28 35.752 22.002 70.517 37.93 103.84l22.566 56.592a25 25 0 0 0 32.479 13.967 25 25 0 0 0 13.967-32.489l-23.016-57.726-.377-.776c-14.652-30.47-26.285-62.29-34.842-94.998-3.016-16.597-3.035-33.598.067-50.183v-.006c10.376-55.51 54.19-99.327 109.7-109.703a138.5 138.5 0 0 1 50.907 0c63.386 11.848 111.416 67.043 111.953 134.049-4.602 41.951-16.983 82.682-36.629 120.044l-.605 1.159-95.33 239.109c-1.288 3.23-2.524 3.285-4.842 3.285s-3.554-.056-4.842-3.285L140.41 440.738a25 25 0 0 0-32.48-13.959 25 25 0 0 0-13.965 32.48l42.246 105.962c8.826 22.138 30.597 34.77 51.289 34.77s42.463-12.632 51.29-34.77l94.782-237.75c22.17-42.826 36.244-89.382 41.287-137.356l.141-1.3v-1.313c0-91.448-65.82-168.036-152.863-184.307A188.5 188.5 0 0 0 187.5-.015m0 75.016C125.664 75 75 125.664 75 187.5S125.664 300 187.5 300 300 249.336 300 187.5c0-11.116-1.626-21.928-4.662-32.13a25 25 0 0 0-31.092-16.83 25 25 0 0 0-16.83 31.09A62.4 62.4 0 0 1 250 187.5c0 34.814-27.686 62.5-62.5 62.5S125 222.314 125 187.5s27.686-62.5 62.5-62.5c6.26 0 12.233.906 17.875 2.586a25 25 0 0 0 31.094-16.826 25 25 0 0 0-16.828-31.096A112.6 112.6 0 0 0 187.5 75"/>
</svg> </svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.3 KiB

After

Width:  |  Height:  |  Size: 1.3 KiB

Before After
Before After

4
styleguide/assets/icon/lock.svg
View file

@ -1,3 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="375" height="600" viewBox="0 0 99.219 158.75"> <svg xmlns="http://www.w3.org/2000/svg" width="375" height="600">
<path d="M49.61 0C29.594 0 13.228 16.367 13.228 36.38v9.923a6.615 6.615 0 0 0 6.615 6.613 6.615 6.615 0 0 0 6.615-6.613V36.38a23.05 23.05 0 0 1 23.15-23.152A23.05 23.05 0 0 1 72.76 36.38v9.922a6.615 6.615 0 0 0 6.616 6.613 6.615 6.615 0 0 0 6.615-6.613V36.38C85.99 16.367 69.623 0 49.61 0M19.843 59.531C8.963 59.531 0 68.494 0 79.375v52.916a6.615 6.615 0 0 0 6.615 6.615 6.615 6.615 0 0 0 6.614-6.615V79.375c0-3.731 2.883-6.615 6.615-6.615h59.531c3.731 0 6.615 2.884 6.615 6.615v59.531c0 3.732-2.884 6.615-6.615 6.615H6.615A6.615 6.615 0 0 0 0 152.135a6.615 6.615 0 0 0 6.615 6.615h72.76c10.881 0 19.844-8.963 19.844-19.844V79.375c0-10.881-8.963-19.844-19.844-19.844zm29.765 29.766a6.615 6.615 0 0 0-6.615 6.615v26.457a6.615 6.615 0 0 0 6.615 6.615 6.615 6.615 0 0 0 6.615-6.615V95.912a6.615 6.615 0 0 0-6.615-6.615"/> <path d="M187.5 0C111.857 0 49.998 61.859 49.998 137.502v37.5A25 25 0 0 0 75 199.998a25 25 0 0 0 25.002-24.996v-37.5c0-48.621 38.877-87.504 87.498-87.504s87.498 38.883 87.498 87.504v37.5A25 25 0 0 0 300 199.998a25 25 0 0 0 25.002-24.996v-37.5C325.002 61.859 263.143 0 187.5 0M75 225c-41.125 0-75 33.875-75 75v199.998A25 25 0 0 0 25.002 525a25 25 0 0 0 24.996-25.002V300c0-14.103 10.899-25.002 25.002-25.002h225c14.103 0 25.002 10.899 25.002 25.002v225c0 14.103-10.899 25.002-25.002 25.002H25.002A25 25 0 0 0 0 574.998 25 25 0 0 0 25.002 600H300c41.125 0 75-33.875 75-75V300c0-41.125-33.875-75-75-75zm112.5 112.5a25 25 0 0 0-25.002 25.002v99.996A25 25 0 0 0 187.5 487.5a25 25 0 0 0 25.002-25.002v-99.996A25 25 0 0 0 187.5 337.5"/>
</svg> </svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 924 B

After

Width:  |  Height:  |  Size: 807 B

Before After
Before After

4
styleguide/assets/icon/login.svg
View file

@ -1,3 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="450" height="600" viewBox="0 0 119.063 158.75"> <svg xmlns="http://www.w3.org/2000/svg" width="450" height="600">
<path d="M39.687 0C28.806 0 19.843 8.963 19.843 19.844V59.53a6.615 6.615 0 0 0 6.615 6.615 6.615 6.615 0 0 0 6.615-6.615V19.844c0-3.732 2.883-6.615 6.614-6.615h59.531c3.732 0 6.615 2.883 6.615 6.615v119.062c0 3.732-2.883 6.615-6.615 6.615H39.687c-3.731 0-6.614-2.883-6.614-6.615V99.22a6.615 6.615 0 0 0-6.615-6.615 6.615 6.615 0 0 0-6.615 6.615v39.687c0 10.881 8.963 19.844 19.844 19.844h59.531c10.881 0 19.844-8.963 19.844-19.844V19.844C119.062 8.963 110.099 0 99.218 0Zm15.314 37.255a15.4 15.4 0 0 0-6.218 1.33c-5.104 2.297-9.096 7.666-9.096 14.068v13.493c0 3.732-2.882 6.614-6.614 6.614H6.615a6.615 6.615 0 0 0-6.616 6.615 6.615 6.615 0 0 0 6.616 6.615h26.458c10.881 0 19.844-8.963 19.844-19.844V52.653c0-1.195.493-1.643 1.295-2.004.803-.362 1.464-.433 2.358.359l27.703 24.544c2.378 2.107 2.378 5.539 0 7.646L56.57 107.742c-.894.792-1.555.72-2.358.36-.802-.362-1.295-.81-1.295-2.004v-6.88a6.615 6.615 0 0 0-6.615-6.614 6.615 6.615 0 0 0-6.615 6.615v6.879c0 6.401 3.992 11.77 9.096 14.066 5.103 2.297 11.769 1.726 16.56-2.52L93.044 93.1c8.151-7.222 8.151-20.228 0-27.45l-27.7-24.544a15.3 15.3 0 0 0-8.165-3.713A16 16 0 0 0 55 37.255"/> <path d="M149.998 0c-41.125 0-75 33.875-75 75v150A25 25 0 0 0 100 250.002 25 25 0 0 0 125.002 225V75c0-14.103 10.893-25.002 24.996-25.002h225C389.101 49.998 400 60.897 400 75v450c0 14.103-10.899 25.002-25.002 25.002h-225c-14.103 0-24.996-10.899-24.996-25.002V375A25 25 0 0 0 100 349.998 25 25 0 0 0 74.998 375v150c0 41.125 33.875 75 75 75h225c41.125 0 75-33.875 75-75V75c0-41.125-33.875-75-75-75Zm57.88 140.805c-8.207.045-16.27 1.776-23.503 5.03-19.289 8.681-34.377 28.973-34.377 53.167v51c0 14.103-10.893 24.996-24.996 24.996H25A25 25 0 0 0-.002 300 25 25 0 0 0 25 325.002h100.002c41.125 0 75-33.875 75-75v-51c0-4.515 1.862-6.21 4.894-7.574 3.033-1.365 5.531-1.637 8.91 1.357l104.706 92.768c8.987 7.962 8.987 20.932 0 28.894l-104.705 92.768c-3.38 2.994-5.878 2.722-8.91 1.357s-4.895-3.057-4.895-7.572v-26A25 25 0 0 0 175 349.998 25 25 0 0 0 149.998 375v26c0 24.194 15.088 44.484 34.377 53.164s44.483 6.521 62.592-9.523l104.697-92.768c30.806-27.295 30.806-76.451 0-103.746l-104.697-92.768c-9.055-8.022-19.885-12.571-30.858-14.033a60 60 0 0 0-8.23-.521" style="stroke-width:3.77953"/>
</svg> </svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.2 KiB

After

Width:  |  Height:  |  Size: 1.1 KiB

Before After
Before After

4
styleguide/assets/icon/logout.svg
View file

@ -1,3 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="450" height="600" viewBox="0 0 119.063 158.75"> <svg xmlns="http://www.w3.org/2000/svg" width="450" height="600">
<path d="M19.844 0C8.964 0 .001 8.963.001 19.844v119.062c0 10.881 8.962 19.844 19.843 19.844h59.532c10.88 0 19.843-8.963 19.843-19.844v-6.615a6.615 6.615 0 0 0-6.615-6.613 6.615 6.615 0 0 0-6.615 6.613v6.615c0 3.732-2.882 6.615-6.613 6.615H19.844c-3.731 0-6.615-2.883-6.615-6.615V19.844c0-3.732 2.884-6.615 6.615-6.615h59.532c3.731 0 6.613 2.883 6.613 6.615v6.615a6.615 6.615 0 0 0 6.615 6.613 6.615 6.615 0 0 0 6.615-6.613v-6.615C99.22 8.963 90.257 0 79.376 0Zm55.001 37.255a15.4 15.4 0 0 0-6.219 1.33c-5.103 2.297-9.095 7.666-9.095 14.068v13.493c0 3.732-2.882 6.614-6.614 6.614H26.458a6.615 6.615 0 0 0-6.615 6.615 6.615 6.615 0 0 0 6.615 6.615h26.46c10.88 0 19.843-8.963 19.843-19.844V52.653c0-1.195.493-1.643 1.295-2.004s1.463-.433 2.357.359l27.7 24.544c2.377 2.107 2.377 5.539 0 7.646l-27.7 24.544c-.894.792-1.555.72-2.357.36-.802-.362-1.295-.81-1.295-2.004v-6.88a6.615 6.615 0 0 0-6.615-6.614 6.615 6.615 0 0 0-6.615 6.615v6.879c0 6.401 3.992 11.77 9.095 14.066s11.77 1.724 16.561-2.522l27.7-24.542c8.15-7.222 8.15-20.228 0-27.45l-27.7-24.542a15.3 15.3 0 0 0-8.164-3.715 16 16 0 0 0-2.178-.138"/> <path d="M75.002 0c-41.125 0-75 33.875-75 75v450c0 41.125 33.875 75 75 75h225c41.125 0 75-33.875 75-75v-25.002A25 25 0 0 0 350 475.002a25 25 0 0 0-25.002 24.996V525c0 14.103-10.893 25.002-24.996 25.002h-225C60.899 550.002 50 539.103 50 525V75c0-14.103 10.899-25.002 25.002-25.002h225c14.103 0 24.996 10.899 24.996 25.002v25.002A25 25 0 0 0 350 124.998a25 25 0 0 0 25.002-24.996V75c0-41.125-33.875-75-75-75Zm207.877 140.805c-8.208.045-16.27 1.776-23.504 5.03-19.289 8.681-34.377 28.973-34.377 53.167v51c0 14.103-10.893 24.996-24.996 24.996H100A25 25 0 0 0 74.998 300 25 25 0 0 0 100 325.002h100.002c41.125 0 75-33.875 75-75v-51c0-4.515 1.862-6.21 4.894-7.574 3.033-1.365 5.532-1.637 8.91 1.357l104.69 92.768c8.987 7.963 8.987 20.93 0 28.894l-104.69 92.768c-3.378 2.994-5.877 2.722-8.91 1.357-3.032-1.364-4.894-3.057-4.894-7.572v-26A25 25 0 0 0 250 349.998 25 25 0 0 0 224.998 375v26c0 24.194 15.088 44.484 34.377 53.164s44.484 6.514 62.592-9.531l104.69-92.76c30.804-27.295 30.804-76.45 0-103.746l-104.69-92.76c-9.054-8.022-19.885-12.579-30.858-14.04a60 60 0 0 0-8.23-.522" style="stroke-width:3.77953"/>
</svg> </svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.2 KiB

After

Width:  |  Height:  |  Size: 1.2 KiB

Before After
Before After

4
styleguide/assets/icon/menu.svg
View file

@ -1,3 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="600" height="600" viewBox="0 0 158.75 158.75"> <svg xmlns="http://www.w3.org/2000/svg" width="600" height="600">
<path d="M6.615 0A6.615 6.615 0 0 0 0 6.615a6.615 6.615 0 0 0 6.615 6.614h145.52a6.615 6.615 0 0 0 6.615-6.614A6.615 6.615 0 0 0 152.135 0Zm0 72.76A6.615 6.615 0 0 0 0 79.375a6.615 6.615 0 0 0 6.615 6.615h145.52a6.615 6.615 0 0 0 6.615-6.615 6.615 6.615 0 0 0-6.615-6.615zm0 72.761A6.615 6.615 0 0 0 0 152.135a6.615 6.615 0 0 0 6.615 6.615h145.52a6.615 6.615 0 0 0 6.615-6.615 6.615 6.615 0 0 0-6.615-6.614z"/> <path d="M25 0A25 25 0 0 0 0 25a25 25 0 0 0 25 25h550a25 25 0 0 0 25-25 25 25 0 0 0-25-25Zm0 275a25 25 0 0 0-25 25 25 25 0 0 0 25 25h550a25 25 0 0 0 25-25 25 25 0 0 0-25-25zm0 275a25 25 0 0 0-25 25 25 25 0 0 0 25 25h550a25 25 0 0 0 25-25 25 25 0 0 0-25-25z"/>
</svg> </svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 516 B

After

Width:  |  Height:  |  Size: 337 B

Before After
Before After

4
styleguide/assets/icon/menu_small.svg
View file

@ -1,3 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="412.5" height="412.5" viewBox="0 0 109.141 109.141"> <svg xmlns="http://www.w3.org/2000/svg" width="412.5" height="412.5">
<path d="M6.615 0A6.615 6.615 0 0 0 0 6.615a6.615 6.615 0 0 0 6.615 6.614h95.91a6.615 6.615 0 0 0 6.616-6.614A6.615 6.615 0 0 0 102.526 0Zm0 47.955A6.615 6.615 0 0 0 0 54.57a6.615 6.615 0 0 0 6.615 6.615h95.91a6.615 6.615 0 0 0 6.616-6.615 6.615 6.615 0 0 0-6.615-6.615zm0 47.957A6.615 6.615 0 0 0 0 102.526a6.615 6.615 0 0 0 6.615 6.615h95.91a6.615 6.615 0 0 0 6.616-6.615 6.615 6.615 0 0 0-6.615-6.614z"/> <path d="M25 0A25 25 0 0 0 0 25a25 25 0 0 0 25 25h362.5a25 25 0 0 0 25-25 25 25 0 0 0-25-25zm0 181.25a25 25 0 0 0-25 25 25 25 0 0 0 25 25h362.5a25 25 0 0 0 25-25 25 25 0 0 0-25-25zm0 181.25a25 25 0 0 0-25 25 25 25 0 0 0 25 25h362.5a25 25 0 0 0 25-25 25 25 0 0 0-25-25z"/>
</svg> </svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 519 B

After

Width:  |  Height:  |  Size: 353 B

Before After
Before After

4
styleguide/assets/icon/merch.svg
View file

@ -1,3 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="550" height="600" viewBox="0 0 145.521 158.75"> <svg xmlns="http://www.w3.org/2000/svg" width="550" height="600">
<path d="M41.389.006A28.48 28.48 0 0 0 25.07 5.253l-11.494 8.154A32.24 32.24 0 0 0 0 39.687c0 10.881 8.962 19.844 19.843 19.844 3.732 0 6.614 2.883 6.614 6.615v85.99a6.615 6.615 0 0 0 6.615 6.613 6.615 6.615 0 0 0 6.615-6.613v-85.99c0-10.881-8.963-19.844-19.844-19.844-3.731 0-6.615-2.884-6.615-6.615a18.97 18.97 0 0 1 8.002-15.488l11.494-8.157a15.22 15.22 0 0 1 15.746-1.15l9.499 4.84a32.6 32.6 0 0 0 29.581 0l9.498-4.84a15.22 15.22 0 0 1 15.747 1.15L124.29 24.2a18.97 18.97 0 0 1 8.002 15.488c0 3.731-2.884 6.615-6.615 6.615-10.882 0-19.844 8.963-19.844 19.844v72.76c0 3.731-2.882 6.615-6.614 6.615H52.917a6.615 6.615 0 0 0-6.615 6.615 6.615 6.615 0 0 0 6.615 6.613h46.302c10.881 0 19.844-8.962 19.844-19.843v-72.76c0-3.732 2.882-6.615 6.614-6.615 10.88 0 19.843-8.963 19.843-19.844a32.24 32.24 0 0 0-13.576-26.28L120.45 5.253a28.51 28.51 0 0 0-29.406-2.148l-9.499 4.84a19.34 19.34 0 0 1-17.57 0l-9.498-4.84A28.44 28.44 0 0 0 41.39.006"/> <path d="M156.43.023C134.7.152 113.102 6.84 94.756 19.855L51.314 50.674C19.148 73.496.002 110.557.002 149.998c0 41.125 33.875 75 75 75 14.103 0 24.996 10.899 24.996 25.002v325.002A25 25 0 0 0 125 599.998a25 25 0 0 0 25.002-24.996V250c0-41.125-33.875-75-75-75C60.899 175 50 164.101 50 149.998a71.7 71.7 0 0 1 30.244-58.539l43.442-30.826a57.52 57.52 0 0 1 59.513-4.348l35.899 18.291c35.097 17.883 76.707 17.883 111.804 0l35.899-18.29a57.52 57.52 0 0 1 59.513 4.347l43.442 30.826A71.7 71.7 0 0 1 500 149.998C500 164.101 489.101 175 474.998 175c-41.125 0-75 33.875-75 75v274.998c0 14.103-10.893 25.002-24.996 25.002H200a25 25 0 0 0-25.002 25.002A25 25 0 0 0 200 599.998h175.002c41.125 0 75-33.875 75-75V250c0-14.103 10.893-25.002 24.996-25.002 41.125 0 75-33.875 75-75 0-39.44-19.146-76.502-51.312-99.324l-43.442-30.819c-32.615-23.14-75.51-26.275-111.142-8.12l-35.899 18.292a73.08 73.08 0 0 1-66.406 0l-35.899-18.293A107.5 107.5 0 0 0 156.43.024" style="stroke-width:3.77953"/>
</svg> </svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1 KiB

After

Width:  |  Height:  |  Size: 1 KiB

Before After
Before After

4
styleguide/assets/icon/message.svg
View file

@ -1,3 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="600" height="600" viewBox="0 0 158.75 158.75"> <svg xmlns="http://www.w3.org/2000/svg" width="600" height="600">
<path d="M19.844 52.917C8.963 52.917 0 61.88 0 72.761v66.145c0 10.88 8.963 19.843 19.844 19.843h119.062c10.881 0 19.844-8.962 19.844-19.843V72.76c0-5.107-3.334-9.462-7.467-11.174s-9.568-.99-13.18 2.621l-54.05 54.05c-2.639 2.64-6.717 2.64-9.356 0l-43.562-43.56a6.615 6.615 0 0 0-9.354 0 6.615 6.615 0 0 0 0 9.354l43.563 43.562c7.694 7.695 20.368 7.695 28.062 0l52.115-52.113v63.405c0 3.731-2.883 6.615-6.615 6.615H19.844c-3.732 0-6.615-2.884-6.615-6.615V72.76c0-3.732 2.883-6.615 6.615-6.615h99.219a6.615 6.615 0 0 0 6.615-6.615 6.615 6.615 0 0 0-6.615-6.614z"/> <path d="M75 200.002c-41.125 0-75 33.875-75 75v249.996c0 41.125 33.875 75 75 75h450c41.125 0 75-33.875 75-75V275.002c0-19.301-12.602-35.76-28.22-42.23-15.62-6.47-36.165-3.742-49.813 9.906L317.68 446.963c-9.973 9.972-25.387 9.972-35.36 0L117.674 282.326a25 25 0 0 0-35.352 0 25 25 0 0 0 0 35.352L246.97 482.322c29.08 29.08 76.982 29.08 106.062 0L550.002 285.36V525C550.002 539.1 539.103 550 525 550H75c-14.103 0-25.002-10.899-25.002-25.002V275.002C49.998 260.899 60.897 250 75 250h375a25 25 0 0 0 25.002-25.002A25 25 0 0 0 450 200.002z" style="stroke-width:3.77953"/>
</svg> </svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 667 B

After

Width:  |  Height:  |  Size: 644 B

Before After
Before After

4
styleguide/assets/icon/microphone.svg
View file

@ -1,3 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="440.769" height="600" viewBox="0 0 116.62 158.75"> <svg xmlns="http://www.w3.org/2000/svg" width="440.769" height="600">
<path d="M35.004.023a35.8 35.8 0 0 0-17.027 4.773C.811 14.671-5.12 36.733 4.79 53.836a35.9 35.9 0 0 0 14.744 13.99 6.603 6.627 90 0 0 .223.109 10.14 10.14 0 0 1 3.915 3.217l52.076 77.72c6.496 9.695 19.589 12.739 29.72 6.91 10.132-5.827 14.033-18.647 8.854-29.1L81.684 60.809C76.508 50.36 63.316 46.376 53.189 52.2l-5.807 3.34a6.603 6.627 90 0 0-2.426 9.02 6.603 6.627 90 0 0 9.053 2.417l5.807-3.34c3.66-2.106 8.115-.76 9.986 3.016l32.637 65.873c2.143 4.325.594 9.407-3.599 11.82-4.192 2.411-9.382 1.205-12.07-2.807L34.577 63.644a6.603 6.627 90 0 0-.141-.2 23.4 23.4 0 0 0-9.08-7.476l.223.106a22.55 22.55 0 0 1-9.312-8.84c-6.33-10.924-2.626-24.695 8.337-31 10.963-6.307 24.786-2.618 31.116 8.305a22.44 22.44 0 0 1 3.057 11.34 6.603 6.627 90 0 0 6.62 6.607 6.603 6.627 90 0 0 6.632-6.597 35.7 35.7 0 0 0-4.831-17.954C60.384 6.177 47.788-.29 35.004.023" style="stroke-width:1.10935"/> <path d="M132.297.088c-21.964.54-44.077 6.376-64.352 18.039C3.067 55.448-19.356 138.832 18.102 203.475a135.7 135.7 0 0 0 55.722 52.875 24.957 25.048 90 0 0 .844.412 38.34 38.34 0 0 1 14.797 12.158l196.824 293.748c24.55 36.64 74.036 48.145 112.328 26.117s53.035-70.48 33.463-109.984L308.727 229.824c-19.565-39.488-69.42-54.546-107.698-32.527l-21.947 12.625a24.955 25.046 90 0 0-9.168 34.09 24.955 25.046 90 0 0 34.215 9.134l21.947-12.625c13.836-7.959 30.67-2.875 37.742 11.399L387.17 500.889c8.1 16.348 2.247 35.556-13.6 44.672s-35.46 4.557-45.62-10.606l-197.264-294.41a24.957 25.048 90 0 0-.536-.758 88.4 88.4 0 0 0-34.314-28.256l.84.403c-14.248-7.276-26.542-18.485-35.194-33.414-23.921-41.284-9.924-93.332 31.51-117.166s93.68-9.893 117.602 31.39c7.89 13.615 11.567 28.288 11.554 42.86a24.955 25.046 90 0 0 25.024 24.972 24.955 25.046 90 0 0 25.064-24.933c.02-23.061-5.906-46.537-18.26-67.856C228.225 23.345 180.619-1.1 132.297.087" style="stroke-width:4.19282"/>
</svg> </svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 991 B

After

Width:  |  Height:  |  Size: 1 KiB

Before After
Before After

4
styleguide/assets/icon/network.svg
View file

@ -1,3 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="600" height="600" viewBox="0 0 158.75 158.75"> <svg xmlns="http://www.w3.org/2000/svg" width="600" height="600">
<path d="M79.375 10.512c-27.9 0-54.03 7.84-76.217 21.433a6.615 6.615 0 0 0-2.183 9.096 6.615 6.615 0 0 0 9.095 2.186C30.25 30.864 53.95 23.74 79.375 23.74s49.126 7.122 69.305 19.485a6.615 6.615 0 0 0 9.095-2.184 6.615 6.615 0 0 0-2.185-9.096c-22.187-13.593-48.316-21.433-76.215-21.433m0 39.687c-20.834 0-40.324 6.017-56.738 16.405a6.615 6.615 0 0 0-2.053 9.126 6.615 6.615 0 0 0 9.127 2.053c14.371-9.095 31.372-14.355 49.664-14.355s35.293 5.259 49.664 14.353a6.615 6.615 0 0 0 9.127-2.05 6.615 6.615 0 0 0-2.053-9.127C119.7 56.216 100.21 50.199 79.375 50.199m0 39.688a66.18 66.18 0 0 0-37.344 11.49 6.615 6.615 0 0 0-1.74 9.191 6.615 6.615 0 0 0 9.19 1.742c8.52-5.806 18.778-9.195 29.894-9.195s21.372 3.387 29.893 9.193a6.615 6.615 0 0 0 9.19-1.74 6.615 6.615 0 0 0-1.739-9.191 66.2 66.2 0 0 0-37.344-11.49m0 39.687a26.54 26.54 0 0 0-18.219 7.242 6.615 6.615 0 0 0-.267 9.35 6.615 6.615 0 0 0 9.35.267 13.18 13.18 0 0 1 9.136-3.63c3.575 0 6.746 1.372 9.137 3.63a6.615 6.615 0 0 0 9.35-.267 6.615 6.615 0 0 0-.268-9.352 26.54 26.54 0 0 0-18.219-7.24"/> <path d="M300 39.727c-105.448 0-204.202 29.633-288.06 81.011a25 25 0 0 0-8.256 34.38 25 25 0 0 0 34.377 8.255C114.327 116.646 203.905 89.727 300 89.727c96.093 0 185.672 26.919 261.938 73.644a25 25 0 0 0 34.378-8.258 25 25 0 0 0-8.257-34.377C504.2 69.36 405.447 39.726 300 39.726m0 150c-78.743 0-152.41 22.744-214.447 62.003a25 25 0 0 0-7.756 34.495 25 25 0 0 0 34.494 7.755c54.317-34.374 118.574-54.253 187.709-54.253 69.134 0 133.39 19.878 187.707 54.252a25 25 0 0 0 34.494-7.756 25 25 0 0 0-7.758-34.494c-62.036-39.26-135.7-62.002-214.443-62.002m0 150c-52.216 0-100.94 16.038-141.14 43.433a25 25 0 0 0-6.583 34.736 25 25 0 0 0 34.739 6.583c32.206-21.947 70.972-34.752 112.984-34.752s80.777 12.804 112.982 34.75a25 25 0 0 0 34.739-6.582 25 25 0 0 0-6.582-34.737c-40.201-27.393-88.924-43.431-141.139-43.431m0 150c-26.519 0-50.923 10.43-68.861 27.37a25 25 0 0 0-1.01 35.342 25 25 0 0 0 35.34 1.01c9.038-8.535 21.017-13.722 34.531-13.722s25.493 5.187 34.531 13.722a25 25 0 0 0 35.34-1.011 25 25 0 0 0-1.01-35.34c-17.938-16.94-42.343-27.371-68.861-27.371"/>
</svg> </svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.1 KiB

After

Width:  |  Height:  |  Size: 1.1 KiB

Before After
Before After

4
styleguide/assets/icon/pen.svg
View file

@ -1,3 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="600" height="600" viewBox="0 0 158.75 158.75"> <svg xmlns="http://www.w3.org/2000/svg" width="600" height="600">
<path d="M125.678 0A6.62 6.62 0 0 0 121 1.937L17.973 104.965a27.6 27.6 0 0 0-5.78 8.473l-10.99 25.158c-2.498 5.72-.818 12.11 3.012 15.94s10.22 5.51 15.94 3.011l25.157-10.99a27.6 27.6 0 0 0 8.473-5.78L156.813 37.75a6.615 6.615 0 0 0 0-9.353 6.615 6.615 0 0 0-9.354 0L44.431 131.422a14.4 14.4 0 0 1-4.413 3.012l-25.16 10.99c-.763.333-.91.134-1.288-.244-.378-.379-.577-.525-.244-1.287l10.99-25.16a14.4 14.4 0 0 1 3.012-4.414L130.353 11.29a6.615 6.615 0 0 0 0-9.354A6.62 6.62 0 0 0 125.678 0m26.457 0a6.62 6.62 0 0 0-4.676 1.937L121 28.397a6.615 6.615 0 0 0 0 9.353 6.615 6.615 0 0 0 9.354 0l26.46-26.46a6.615 6.615 0 0 0 0-9.353A6.62 6.62 0 0 0 152.135 0"/> <path d="M475.002 0a25 25 0 0 0-17.68 7.322L67.928 396.717a104.4 104.4 0 0 0-21.842 32.023l-41.54 95.086c-9.442 21.618-3.09 45.77 11.384 60.244s38.626 20.826 60.244 11.383l95.086-41.539a104.4 104.4 0 0 0 32.023-21.842l389.395-389.394a25 25 0 0 0 0-35.352 25 25 0 0 0-35.352 0L167.93 496.713a54.4 54.4 0 0 1-16.682 11.383l-95.094 41.537c-2.882 1.259-3.435.508-4.865-.922s-2.181-1.983-.922-4.865l41.537-95.094a54.4 54.4 0 0 1 11.383-16.682L492.674 42.674a25 25 0 0 0 0-35.352A25 25 0 0 0 475.002 0m98.69.033a25 25 0 0 0-5.163.819 25 25 0 0 0-11.207 6.47l-100 100a25 25 0 0 0 0 35.356 25 25 0 0 0 35.356 0l100-100a25 25 0 0 0 0-35.356A25 25 0 0 0 573.69.033" style="stroke-width:3.77953"/>
</svg> </svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 760 B

After

Width:  |  Height:  |  Size: 764 B

Before After
Before After

4
styleguide/assets/icon/plate_and_cutlery.svg
View file

@ -1,3 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="600" height="600" viewBox="0 0 158.75 158.75"> <svg xmlns="http://www.w3.org/2000/svg" width="600" height="600">
<path d="M6.615 0A6.615 6.615 0 0 0 0 6.615V26.46a38.56 38.56 0 0 0 11.29 27.26l1.136 1.134a25.32 25.32 0 0 1 7.418 17.907v79.375a6.615 6.615 0 0 0 6.615 6.615 6.615 6.615 0 0 0 6.613-6.615V72.76a38.56 38.56 0 0 0-11.29-27.26l-1.136-1.135A25.32 25.32 0 0 1 13.23 26.46V6.615A6.615 6.615 0 0 0 6.615 0M26.46 0a6.615 6.615 0 0 0-6.615 6.615v26.457a6.615 6.615 0 0 0 6.615 6.615 6.615 6.615 0 0 0 6.613-6.615V6.615A6.615 6.615 0 0 0 26.46 0m19.844 0a6.615 6.615 0 0 0-6.615 6.615v26.457a6.615 6.615 0 0 0 6.615 6.615 6.615 6.615 0 0 0 6.613-6.615V6.615A6.615 6.615 0 0 0 46.303 0m97.587.035c-3.793-.102-7.736 1.164-10.831 4.016l-2.133 1.965a36.8 36.8 0 0 0-11.863 27.056v33.074a6.615 6.615 0 0 0 6.615 6.614 6.615 6.615 0 0 0 6.613-6.614V33.072a23.55 23.55 0 0 1 7.598-17.326l2.132-1.965c.858-.79 1.475-.717 2.252-.377.778.341 1.248.744 1.248 1.91v136.82a6.615 6.615 0 0 0 6.614 6.616 6.615 6.615 0 0 0 6.615-6.615V15.315c0-6.414-4.04-11.778-9.166-14.026a15 15 0 0 0-4.08-1.127 16 16 0 0 0-1.614-.127M79.375 25.93c-5.041 0-9.963.565-14.693 1.638a6.615 6.615 0 0 0-4.987 7.915 6.615 6.615 0 0 0 7.914 4.986 53 53 0 0 1 11.766-1.31c8.47 0 16.433 1.978 23.514 5.497a6.615 6.615 0 0 0 8.867-2.98 6.615 6.615 0 0 0-2.979-8.867c-8.859-4.403-18.865-6.88-29.402-6.88m0 26.456c-21.84 0-39.688 17.848-39.687 39.688 0 21.84 17.847 39.687 39.687 39.687s39.687-17.847 39.688-39.687a39.6 39.6 0 0 0-7.938-23.814 6.615 6.615 0 0 0-9.262-1.317 6.615 6.615 0 0 0-1.316 9.262 26.24 26.24 0 0 1 5.287 15.869 26.36 26.36 0 0 1-26.459 26.46 26.36 26.36 0 0 1-26.459-26.46 26.36 26.36 0 0 1 26.459-26.457 6.615 6.615 0 0 0 6.615-6.615 6.615 6.615 0 0 0-6.615-6.616m51.59 64.72a6.6 6.6 0 0 0-2.58.075 6.62 6.62 0 0 0-4.125 2.936c-9.355 14.937-25.911 24.875-44.885 24.875-13.187 0-25.174-4.79-34.436-12.736a6.615 6.615 0 0 0-9.328.713 6.615 6.615 0 0 0 .715 9.328 65.98 65.98 0 0 0 43.049 15.924c23.603 0 44.404-12.413 56.096-31.083a6.615 6.615 0 0 0-2.094-9.115 6.6 6.6 0 0 0-2.412-.917"/> <path d="M25.002 0A25 25 0 0 0 0 25.002v75c0 38.635 15.355 75.71 42.674 103.03l4.289 4.288A95.68 95.68 0 0 1 75 274.998v300A25 25 0 0 0 100.002 600a25 25 0 0 0 24.996-25.002v-300c0-38.635-15.356-75.71-42.676-103.03l-4.289-4.288a95.68 95.68 0 0 1-28.035-67.678v-75A25 25 0 0 0 25.002 0M100 0a25 25 0 0 0-25 25v100a25 25 0 0 0 25 25 25 25 0 0 0 25-25V25a25 25 0 0 0-25-25m75 0a25 25 0 0 0-25 25v100a25 25 0 0 0 25 25 25 25 0 0 0 25-25V25a25 25 0 0 0-25-25m368.838.133c-14.337-.385-29.24 4.4-40.94 15.178l-8.06 7.425A139.07 139.07 0 0 0 450 124.998v125.004a25 25 0 0 0 25.002 24.996 25 25 0 0 0 24.996-24.996V124.998a89 89 0 0 1 28.715-65.484l8.06-7.428c3.244-2.988 5.575-2.712 8.512-1.424s4.717 2.81 4.717 7.219v517.117A25 25 0 0 0 574.998 600 25 25 0 0 0 600 574.998V57.881c0-24.241-15.266-44.514-34.643-53.01-4.844-2.124-10.05-3.555-15.421-4.258a59 59 0 0 0-6.098-.48M300 98c-19.053 0-37.652 2.138-55.531 6.195a25 25 0 0 0-18.85 29.912 25 25 0 0 0 29.912 18.848C269.813 149.715 284.684 148 300 148c32.015 0 62.111 7.475 88.875 20.775a25 25 0 0 0 33.514-11.261A25 25 0 0 0 411.125 124C377.641 107.36 339.827 98 300 98m0 100c-82.547 0-150 67.453-150 150s67.453 150 150 150 150-67.453 150-150a149.7 149.7 0 0 0-30-90.012 25 25 0 0 0-35.004-4.974 25 25 0 0 0-4.975 35.002C392.586 304.745 400 325.368 400 348c0 55.525-44.475 100-100 100s-100-44.475-100-100 44.475-100 100-100a25 25 0 0 0 25-25 25 25 0 0 0-25-25m191.729 244.273a25 25 0 0 0-22.086 11.715C434.287 510.444 371.713 548 300 548c-49.84 0-95.145-18.104-130.15-48.137a25 25 0 0 0-35.252 2.696 25 25 0 0 0 2.695 35.253C180.996 575.307 238.001 598 300 598c89.21 0 167.828-46.911 212.018-117.473a25 25 0 0 0-7.918-34.457 25 25 0 0 0-12.371-3.797"/>
</svg> </svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2 KiB

After

Width:  |  Height:  |  Size: 1.7 KiB

Before After
Before After

4
styleguide/assets/icon/power.svg
View file

@ -1,3 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="600" height="600" viewBox="0 0 158.75 158.75"> <svg xmlns="http://www.w3.org/2000/svg" width="600" height="600">
<path d="M79.374 0c-4.754 0-9.508 2.346-11.883 7.036L25.683 89.612a6.61 6.618 0 0 0 2.907 8.895 6.61 6.618 0 0 0 8.885-2.91l41.809-82.578c.221-.436-.041-.436.18 0l65.963 130.28c.64 1.264.057 2.214-1.358 2.214H14.68c-1.416 0-1.997-.95-1.357-2.214l14.105-27.859a6.61 6.618 0 0 0-2.909-8.895 6.61 6.618 0 0 0-8.885 2.91L1.53 137.315c-4.845 9.57 2.435 21.436 13.15 21.436H144.07c10.716 0 17.996-11.866 13.15-21.435L91.259 7.034C88.883 2.344 84.128 0 79.374 0m-.395 33.085a6.6 6.6 0 0 0-1.696.327 6.62 6.62 0 0 0-3.824 3.317L61.332 60.98c-5.435 10.871 4.384 24.01 16.35 21.875l12.427-2.214c1.21-.216 1.701.203 2.184.949s.664 1.368-.03 2.383l-16.9 24.744a6.615 6.615 0 0 0 1.733 9.193 6.615 6.615 0 0 0 9.193-1.732l16.899-24.744c3.688-5.401 3.305-12.25.214-17.028-3.09-4.778-9.178-7.939-15.617-6.79L75.36 69.832c-2.067.369-3.132-1.057-2.193-2.935l12.125-24.25a6.615 6.615 0 0 0-2.957-8.875 6.6 6.6 0 0 0-3.355-.687m-15.104 77.76a6.6 6.6 0 0 0-2.068.061 6.615 6.615 0 0 0-5.276 7.725l1.4 7.435c1.61 8.54 10 14.271 18.54 12.663l7.436-1.4a6.615 6.615 0 0 0 5.275-7.726 6.615 6.615 0 0 0-7.725-5.275l-7.436 1.4c-1.513.286-2.804-.598-3.09-2.11l-1.4-7.436a6.615 6.615 0 0 0-5.656-5.336"/> <path d="M299.998 0c-17.969.002-35.937 8.867-44.912 26.594L97.07 338.689a24.986 25.014 0 0 0 10.987 33.622 24.986 25.014 0 0 0 33.582-11L299.656 49.207c.836-1.65-.156-1.65.68 0l249.31 492.395c2.42 4.777.216 8.367-5.134 8.367H55.486c-5.35 0-7.548-3.59-5.129-8.367l53.311-105.291a24.986 25.014 0 0 0-10.994-33.622 24.986 25.014 0 0 0-33.582 11l-53.31 105.3c-18.312 36.166 9.202 81.015 49.704 81.015h489.026c40.502 0 68.017-44.849 49.705-81.016L344.912 26.586C335.937 8.859 317.967-.002 299.998 0m-1.494 125.045a25 25 0 0 0-6.41 1.236 25 25 0 0 0-14.453 12.535l-45.834 91.66c-20.544 41.088 16.57 90.745 61.793 82.678l46.97-8.37c4.572-.816 6.43.767 8.254 3.587s2.508 5.17-.111 9.006l-63.875 93.521a25 25 0 0 0 6.547 34.747 25 25 0 0 0 34.748-6.547L390 345.576c13.941-20.413 12.491-46.296.813-64.355-11.68-18.06-34.69-30.007-59.026-25.666l-46.965 8.377c-7.813 1.393-11.838-3.996-8.289-11.094l45.826-91.654a25 25 0 0 0-11.175-33.543 25 25 0 0 0-12.68-2.596m-57.086 293.9a25 25 0 0 0-7.818.229 25 25 0 0 0-19.938 29.195l5.293 28.102c6.08 32.273 37.795 53.937 70.068 47.857l28.104-5.293a25 25 0 0 0 19.937-29.195 25 25 0 0 0-29.195-19.937l-28.103 5.292c-5.719 1.078-10.6-2.262-11.678-7.98l-5.293-28.104a25 25 0 0 0-21.377-20.166z" style="stroke-width:3.77953"/>
</svg> </svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.3 KiB

After

Width:  |  Height:  |  Size: 1.3 KiB

Before After
Before After

4
styleguide/assets/icon/question.svg
View file

@ -1,3 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="600" height="600" viewBox="0 0 158.75 158.75"> <svg xmlns="http://www.w3.org/2000/svg" width="600" height="600">
<path d="M79.375 0C35.615 0 0 35.616 0 79.375c0 39.167 28.468 71.823 65.888 78.232l.141.026.141.017c10.698 1.36 20.28-7.456 19.814-18.23l.006.285v-10.72a6.615 6.615 0 0 0-6.615-6.616 6.615 6.615 0 0 0-6.615 6.615v10.866l.006.142c.122 2.819-2.076 4.845-4.866 4.527-31.053-5.429-54.671-32.455-54.671-65.144 0-36.61 29.536-66.146 66.146-66.146s66.146 29.536 66.146 66.146c0 30.342-20.362 55.81-48.103 63.656a6.615 6.615 0 0 0-4.564 8.166 6.615 6.615 0 0 0 8.166 4.565c33.337-9.43 57.73-40.12 57.73-76.387C158.75 35.615 123.134 0 79.375 0m0 19.844c-12.19 0-22.925 6.643-28.645 16.531a6.615 6.615 0 0 0 2.415 9.04A6.615 6.615 0 0 0 62.182 43c3.43-5.93 9.796-9.928 17.193-9.928 11.038 0 19.844 8.806 19.844 19.844 0 5.12-1.903 9.711-5.051 13.228h-.002L81.182 80.662a33.08 33.08 0 0 0-8.422 22.049v3.123a6.615 6.615 0 0 0 6.615 6.613 6.615 6.615 0 0 0 6.615-6.613v-3.123a19.84 19.84 0 0 1 5.053-13.23l12.98-14.512.003-.002a33.04 33.04 0 0 0 8.421-22.05c0-18.188-14.885-33.073-33.072-33.073"/> <path d="M300 0C134.61 0 0 134.61 0 300c0 148.033 107.597 271.458 249.027 295.682l.532.095.533.067c40.434 5.138 76.65-28.182 74.888-68.903l.022 1.079V487.5A25 25 0 0 0 300 462.498a25 25 0 0 0-25.002 25.002v41.066l.022.538c.46 10.654-7.845 18.313-18.39 17.11C139.263 525.697 49.999 423.55 49.999 300 49.998 161.633 161.633 49.998 300 49.998S550.002 161.633 550.002 300c0 114.68-76.959 210.935-181.809 240.59a25 25 0 0 0-17.25 30.865 25 25 0 0 0 30.864 17.25C507.807 553.067 600 437.075 600 300 600 134.61 465.39 0 300 0m0 75c-46.07 0-86.646 25.11-108.264 62.48a25 25 0 0 0 9.125 34.165 25 25 0 0 0 34.157-9.125c12.963-22.41 37.023-37.522 64.982-37.522 41.717 0 75 33.283 75 75 0 19.348-7.191 36.704-19.09 49.996h-.008l-49.074 54.871a125.03 125.03 0 0 0-31.83 83.334v11.803A25 25 0 0 0 300 424.998a25 25 0 0 0 25.002-24.996v-11.803a75 75 0 0 1 19.097-50.006l49.061-54.847.008-.006c19.769-22.087 31.83-51.466 31.83-83.342C424.998 131.258 368.74 75 300 75z" style="stroke-width:3.77953"/>
</svg> </svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.1 KiB

After

Width:  |  Height:  |  Size: 1 KiB

Before After
Before After

4
styleguide/assets/icon/schedule.svg
View file

@ -1,3 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="600" height="600" viewBox="0 0 158.75 158.75"> <svg xmlns="http://www.w3.org/2000/svg" width="600" height="600">
<path d="M19.58 0C8.843 0 0 8.844 0 19.58v36.644a6.615 6.615 0 0 0 6.615 6.615 6.615 6.615 0 0 0 6.615-6.615V19.58c0-3.586 2.764-6.35 6.35-6.35h79.638c3.732 0 6.615 2.882 6.615 6.613v119.063c0 3.731-2.883 6.615-6.615 6.615H19.843c-3.731 0-6.613-2.884-6.613-6.615V76.068a6.615 6.615 0 0 0-6.615-6.615 6.615 6.615 0 0 0-6.616 6.615v62.838c0 10.88 8.963 19.843 19.844 19.843h79.375c10.881 0 19.844-8.962 19.844-19.843V19.843C119.062 8.963 110.099 0 99.218 0zm6.878 19.843a6.615 6.615 0 0 0-6.615 6.615 6.615 6.615 0 0 0 6.615 6.615h19.844c3.732 0 6.615 2.883 6.615 6.614 0 10.881 8.963 19.844 19.844 19.844h19.844a6.615 6.615 0 0 0 6.613-6.614 6.615 6.615 0 0 0-6.613-6.615H72.76c-3.732 0-6.615-2.884-6.615-6.615 0-10.881-8.963-19.844-19.844-19.844zm0 39.688a6.615 6.615 0 0 0-6.615 6.615 6.615 6.615 0 0 0 6.615 6.614h19.844c3.732 0 6.615 2.884 6.615 6.615 0 10.881 8.963 19.844 19.844 19.844h19.844a6.615 6.615 0 0 0 6.613-6.615 6.615 6.615 0 0 0-6.613-6.614H72.76c-3.732 0-6.615-2.884-6.615-6.615 0-10.881-8.963-19.844-19.844-19.844zm0 39.687a6.615 6.615 0 0 0-6.615 6.615 6.615 6.615 0 0 0 6.615 6.615h19.844c3.732 0 6.615 2.883 6.615 6.614 0 10.881 8.963 19.844 19.844 19.844h19.844a6.615 6.615 0 0 0 6.613-6.614 6.615 6.615 0 0 0-6.613-6.615H72.76c-3.732 0-6.615-2.884-6.615-6.615 0-10.881-8.963-19.844-19.844-19.844z"/> <path d="M74-.002C33.427-.002-.002 33.429-.002 74.002V212.5A25 25 0 0 0 25 237.502 25 25 0 0 0 50.002 212.5V74.002c0-13.551 10.447-24 23.998-24h300.998c14.103 0 25.002 10.893 25.002 24.996v450C400 539.101 389.101 550 374.998 550h-300c-14.103 0-24.996-10.899-24.996-25.002V287.5A25 25 0 0 0 25 262.498 25 25 0 0 0-.002 287.5v237.498c0 41.125 33.875 75 75 75h300c41.125 0 75-33.875 75-75v-450c0-41.125-33.875-75-75-75zm26 75A25 25 0 0 0 74.998 100 25 25 0 0 0 100 125.002h75c14.103 0 25.002 10.893 25.002 24.996 0 41.125 33.875 75 75 75h75a25 25 0 0 0 24.996-24.996A25 25 0 0 0 350.002 175h-75C260.899 175 250 164.101 250 149.998c0-41.125-33.875-75-75-75ZM100 225a25 25 0 0 0-25.002 25.002A25 25 0 0 0 100 274.998h75c14.103 0 25.002 10.899 25.002 25.002 0 41.125 33.875 75 75 75h75a25 25 0 0 0 24.996-25.002 25 25 0 0 0-24.996-24.996h-75C260.899 325.002 250 314.103 250 300c0-41.125-33.875-75-75-75zm0 149.998A25 25 0 0 0 74.998 400 25 25 0 0 0 100 425.002h75c14.103 0 25.002 10.893 25.002 24.996 0 41.125 33.875 75 75 75h75a25 25 0 0 0 24.996-24.996A25 25 0 0 0 350.002 475h-75C260.899 475 250 464.101 250 449.998c0-41.125-33.875-75-75-75z" style="stroke-width:3.77953"/>
</svg> </svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.4 KiB

After

Width:  |  Height:  |  Size: 1.2 KiB

Before After
Before After

4
styleguide/assets/icon/search.svg
View file

@ -1,3 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="600" height="600" viewBox="0 0 158.75 158.75"> <svg xmlns="http://www.w3.org/2000/svg" width="600" height="600">
<path d="M99.219 0c-32.8 0-59.532 26.731-59.531 59.531a59.3 59.3 0 0 0 5.808 25.664l.803 1.68a17.15 17.15 0 0 1-3.356 19.576L1.937 147.46a6.615 6.615 0 0 0 0 9.354 6.615 6.615 0 0 0 9.354 0l41.008-41.006c9.103-9.104 11.487-23.022 5.935-34.637l-.806-1.69-.002-.003c-2.893-6.036-4.51-12.779-4.51-19.946 0-25.65 20.652-46.302 46.303-46.302S145.52 33.88 145.52 59.53s-20.652 46.303-46.302 46.303c-8.462 0-16.342-2.253-23.153-6.194a6.615 6.615 0 0 0-9.037 2.413 6.615 6.615 0 0 0 2.412 9.037 59.35 59.35 0 0 0 29.778 7.972c32.8 0 59.531-26.73 59.531-59.53S132.019 0 99.219 0"/> <path d="M375 0C251.032 0 150 101.032 150 225c0 34.638 7.868 67.611 21.953 96.998l3.035 6.348c11.922 24.94 6.863 54.443-12.683 73.99L7.322 557.326a25 25 0 0 0 0 35.352 25 25 0 0 0 35.352 0l154.99-154.983c34.408-34.407 43.419-87.01 22.434-130.912l-3.05-6.385-.005-.013c-10.934-22.813-17.045-48.297-17.045-75.385 0-96.946 78.056-175.002 175.002-175.002S550.002 128.054 550.002 225 471.946 400.002 375 400.002c-31.981 0-61.765-8.513-87.506-23.408a25 25 0 0 0-34.154 9.117 25 25 0 0 0 9.115 34.156C295.559 439.023 334.105 450 375 450c123.968 0 225-101.032 225-225S498.968 0 375 0" style="stroke-width:3.77953"/>
</svg> </svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 678 B

After

Width:  |  Height:  |  Size: 685 B

Before After
Before After

4
styleguide/assets/icon/settings.svg
View file

@ -1,3 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="600" height="600" viewBox="0 0 158.75 158.75"> <svg xmlns="http://www.w3.org/2000/svg" width="600" height="600">
<path d="M54.148-.393a19 19 0 0 0-2.042.101 18.6 18.6 0 0 0-5.191 1.302c-6.546 2.711-11.734 9.455-11.594 17.677l.032 1.867c.142 8.317-6.482 14.94-14.799 14.799l-1.867-.032C10.465 35.181 3.72 40.37 1.01 46.915s-1.612 14.982 4.3 20.696l1.346 1.3c5.981 5.78 5.981 15.147 0 20.928l-1.345 1.3c-5.913 5.714-7.012 14.15-4.301 20.696s9.455 11.734 17.677 11.594l1.867-.032c8.317-.142 14.94 6.48 14.799 14.797l-.032 1.87c-.14 8.22 5.048 14.965 11.594 17.676 6.546 2.712 14.982 1.612 20.696-4.3l1.3-1.346c5.78-5.981 15.147-5.981 20.928 0l1.3 1.345c5.714 5.913 14.15 7.013 20.696 4.301s11.734-9.455 11.594-17.677l-.008-.489a6.615 6.615 0 0 0-6.727-6.5 6.615 6.615 0 0 0-6.501 6.726l.008.489c.048 2.82-1.385 4.383-3.428 5.229s-4.16.756-6.122-1.272l-1.3-1.346c-10.86-11.236-29.091-11.236-39.952 0l-1.3 1.346c-1.96 2.028-4.078 2.118-6.12 1.272-2.044-.846-3.478-2.408-3.43-5.23l.033-1.869c.265-15.625-12.626-28.516-28.25-28.25l-1.87.031c-2.822.048-4.384-1.385-5.23-3.428s-.756-4.16 1.273-6.121l1.345-1.3c11.236-10.86 11.236-29.092 0-39.952l-1.345-1.3c-2.03-1.961-2.119-4.078-1.273-6.121s2.408-3.477 5.23-3.43l1.87.033c15.624.266 28.515-12.625 28.249-28.25l-.032-1.87c-.048-2.82 1.386-4.383 3.429-5.229s4.16-.756 6.121 1.273l1.3 1.345c10.86 11.236 29.092 11.236 39.952 0l1.3-1.345c1.96-2.03 4.078-2.119 6.121-1.273s3.477 2.408 3.428 5.23l-.031 1.869c-.266 15.625 12.625 28.516 28.25 28.25l1.87-.032c2.82-.048 4.383 1.386 5.229 3.429s.756 4.16-1.273 6.12l-10.202 9.862c-6.394 6.18-6.394 16.65 0 22.83l10.202 9.86c2.03 1.962 2.119 4.08 1.273 6.122-.846 2.043-2.408 3.477-5.23 3.429l-.702-.012a6.615 6.615 0 0 0-6.724 6.501 6.615 6.615 0 0 0 6.5 6.727l.701.012c8.222.14 14.966-5.048 17.677-11.594s1.612-14.982-4.3-20.696l-10.204-9.86c-1.138-1.101-1.138-2.707 0-3.807l10.203-9.86c5.913-5.715 7.013-14.151 4.301-20.697s-9.455-11.734-17.677-11.594l-1.87.032c-8.316.142-14.938-6.482-14.796-14.799l.032-1.867c.14-8.222-5.048-14.966-11.594-17.677S96.853-.602 91.139 5.31l-1.3 1.346c-5.78 5.981-15.147 5.981-20.928 0l-1.3-1.345C63.861 1.43 58.94-.376 54.148-.393m25.227 40.08c-21.84 0-39.687 17.848-39.687 39.688 0 5.624 1.178 11.01 3.304 15.877a6.615 6.615 0 0 0 8.711 3.414 6.615 6.615 0 0 0 3.412-8.71 26.3 26.3 0 0 1-2.199-10.581 26.36 26.36 0 0 1 26.459-26.459 26.36 26.36 0 0 1 26.459 26.459 26.36 26.36 0 0 1-26.459 26.459 26.3 26.3 0 0 1-10.584-2.201 6.615 6.615 0 0 0-8.71 3.412 6.615 6.615 0 0 0 3.411 8.71 39.6 39.6 0 0 0 15.883 3.307c21.84 0 39.688-17.847 39.688-39.687s-17.848-39.688-39.688-39.688" style="stroke-width:1.01295"/> <path d="M204.652-1.486c-2.586-.01-5.162.12-7.714.382-6.806.703-13.437 2.359-19.622 4.92-24.739 10.248-44.347 35.738-43.818 66.811l.12 7.059c.535 31.434-24.498 56.467-55.932 55.931l-7.059-.119c-31.073-.53-56.563 19.08-66.81 43.818-10.248 24.74-6.09 56.626 16.255 78.223l5.084 4.912c22.606 21.849 22.606 57.249 0 79.098l-5.084 4.912C-2.274 366.058-6.43 397.945 3.816 422.684s35.738 44.347 66.811 43.818l7.059-.121c31.434-.536 56.467 24.491 55.931 55.926l-.119 7.066c-.53 31.073 19.08 56.563 43.818 66.81 24.74 10.248 56.626 6.09 78.223-16.255l4.912-5.084c21.849-22.606 57.249-22.606 79.098 0l4.912 5.084c21.597 22.346 53.484 26.503 78.223 16.256s44.347-35.738 43.818-66.81l-.03-1.849a25 25 0 0 0-25.424-24.57 25 25 0 0 0-24.57 25.422l.03 1.848c.181 10.663-5.236 16.565-12.957 19.763s-15.725 2.86-23.137-4.808l-4.912-5.084c-41.046-42.47-109.954-42.47-151 0l-4.912 5.084c-7.412 7.668-15.416 8.007-23.137 4.808s-13.14-9.1-12.959-19.763l.121-7.067c1.004-59.054-47.719-107.777-106.773-106.771l-7.067.119c-10.663.181-16.565-5.236-19.763-12.957s-2.86-15.725 4.808-23.137l5.084-4.912c42.47-41.046 42.47-109.954 0-151l-5.084-4.914c-7.668-7.412-8.007-15.414-4.808-23.135s9.1-13.14 19.763-12.959l7.067.121c59.054 1.006 107.777-47.717 106.771-106.771l-.12-7.067c-.182-10.663 5.237-16.565 12.958-19.763 7.722-3.199 15.725-2.86 23.137 4.808l4.912 5.084c41.046 42.47 109.954 42.47 151 0l4.912-5.084c7.412-7.668 15.415-8.007 23.137-4.808 7.721 3.198 13.139 9.1 12.957 19.763l-.12 7.067c-1.005 59.054 47.718 107.777 106.772 106.771l7.067-.12c10.663-.182 16.565 5.237 19.763 12.958 3.199 7.722 2.86 15.723-4.808 23.135l-38.56 37.27c-24.168 23.357-24.168 62.931 0 86.289l38.56 37.267c7.668 7.412 8.007 15.415 4.808 23.137-3.198 7.721-9.1 13.139-19.763 12.957l-2.655-.045a25 25 0 0 0-25.416 24.572 25 25 0 0 0 24.57 25.424l2.65.045c31.072.53 56.562-19.08 66.81-43.818 10.247-24.74 6.09-56.626-16.256-78.223l-38.563-37.268c-4.304-4.16-4.304-10.227 0-14.386l38.563-37.268c22.346-21.597 26.503-53.484 16.256-78.223s-35.739-44.347-66.811-43.818l-7.066.12c-31.435.535-56.462-24.498-55.926-55.932l.12-7.059c.53-31.073-19.078-56.563-43.817-66.81s-56.626-6.09-78.223 16.255l-4.912 5.084c-21.849 22.606-57.249 22.606-79.098 0l-4.912-5.084C241.366 5.408 222.76-1.42 204.652-1.486M300 150c-82.547 0-150 67.453-150 150 0 21.257 4.457 41.618 12.492 60.01a25 25 0 0 0 32.918 12.898 25 25 0 0 0 12.9-32.918C202.967 327.76 200 314.298 200 300c0-55.524 44.476-100 100-100s100 44.476 100 100-44.476 100-100 100c-14.303 0-27.767-2.969-40.002-8.316a25 25 0 0 0-32.922 12.896 25 25 0 0 0 12.897 32.92C258.369 445.54 278.736 450 300 450c82.547 0 150-67.453 150-150s-67.453-150-150-150" style="stroke-width:3.82848"/>
</svg> </svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.6 KiB

After

Width:  |  Height:  |  Size: 2.7 KiB

Before After
Before After

4
styleguide/assets/icon/signup.svg
View file

@ -1,3 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="600" height="600" viewBox="0 0 158.75 158.75"> <svg xmlns="http://www.w3.org/2000/svg" width="600" height="600">
<path d="M89.297 0c-21.84 0-39.688 17.847-39.688 39.688 0 14.637 7.975 27.51 19.84 34.373a6.615 6.615 0 0 0 9.037-2.413 6.615 6.615 0 0 0-2.414-9.038c-7.906-4.574-13.234-13.077-13.234-22.922a26.36 26.36 0 0 1 26.459-26.46 26.36 26.36 0 0 1 26.459 26.46c0 9.845-5.328 18.348-13.235 22.922a6.615 6.615 0 0 0-2.413 9.038 6.615 6.615 0 0 0 9.037 2.413c11.864-6.864 19.84-19.736 19.84-34.374C128.984 17.848 111.136 0 89.296 0M33.073 52.916a6.615 6.615 0 0 0-6.615 6.615v6.615c0 10.881 8.963 19.844 19.844 19.844h6.615a6.615 6.615 0 0 0 6.614-6.615 6.615 6.615 0 0 0-6.614-6.615h-6.615c-3.731 0-6.615-2.882-6.615-6.614v-6.615a6.615 6.615 0 0 0-6.614-6.615M6.614 79.374A6.615 6.615 0 0 0 .001 85.99a6.615 6.615 0 0 0 6.613 6.615h6.615c3.732 0 6.615 2.882 6.615 6.613v6.615a6.615 6.615 0 0 0 6.614 6.615 6.615 6.615 0 0 0 6.615-6.615v-6.615c0-10.88-8.963-19.844-19.844-19.844zM72.76 85.99c-18.187 0-33.072 14.885-33.072 33.073v33.072a6.615 6.615 0 0 0 6.615 6.615 6.615 6.615 0 0 0 6.613-6.615v-33.072c0-11.038 8.806-19.844 19.844-19.844h33.074c11.038 0 19.844 8.806 19.844 19.844v33.072a6.615 6.615 0 0 0 6.613 6.615 6.615 6.615 0 0 0 6.615-6.615v-33.072c0-18.188-14.885-33.073-33.072-33.073z"/> <path d="M337.5 0c-82.547 0-150 67.453-150 150 0 55.323 30.14 103.978 74.982 129.918a25 25 0 0 0 34.159-9.123 25 25 0 0 0-9.123-34.158C257.635 219.35 237.5 187.213 237.5 150c0-55.525 44.475-100 100-100s100 44.475 100 100c0 37.213-20.135 69.35-50.018 86.637a25 25 0 0 0-9.123 34.158 25 25 0 0 0 34.159 9.123C457.36 253.978 487.5 205.323 487.5 150c0-82.547-67.453-150-150-150M125.002 199.998A25 25 0 0 0 100 225v25.002c0 41.125 33.875 75 75 75h25.002A25 25 0 0 0 224.998 300a25 25 0 0 0-24.996-25.002H175c-14.103 0-25.002-10.893-25.002-24.996V225a25 25 0 0 0-24.996-25.002m-100.004 100A25 25 0 0 0 .002 325a25 25 0 0 0 24.996 25.002H50c14.103 0 25.002 10.893 25.002 24.996V400a25 25 0 0 0 24.996 25.002A25 25 0 0 0 125 400v-25.002c0-41.125-33.875-75-75-75zm250 25.004C206.258 325.002 150 381.26 150 450v124.998A25 25 0 0 0 175.002 600a25 25 0 0 0 24.996-25.002V450c0-41.717 33.283-75 75-75h125.004c41.717 0 75 33.283 75 75v124.998A25 25 0 0 0 499.998 600 25 25 0 0 0 525 574.998V450c0-68.74-56.259-124.998-124.998-124.998Z" style="stroke-width:3.77953"/>
</svg> </svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.3 KiB

After

Width:  |  Height:  |  Size: 1.1 KiB

Before After
Before After

4
styleguide/assets/icon/soldering_iron.svg
View file

@ -1,3 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="600" height="600" viewBox="0 0 158.75 158.75"> <svg xmlns="http://www.w3.org/2000/svg" width="600" height="600">
<path d="M142.193.04c-3.738 0-7.475 1.408-10.289 4.222l-13.91 13.91a41 41 0 0 1-34.799 11.6l-.726-.104c-6.303-.9-12.078 2.715-14.526 7.611-2.448 4.897-1.874 11.684 2.627 16.186l4.381 4.383c.985.985.985 2.382 0 3.367l-56.043 56.043a19.4 19.4 0 0 0-5.68 13.71v2.647a6.15 6.15 0 0 1-1.804 4.356l-9.487 9.488a6.615 6.615 0 0 0 0 9.354 6.615 6.615 0 0 0 9.354 0l9.488-9.487a19.4 19.4 0 0 0 5.68-13.71v-2.647a6.15 6.15 0 0 1 1.805-4.356L84.306 70.57c6.041-6.04 6.041-16.037 0-22.078l-4.382-4.38c-.533-.533-.34-.534-.149-.917s.077-.538.823-.431l.726.103a54.25 54.25 0 0 0 46.024-15.34l13.91-13.91c.572-.572 1.299-.572 1.87 0l2.005 2.004c.572.572.572 1.299 0 1.871l-25.135 25.135a22.5 22.5 0 0 0-6.362 19.082l2.35 16.443c.107.746-.048.631-.431.823s-.384.384-.917-.149l-4.195-4.195c-6.144-6.144-16.305-6.144-22.449 0L35.01 127.615a6.615 6.615 0 0 0 0 9.354 6.615 6.615 0 0 0 9.355 0l52.983-52.983c1.088-1.089 2.653-1.089 3.742 0l4.195 4.194c4.502 4.501 11.29 5.075 16.186 2.627s8.511-8.223 7.611-14.526l-2.35-16.441a9.25 9.25 0 0 1 2.62-7.86l25.136-25.134c5.628-5.628 5.628-14.953 0-20.58l-2.004-2.004C149.67 1.448 145.931.04 142.194.04"/> <path d="M537.424.154c-14.128 0-28.254 5.319-38.889 15.953l-52.572 52.575a154.94 154.94 0 0 1-131.524 43.84l-2.746-.391c-23.82-3.403-45.647 10.262-54.9 28.767-9.253 18.506-7.085 44.16 9.93 61.174l16.556 16.565c3.724 3.724 3.724 9.002 0 12.726L71.465 443.18A73.32 73.32 0 0 0 49.998 495v10.002a23.25 23.25 0 0 1-6.822 16.463L7.322 557.326a25 25 0 0 0 0 35.352 25 25 0 0 0 35.352 0l35.861-35.854a73.33 73.33 0 0 0 21.467-51.822V495a23.25 23.25 0 0 1 6.822-16.46L318.64 266.722c22.831-22.832 22.831-60.614 0-83.446l-16.565-16.556c-2.012-2.012-1.284-2.016-.56-3.463.723-1.448.29-2.033 3.107-1.631l2.746.39c63.855 9.123 128.337-12.365 173.947-57.976l52.575-52.574c2.162-2.162 4.908-2.162 7.07 0l7.574 7.574c2.162 2.162 2.162 4.908 0 7.07l-94.998 94.998c-18.903 18.903-27.823 45.658-24.043 72.121l8.881 62.149c.402 2.817-.183 2.384-1.63 3.107-1.448.724-1.452 1.452-3.464-.56l-15.855-15.856c-23.222-23.222-61.626-23.222-84.848 0L132.32 482.326a25 25 0 0 0 0 35.352 25 25 0 0 0 35.36 0l200.248-200.25c4.114-4.115 10.03-4.115 14.144 0l15.856 15.85c17.015 17.014 42.668 19.182 61.174 9.929 18.505-9.253 32.17-31.08 28.767-54.9l-8.88-62.141a34.95 34.95 0 0 1 9.9-29.705l95.004-94.996c21.269-21.27 21.269-56.514 0-77.783l-7.575-7.575C565.684 5.473 551.552.154 537.424.154" style="stroke-width:3.77953"/>
</svg> </svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.2 KiB

After

Width:  |  Height:  |  Size: 1.3 KiB

Before After
Before After

4
styleguide/assets/icon/tick.svg
View file

@ -1,3 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="600" height="600" viewBox="0 0 158.75 158.75"> <svg xmlns="http://www.w3.org/2000/svg" width="600" height="600">
<path d="M153.267.208a6.6 6.6 0 0 0-2.58.064 6.62 6.62 0 0 0-4.139 2.914l-87.5 138.123c-3.429 5.413-10.694 5.825-14.713.833l-32.569-40.456a6.615 6.615 0 0 0-9.3-1.005 6.615 6.615 0 0 0-1.003 9.3l32.569 40.457c9.455 11.745 28.124 10.688 36.193-2.05l87.497-138.123a6.615 6.615 0 0 0-2.047-9.129 6.6 6.6 0 0 0-2.408-.928" style="stroke-width:1.01295"/> <path d="M579.277.787a25 25 0 0 0-9.752.24 25 25 0 0 0-15.642 11.014L223.176 534.082c-12.96 20.46-40.422 22.014-55.61 3.148L44.471 384.324a25 25 0 0 0-35.15-3.799 25 25 0 0 0-3.792 35.15l123.094 152.909c35.737 44.391 106.296 40.396 136.793-7.746l330.7-522.041a25 25 0 0 0-7.739-34.502 25 25 0 0 0-9.1-3.508" style="stroke-width:3.82848"/>
</svg> </svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 455 B

After

Width:  |  Height:  |  Size: 416 B

Before After
Before After

4
styleguide/assets/icon/tick_small.svg
View file

@ -1,3 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="600" height="412.33" viewBox="0 0 158.75 109.096"> <svg xmlns="http://www.w3.org/2000/svg" width="600" height="412.33">
<path d="M152.14 0a6.62 6.62 0 0 0-4.679 1.933L55.716 93.51c-3.229 3.224-8.256 3.252-11.522.065l-32.96-32.163a6.615 6.615 0 0 0-9.352.115 6.615 6.615 0 0 0 .112 9.354l32.961 32.16c8.339 8.138 21.861 8.062 30.107-.17l91.745-91.574a6.615 6.615 0 0 0 .01-9.356A6.62 6.62 0 0 0 152.142 0" style="stroke-width:1.01295"/> <path d="M575.02 0a25 25 0 0 0-17.686 7.305L210.582 353.424c-12.206 12.183-31.206 12.29-43.549.246L42.457 232.11a25 25 0 0 0-35.346.433 25 25 0 0 0 .426 35.354l124.576 121.552c31.516 30.755 82.625 30.466 113.791-.642l346.754-346.11a25 25 0 0 0 .04-35.361A25 25 0 0 0 575.02 0" style="stroke-width:3.82847"/>
</svg> </svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 425 B

After

Width:  |  Height:  |  Size: 388 B

Before After
Before After

4
styleguide/assets/icon/ticket.svg
View file

@ -1,3 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="475" height="600" viewBox="0 0 125.677 158.75"> <svg xmlns="http://www.w3.org/2000/svg" width="475" height="600">
<path d="M19.844 0C8.963 0 0 8.963 0 19.844v119.062c0 10.881 8.963 19.844 19.844 19.844h9.225a19.84 19.84 0 0 0 11.005-3.332l11.758-7.838a19.8 19.8 0 0 1 22.014 0l11.755 7.838a19.85 19.85 0 0 0 11.009 3.332h9.224c10.88 0 19.844-8.963 19.844-19.844V19.844C125.678 8.963 116.715 0 105.834 0H96.61C92.693 0 88.86 1.16 85.6 3.332L73.846 11.17a19.8 19.8 0 0 1-22.014 0L40.074 3.332A19.84 19.84 0 0 0 29.069 0Zm0 13.229h9.225c1.306 0 2.58.386 3.668 1.11l11.755 7.839c11.094 7.396 25.598 7.396 36.692 0l11.758-7.838a6.6 6.6 0 0 1 3.668-1.111h9.224c3.731 0 6.613 2.883 6.613 6.615v119.062c0 3.732-2.882 6.615-6.613 6.615H96.61a6.6 6.6 0 0 1-3.668-1.11l-11.758-7.839c-11.094-7.396-25.598-7.396-36.692 0l-11.755 7.838a6.6 6.6 0 0 1-3.668 1.111h-9.225c-3.732 0-6.615-2.883-6.615-6.615V19.844c0-3.732 2.883-6.615 6.615-6.615m6.615 34.396a6.615 6.615 0 0 0-6.615 6.615 6.615 6.615 0 0 0 6.615 6.614h6.613a6.615 6.615 0 0 0 6.615-6.614 6.615 6.615 0 0 0-6.615-6.615zm66.145 0a6.615 6.615 0 0 0-6.614 6.615 6.615 6.615 0 0 0 6.614 6.614h6.615a6.615 6.615 0 0 0 6.615-6.614 6.615 6.615 0 0 0-6.615-6.615zM59.53 52.916a6.615 6.615 0 0 0-6.615 6.615 6.615 6.615 0 0 0 6.615 6.615h6.615a6.615 6.615 0 0 0 6.614-6.615 6.615 6.615 0 0 0-6.614-6.615z"/> <path d="M75 0C33.875 0 0 33.875 0 75v450c0 41.125 33.875 75 75 75h34.865a75 75 0 0 0 41.596-12.594l44.44-29.623a74.85 74.85 0 0 1 83.2 0l44.432 29.623A75 75 0 0 0 365.14 600h34.863c41.125 0 75-33.875 75-75V75c0-41.125-33.875-75-75-75h-34.863a75 75 0 0 0-41.606 12.594l-44.431 29.623a74.85 74.85 0 0 1-83.202 0l-44.44-29.623A75 75 0 0 0 109.866 0Zm0 49.998h34.865c4.938 0 9.755 1.46 13.864 4.2l44.431 29.624c41.928 27.952 96.748 27.952 138.676 0l44.44-29.625a24.98 24.98 0 0 1 13.863-4.199h34.863c14.103 0 24.996 10.899 24.996 25.002v450c0 14.103-10.893 25.002-24.996 25.002h-34.863c-4.938 0-9.755-1.46-13.864-4.2l-44.44-29.624c-41.927-27.952-96.747-27.952-138.675 0l-44.431 29.625a24.98 24.98 0 0 1-13.864 4.199H75c-14.103 0-25.002-10.899-25.002-25.002V75c0-14.103 10.899-25.002 25.002-25.002M100 180a25 25 0 0 0-25 25 25 25 0 0 0 25 25h25a25 25 0 0 0 25-25 25 25 0 0 0-25-25zm250 0a25 25 0 0 0-25 25 25 25 0 0 0 25 25h25a25 25 0 0 0 25-25 25 25 0 0 0-25-25zm-125 20a25 25 0 0 0-25 25 25 25 0 0 0 25 25h25a25 25 0 0 0 25-25 25 25 0 0 0-25-25z" style="stroke-width:3.77953"/>
</svg> </svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.3 KiB

After

Width:  |  Height:  |  Size: 1.1 KiB

Before After
Before After

4
styleguide/assets/icon/toast.svg
View file

@ -1,3 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="600" height="600" viewBox="0 0 158.75 158.75"> <svg xmlns="http://www.w3.org/2000/svg" width="600" height="600">
<path d="M43.153.008a30.8 30.8 0 0 0-18.1 5.527l-11.37 7.93A31.99 31.99 0 0 0 0 39.686c0 9.931 2.94 19.643 8.45 27.906l2.22 3.332a15.23 15.23 0 0 1 2.558 8.45v72.76a6.615 6.615 0 0 0 6.615 6.614 6.615 6.615 0 0 0 6.614-6.613V79.374a28.46 28.46 0 0 0-4.78-15.787l-2.222-3.332a37.1 37.1 0 0 1-6.227-20.568 18.72 18.72 0 0 1 8.02-15.371l11.37-7.932a17.52 17.52 0 0 1 16.757-1.816l15.246 6.32a38.54 38.54 0 0 0 29.508 0l15.246-6.32a17.52 17.52 0 0 1 16.754 1.816l11.37 7.932a18.72 18.72 0 0 1 8.02 15.371c0 7.32-2.165 14.477-6.226 20.568l-2.223 3.332a28.46 28.46 0 0 0-4.78 15.787v59.532c0 3.731-2.883 6.615-6.614 6.615H39.688a6.615 6.615 0 0 0-6.615 6.615 6.615 6.615 0 0 0 6.615 6.613h85.989c10.88 0 19.843-8.962 19.843-19.843V79.374c0-3.007.89-5.946 2.559-8.449l2.222-3.332a50.3 50.3 0 0 0 8.45-27.906 31.99 31.99 0 0 0-13.682-26.223l-11.371-7.93a30.8 30.8 0 0 0-29.389-3.187l-15.246 6.32a25.3 25.3 0 0 1-19.375 0l-15.246-6.32A30.7 30.7 0 0 0 43.153.007"/> <path d="M163.1.03c-24.085-.381-48.086 6.712-68.41 20.888l-42.977 29.97C19.334 73.472.002 110.523.002 149.999a190.16 190.16 0 0 0 31.936 105.473l8.392 12.593A57.56 57.56 0 0 1 50 299.998v275.004a25 25 0 0 0 25.002 24.996 25 25 0 0 0 24.996-24.996V299.998c0-21.235-6.286-42-18.064-59.668l-8.4-12.594A140.14 140.14 0 0 1 50 149.998a70.76 70.76 0 0 1 30.31-58.096l42.977-29.978a66.24 66.24 0 0 1 63.33-6.865l57.623 23.888a145.65 145.65 0 0 0 111.526 0l57.623-23.888a66.22 66.22 0 0 1 63.322 6.865l42.976 29.978a70.76 70.76 0 0 1 30.311 58.096c0 27.67-8.185 54.716-23.533 77.738l-8.4 12.594A107.58 107.58 0 0 0 500 299.998v225C500 539.101 489.101 550 474.998 550H150.002A25 25 0 0 0 125 575.002a25 25 0 0 0 25.002 24.996h324.996c41.125 0 75-33.875 75-75v-225a57.56 57.56 0 0 1 9.67-31.934l8.4-12.593a190.16 190.16 0 0 0 31.934-105.473c0-39.476-19.33-76.527-51.709-99.11l-42.979-29.97c-32.52-22.68-74.448-27.23-111.074-12.047l-57.623 23.887a95.58 95.58 0 0 1-73.228 0L205.766 8.87A116.2 116.2 0 0 0 163.1.03" style="stroke-width:3.77953"/>
</svg> </svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1 KiB

After

Width:  |  Height:  |  Size: 1.1 KiB

Before After
Before After

4
styleguide/assets/icon/train.svg
View file

@ -1,3 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="600" height="600" viewBox="0 0 158.75 158.75"> <svg xmlns="http://www.w3.org/2000/svg" width="600" height="600">
<path d="M6.615 0A6.615 6.615 0 0 0 0 6.615a6.615 6.615 0 0 0 6.615 6.614H85.99c6.202 0 12.013 2.959 15.66 7.974l37.356 51.364a34.06 34.06 0 0 1 6.515 20.037v19.843c0 3.732-2.883 6.615-6.615 6.615H6.616A6.615 6.615 0 0 0 0 125.679a6.615 6.615 0 0 0 6.615 6.613h132.291c10.881 0 19.844-8.963 19.844-19.844V92.604a47.3 47.3 0 0 0-9.047-27.819L112.35 13.424A32.61 32.61 0 0 0 85.99 0Zm0 19.844A6.615 6.615 0 0 0 0 26.459a6.615 6.615 0 0 0 6.615 6.613h13.229c3.731 0 6.615 2.884 6.615 6.615v52.917c0 3.731-2.884 6.615-6.615 6.615H6.615A6.615 6.615 0 0 0 0 105.834a6.615 6.615 0 0 0 6.615 6.613h13.229c10.88 0 19.844-8.962 19.844-19.843V39.688c0-10.882-8.963-19.844-19.844-19.844zm59.531 0c-10.88 0-19.843 8.962-19.843 19.844v39.687a6.615 6.615 0 0 0 6.613 6.615 6.615 6.615 0 0 0 6.615-6.615V39.688c0-3.732 2.884-6.616 6.615-6.616h6.614a19.83 19.83 0 0 1 15.875 7.938l23.812 31.75H72.76a6.615 6.615 0 0 0-6.614 6.615 6.615 6.615 0 0 0 6.614 6.615h39.687c10.485 0 16.875-12.78 10.584-21.168L99.22 33.072a33.09 33.09 0 0 0-26.46-13.228Zm-2.469 119.072a6.62 6.62 0 0 0-5.331 3.237c-1.293 2.184-3.255 3.368-5.43 3.368s-4.137-1.184-5.43-3.368a6.62 6.62 0 0 0-4.048-3.04 6.62 6.62 0 0 0-5.012.715 6.615 6.615 0 0 0-2.324 9.063c3.417 5.775 9.658 9.859 16.814 9.859s13.397-4.084 16.815-9.86a6.615 6.615 0 0 0-2.323-9.062 6.6 6.6 0 0 0-3.73-.912m30.07.02a6.6 6.6 0 0 0-2.471.742 6.615 6.615 0 0 0-2.747 8.941c3.31 6.243 9.795 10.733 17.305 10.733s13.992-4.49 17.303-10.733a6.615 6.615 0 0 0-2.746-8.941 6.615 6.615 0 0 0-8.942 2.744c-1.265 2.385-3.332 3.7-5.615 3.7s-4.35-1.315-5.615-3.7a6.62 6.62 0 0 0-3.904-3.225 6.6 6.6 0 0 0-2.568-.26"/> <path d="M25.002 0A25 25 0 0 0 0 25.002a25 25 0 0 0 25.002 24.996h300a73.12 73.12 0 0 1 59.19 30.14l141.185 194.13a128.74 128.74 0 0 1 24.625 75.73v75C550.002 439.101 539.103 450 525 450H25.002A25 25 0 0 0 0 475.002a25 25 0 0 0 25.002 24.996H525c41.125 0 75-33.875 75-75v-75c0-37.776-11.974-74.59-34.193-105.14L424.629 50.735C401.46 18.881 364.39 0 325.002 0Zm0 75A25 25 0 0 0 0 100.002a25 25 0 0 0 25.002 24.996H75c14.103 0 25.002 10.899 25.002 25.002v199.998C100.002 364.101 89.103 375 75 375H25.002A25 25 0 0 0 0 400.002a25 25 0 0 0 25.002 24.996H75c41.125 0 75-33.875 75-75V150c0-41.125-33.875-75-75-75Zm225 0c-41.125 0-75 33.875-75 75v150a25 25 0 0 0 24.996 25.002A25 25 0 0 0 225 300V150c0-14.103 10.899-25.002 25.002-25.002h24.996a74.94 74.94 0 0 1 60 30l90 120h-150A25 25 0 0 0 250.002 300a25 25 0 0 0 24.996 25.002h150c39.629 0 63.78-48.301 40.002-80.004l-90-120C351.406 93.54 314.32 75 274.998 75Zm-92.309 450.002a25 25 0 0 0-12.463 3.482 25 25 0 0 0-8.78 34.248C149.366 584.56 172.954 600 200 600s50.633-15.44 63.55-37.268a25 25 0 0 0-8.78-34.248 25 25 0 0 0-34.249 8.784C215.635 545.524 208.221 550 200 550s-15.635-4.476-20.521-12.732a25 25 0 0 0-21.786-12.266m199.897.015a25 25 0 0 0-12.613 2.897 25 25 0 0 0-10.375 33.8c12.51 23.595 37.013 40.56 65.398 40.56s52.887-16.965 65.398-40.56a25 25 0 0 0-10.375-33.8 25 25 0 0 0-33.798 10.377c-4.78 9.013-12.596 13.984-21.225 13.984s-16.445-4.971-21.225-13.984a25 25 0 0 0-21.185-13.274" style="stroke-width:3.77953"/>
</svg> </svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.7 KiB

After

Width:  |  Height:  |  Size: 1.5 KiB

Before After
Before After

4
styleguide/assets/icon/vegan.svg
View file

@ -1,3 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="525" height="600" viewBox="0 0 138.906 158.75"> <svg xmlns="http://www.w3.org/2000/svg" width="525" height="600">
<path d="M123.006 4.308q-.827.006-1.66.106c-1.27.153-2.541.472-3.793.973l-8.508 3.402a71.1 71.1 0 0 0-23.857 15.733l-1.135 1.134a33.09 33.09 0 0 0-9.356 28.063l2.873 20.11a35.73 35.73 0 0 1-3.414 21.034L60.23 122.72a6.615 6.615 0 0 0 2.957 8.875 6.615 6.615 0 0 0 8.875-2.96L85.99 100.78a48.97 48.97 0 0 0 4.676-28.822l-2.87-20.11a19.83 19.83 0 0 1 5.61-16.837l1.135-1.135a57.8 57.8 0 0 1 19.418-12.803l8.506-3.402c1.748-.7 3.213.291 3.213 2.174v6.615l.004.219a32.8 32.8 0 0 1-4.852 18.266 43.2 43.2 0 0 1-16.558 14.587l-1.397.7a6.615 6.615 0 0 0-2.957 8.872 6.615 6.615 0 0 0 8.873 2.96l1.396-.7a56.43 56.43 0 0 0 21.717-19.17l.12-.183a46.02 46.02 0 0 0 6.878-25.77l.005.219v-6.615c0-8.852-7.629-15.607-15.9-15.536zM7.74 37.748a6.62 6.62 0 0 0-4.937 1.113 6.615 6.615 0 0 0-1.594 9.217c21.25 30.126 34.986 65.902 38.506 104.656a6.615 6.615 0 0 0 7.185 5.989 6.615 6.615 0 0 0 5.989-7.186c-3.734-41.113-18.324-79.12-40.87-111.084a6.62 6.62 0 0 0-4.279-2.705"/> <path d="M464.906 16.281q-3.127.025-6.275.403h-.002a56.8 56.8 0 0 0-14.336 3.675l-32.154 12.86a268.6 268.6 0 0 0-90.17 59.46l-4.29 4.29c-27.805 27.805-40.92 67.135-35.359 106.062l10.86 76.004a135.06 135.06 0 0 1-12.905 79.504l-52.632 105.28a25 25 0 0 0 11.175 33.542 25 25 0 0 0 33.543-11.183l52.641-105.28a185.08 185.08 0 0 0 17.672-108.935l-10.85-76.004a74.93 74.93 0 0 1 21.207-63.639l4.29-4.289a218.6 218.6 0 0 1 73.39-48.388l32.148-12.86c6.607-2.643 12.143 1.101 12.143 8.217v25.002a25 25 0 0 0 .015.828c.806 24.32-5.588 48.316-18.336 69.035A163.25 163.25 0 0 1 394.097 225l-5.28 2.643a25 25 0 0 0-11.175 33.535 25 25 0 0 0 33.537 11.183l5.278-2.642a213.3 213.3 0 0 0 82.08-72.453 25 25 0 0 0 .449-.694 173.95 173.95 0 0 0 26-97.396l.015.826V75c0-33.454-28.831-58.984-60.094-58.719zM22.736 142.406a25 25 0 0 0-12.146 4.469 25 25 0 0 0-6.02 34.838C84.882 295.575 136.8 430.789 150.102 577.262a25 25 0 0 0 27.16 22.636 25 25 0 0 0 22.636-27.16C185.786 417.35 130.641 273.704 45.43 152.895a25 25 0 0 0-22.694-10.489" style="stroke-width:3.77953"/>
</svg> </svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1 KiB

After

Width:  |  Height:  |  Size: 1.1 KiB

Before After
Before After

4
styleguide/assets/icon/warning.svg
View file

@ -1,3 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="600" height="600" viewBox="0 0 158.75 158.75"> <svg xmlns="http://www.w3.org/2000/svg" width="600" height="600">
<path d="M79.374.214c-5.228 0-10.455 2.588-13.085 7.764L1.776 134.977c-5.402 10.633 2.65 23.778 14.566 23.778h49.79c10.887 0 19.853-8.977 19.853-19.876v-9.895a6.61 6.618 0 0 0-6.61-6.617 6.61 6.618 0 0 0-6.611 6.617v9.895c0 3.745-2.89 6.637-6.631 6.637h-49.79c-2.61 0-3.964-2.21-2.78-4.538l64.513-127c.724-1.424 1.876-1.424 2.6 0l64.513 126.996c1.183 2.329-.17 4.54-2.78 4.54l-43.19.003a6.61 6.618 0 0 0-6.61 6.619 6.61 6.618 0 0 0 6.61 6.62l43.19-.005c11.916 0 19.968-13.144 14.566-23.778L92.46 7.978C89.83 2.802 84.602.214 79.374.214m.001 32.858a6.615 6.615 0 0 0-6.615 6.615v66.147a6.615 6.615 0 0 0 6.615 6.613 6.615 6.615 0 0 0 6.615-6.613V39.688a6.615 6.615 0 0 0-6.615-6.616"/> <path d="M299.998.809c-19.76 0-39.517 9.78-49.455 29.343L6.713 510.148c-20.416 40.19 10.015 89.87 55.053 89.87H249.95c41.143 0 75.033-33.93 75.033-75.12V487.5a24.986 25.014 0 0 0-24.982-25.012 24.986 25.014 0 0 0-24.988 25.012v37.398c0 14.153-10.926 25.084-25.063 25.084H61.766c-9.864 0-14.977-8.35-10.506-17.152L295.09 52.832c2.735-5.384 7.09-5.384 9.826 0l243.83 479.982c4.472 8.803-.643 17.162-10.508 17.163l-163.24.006A24.986 25.014 0 0 0 350.018 575a24.986 25.014 0 0 0 24.98 25.018l163.24-.014c45.038-.003 75.472-49.68 55.055-89.87L349.455 30.153C339.517 10.59 319.757.81 299.998.81M300 125a25 25 0 0 0-25 25v250a25 25 0 0 0 25 25 25 25 0 0 0 25-25V150a25 25 0 0 0-25-25"/>
</svg> </svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 790 B

After

Width:  |  Height:  |  Size: 757 B

Before After
Before After