EH22/design
Watch
0
0
Fork
You've already forked design
 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Update styleguide icons
All checks were successful
/ build (push) Successful in 10s
Details

Browse source
This commit is contained in:
lilith 2025-02-17 22:34:25 +01:00
commit 4b38f726cf
No known key found for this signature in database
56 changed files with 117 additions and 1321 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -1,22 +1,3 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
width="600"
height="600"
viewBox="0 0 158.75 158.75"
version="1.1"
id="svg1"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<defs
id="defs1" />
<g
id="layer1">
<path
style="stroke-linecap:round;stroke-linejoin:round"
d="m 66.046875,-3.40625 c -9.054496,0 -16.53711,7.4826136 -16.537109,16.537109 10e-7,9.054496 7.482614,16.535157 16.537109,16.535157 h 42.994145 c 0.99564,0 1.22125,0.356946 1.48437,0.992187 0.26313,0.635241 0.35637,1.044023 -0.34766,1.748047 L 37.25,105.33398 a 6.6146002,6.6146002 0 0 0 0,9.35547 6.6146002,6.6146002 0 0 0 9.353516,0 L 119.53125,41.761719 c 4.474,-4.474004 5.32157,-11.079938 3.21484,-16.166016 -2.10672,-5.086077 -7.37788,-9.158204 -13.70507,-9.158203 H 66.046875 c -1.904905,0 -3.30664,-1.401735 -3.306641,-3.306641 0,-1.904904 1.401736,-3.3085934 3.306641,-3.3085934 H 135.5 c 3.73147,-8e-7 6.61523,2.8837614 6.61523,6.6152344 v 66.146484 a 6.6146002,6.6146002 0 0 0 6.61329,6.613282 6.6146002,6.6146002 0 0 0 6.61523,-6.613282 V 16.4375 c 0,-10.8810643 -8.96269,-19.8437525 -19.84375,-19.84375 z"
id="path2"
transform="rotate(135,82.06499,66.068864)" />
</g>
<svg xmlns="http://www.w3.org/2000/svg" width="600" height="600" viewBox="0 0 158.75 158.75">
<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"/>
</svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.3 KiB

After

Width:  |  Height:  |  Size: 635 B

Before After
Before After

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

@ -1,22 +1,3 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
width="600"
height="600"
viewBox="0 0 158.75 158.75"
version="1.1"
id="svg1"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<defs
id="defs1" />
<g
id="layer1">
<path
style="stroke-linecap:round;stroke-linejoin:round"
d="m 64.207031,-5.2460937 c -9.054495,0 -16.535157,7.4826137 -16.535156,16.5371097 10e-7,9.054495 7.48066,16.537109 16.535156,16.537109 h 42.996099 c 0.99564,0 1.21929,0.354994 1.48242,0.990234 0.26312,0.635241 0.35636,1.044023 -0.34766,1.748047 L 35.410156,103.49414 a 6.6146002,6.6146002 0 0 0 0,9.35547 6.6146002,6.6146002 0 0 0 9.353516,0 L 117.69141,39.921875 c 4.474,-4.474003 5.32352,-11.079938 3.21679,-16.166016 -2.10672,-5.086077 -7.37788,-9.158203 -13.70507,-9.158203 H 64.207031 c -1.904905,0 -3.30664,-1.401735 -3.30664,-3.30664 -10e-7,-1.9049049 1.401736,-3.306641 3.30664,-3.306641 h 69.453129 c 3.73147,0 6.61523,2.881809 6.61523,6.613281 v 66.146485 a 6.6146002,6.6146002 0 0 0 6.61523,6.615234 6.6146002,6.6146002 0 0 0 6.61329,-6.615234 V 14.597656 c 0,-10.8810622 -8.96269,-19.8437497 -19.84375,-19.8437497 z"
id="path2"
transform="rotate(180,86.431724,67.07274)" />
</g>
<svg xmlns="http://www.w3.org/2000/svg" width="600" height="600" viewBox="0 0 158.75 158.75">
<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"/>
</svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.3 KiB

After

Width:  |  Height:  |  Size: 651 B

Before After
Before After

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

@ -1,22 +1,3 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
width="600"
height="600"
viewBox="0 0 158.75 158.75"
version="1.1"
id="svg1"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<defs
id="defs1" />
<g
id="layer1">
<path
style="stroke-linecap:round;stroke-linejoin:round"
d="m 64.207031,-5.2460937 c -9.054495,0 -16.535157,7.4826137 -16.535156,16.5371097 10e-7,9.054495 7.48066,16.537109 16.535156,16.537109 h 42.996099 c 0.99564,0 1.21929,0.354994 1.48242,0.990234 0.26312,0.635241 0.35636,1.044023 -0.34766,1.748047 L 35.410156,103.49414 a 6.6146002,6.6146002 0 0 0 0,9.35547 6.6146002,6.6146002 0 0 0 9.353516,0 L 117.69141,39.921875 c 4.474,-4.474003 5.32352,-11.079938 3.21679,-16.166016 -2.10672,-5.086077 -7.37788,-9.158203 -13.70507,-9.158203 H 64.207031 c -1.904905,0 -3.30664,-1.401735 -3.30664,-3.30664 -10e-7,-1.9049049 1.401736,-3.306641 3.30664,-3.306641 h 69.453129 c 3.73147,0 6.61523,2.881809 6.61523,6.613281 v 66.146485 a 6.6146002,6.6146002 0 0 0 6.61523,6.615234 6.6146002,6.6146002 0 0 0 6.61329,-6.615234 V 14.597656 c 0,-10.8810622 -8.96269,-19.8437497 -19.84375,-19.8437497 z"
id="path2"
transform="rotate(90,74.129465,60.016016)" />
</g>
<svg xmlns="http://www.w3.org/2000/svg" width="600" height="600" viewBox="0 0 158.75 158.75">
<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"/>
</svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.3 KiB

After

Width:  |  Height:  |  Size: 647 B

Before After
Before After

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

@ -1,22 +1,3 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
width="600"
height="600"
viewBox="0 0 158.75 158.75"
version="1.1"
id="svg1"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<defs
id="defs1" />
<g
id="layer1">
<path
style="stroke-linecap:round;stroke-linejoin:round"
d="m 64.207031,-5.2460937 c -9.054495,0 -16.535157,7.4826137 -16.535156,16.5371097 10e-7,9.054495 7.48066,16.537109 16.535156,16.537109 h 42.996099 c 0.99564,0 1.21929,0.354994 1.48242,0.990234 0.26312,0.635241 0.35636,1.044023 -0.34766,1.748047 L 35.410156,103.49414 a 6.6146002,6.6146002 0 0 0 0,9.35547 6.6146002,6.6146002 0 0 0 9.353516,0 L 117.69141,39.921875 c 4.474,-4.474003 5.32352,-11.079938 3.21679,-16.166016 -2.10672,-5.086077 -7.37788,-9.158203 -13.70507,-9.158203 H 64.207031 c -1.904905,0 -3.30664,-1.401735 -3.30664,-3.30664 -10e-7,-1.9049049 1.401736,-3.306641 3.30664,-3.306641 h 69.453129 c 3.73147,0 6.61523,2.881809 6.61523,6.613281 v 66.146485 a 6.6146002,6.6146002 0 0 0 6.61523,6.615234 6.6146002,6.6146002 0 0 0 6.61329,-6.615234 V 14.597656 c 0,-10.8810622 -8.96269,-19.8437497 -19.84375,-19.8437497 z"
id="path2"
transform="rotate(-135,90.147181,70.567472)" />
</g>
<svg xmlns="http://www.w3.org/2000/svg" width="600" height="600" viewBox="0 0 158.75 158.75">
<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"/>
</svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.3 KiB

After

Width:  |  Height:  |  Size: 688 B

Before After
Before After

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

@ -1,22 +1,3 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
width="600"
height="600"
viewBox="0 0 158.75 158.75"
version="1.1"
id="svg1"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<defs
id="defs1" />
<g
id="layer1">
<path
style="stroke-linecap:round;stroke-linejoin:round"
d="m 67.886719,-1.5664062 c -9.054496,-10e-8 -16.53711,7.4826139 -16.53711,16.5371092 10e-7,9.054496 7.482613,16.535156 16.53711,16.535156 h 42.994141 c 0.99564,0 1.22125,0.356947 1.48437,0.992188 0.26313,0.635241 0.35442,1.044023 -0.3496,1.748047 L 39.089844,107.17383 a 6.6146002,6.6146002 0 0 0 0,9.35351 6.6146002,6.6146002 0 0 0 9.353515,0 L 121.37109,43.601562 c 4.47401,-4.474003 5.32157,-11.079938 3.21485,-16.166015 -2.10672,-5.086078 -7.37788,-9.158204 -13.70508,-9.158203 H 67.886719 c -1.904906,0 -3.306641,-1.401736 -3.306641,-3.306641 0,-1.904904 1.401737,-3.308594 3.306641,-3.308594 h 69.453121 c 3.73148,0 6.61524,2.883762 6.61524,6.615235 v 66.146484 a 6.6146002,6.6146002 0 0 0 6.61328,6.613281 6.6146002,6.6146002 0 0 0 6.61523,-6.613281 V 18.277344 c 0,-10.8810642 -8.96268,-19.8437527 -19.84375,-19.8437502 z"
id="path2"
transform="rotate(45,64.392449,50.767135)" />
</g>
<svg xmlns="http://www.w3.org/2000/svg" width="600" height="600" viewBox="0 0 158.75 158.75">
<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"/>
</svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.3 KiB

After

Width:  |  Height:  |  Size: 693 B

Before After
Before After

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

@ -1,22 +1,3 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
width="600"
height="600"
viewBox="0 0 158.75 158.75"
version="1.1"
id="svg1"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<defs
id="defs1" />
<g
id="layer1">
<path
style="stroke-linecap:round;stroke-linejoin:round"
d="m 69.726562,0.2734375 c -9.054495,0 -16.53711,7.4826138 -16.537109,16.5371095 10e-7,9.054495 7.482614,16.535156 16.537109,16.535156 H 112.7207 c 0.99564,0 1.2193,0.354994 1.48243,0.990234 0.26312,0.635241 0.35636,1.045976 -0.34766,1.75 L 40.927734,109.01367 a 6.6146002,6.6146002 0 0 0 0,9.35352 6.6146002,6.6146002 0 0 0 9.355469,0 L 123.21094,45.439453 c 4.474,-4.474003 5.32156,-11.079938 3.21484,-16.166016 -2.10672,-5.086077 -7.37788,-9.15625 -13.70508,-9.15625 H 69.726562 c -1.904905,0 -3.30664,-1.401735 -3.30664,-3.30664 0,-1.904905 1.401736,-3.308594 3.30664,-3.308594 h 69.453128 c 3.73147,0 6.61523,2.883763 6.61523,6.615234 v 66.146485 a 6.6146002,6.6146002 0 0 0 6.61328,6.613281 6.6146002,6.6146002 0 0 0 6.61524,-6.613281 V 20.117187 c 0,-10.881062 -8.96269,-19.8437495 -19.84375,-19.8437495 z"
id="path2"
transform="rotate(-45,108.89732,92.149922)" />
</g>
<svg xmlns="http://www.w3.org/2000/svg" width="600" height="600" viewBox="0 0 158.75 158.75">
<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"/>
</svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.3 KiB

After

Width:  |  Height:  |  Size: 660 B

Before After
Before After

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

@ -1,22 +1,3 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
width="600"
height="600"
viewBox="0 0 158.75 158.75"
version="1.1"
id="svg1"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<defs
id="defs1" />
<g
id="layer1">
<path
style="stroke-linecap:round;stroke-linejoin:round"
d="m 64.207031,-5.2460937 c -9.054495,0 -16.535157,7.4826137 -16.535156,16.5371097 10e-7,9.054495 7.48066,16.537109 16.535156,16.537109 h 42.996099 c 0.99564,0 1.21929,0.354994 1.48242,0.990234 0.26312,0.635241 0.35636,1.044023 -0.34766,1.748047 L 35.410156,103.49414 a 6.6146002,6.6146002 0 0 0 0,9.35547 6.6146002,6.6146002 0 0 0 9.353516,0 L 117.69141,39.921875 c 4.474,-4.474003 5.32352,-11.079938 3.21679,-16.166016 -2.10672,-5.086077 -7.37788,-9.158203 -13.70507,-9.158203 H 64.207031 c -1.904905,0 -3.30664,-1.401735 -3.30664,-3.30664 -10e-7,-1.9049049 1.401736,-3.306641 3.30664,-3.306641 h 69.453129 c 3.73147,0 6.61523,2.881809 6.61523,6.613281 v 66.146485 a 6.6146002,6.6146002 0 0 0 6.61523,6.615234 6.6146002,6.6146002 0 0 0 6.61329,-6.615234 V 14.597656 c 0,-10.8810622 -8.96269,-19.8437497 -19.84375,-19.8437497 z"
id="path2"
transform="rotate(-90,98.733984,74.129465)" />
</g>
<svg xmlns="http://www.w3.org/2000/svg" width="600" height="600" viewBox="0 0 158.75 158.75">
<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"/>
</svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.3 KiB

After

Width:  |  Height:  |  Size: 611 B

Before After
Before After

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

@ -1,22 +1,3 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
width="600"
height="600"
viewBox="0 0 158.75 158.75"
version="1.1"
id="svg1"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<defs
id="defs1" />
<g
id="layer1">
<path
style="stroke-linecap:round;stroke-linejoin:round"
d="m 64.207031,-5.2460937 c -9.054495,0 -16.535157,7.4826137 -16.535156,16.5371097 10e-7,9.054495 7.48066,16.537109 16.535156,16.537109 h 42.996099 c 0.99564,0 1.21929,0.354994 1.48242,0.990234 0.26312,0.635241 0.35636,1.044023 -0.34766,1.748047 L 35.410156,103.49414 a 6.6146002,6.6146002 0 0 0 0,9.35547 6.6146002,6.6146002 0 0 0 9.353516,0 L 117.69141,39.921875 c 4.474,-4.474003 5.32352,-11.079938 3.21679,-16.166016 -2.10672,-5.086077 -7.37788,-9.158203 -13.70507,-9.158203 H 64.207031 c -1.904905,0 -3.30664,-1.401735 -3.30664,-3.30664 -10e-7,-1.9049049 1.401736,-3.306641 3.30664,-3.306641 h 69.453129 c 3.73147,0 6.61523,2.881809 6.61523,6.613281 v 66.146485 a 6.6146002,6.6146002 0 0 0 6.61523,6.615234 6.6146002,6.6146002 0 0 0 6.61329,-6.615234 V 14.597656 c 0,-10.8810622 -8.96269,-19.8437497 -19.84375,-19.8437497 z"
id="path2"
transform="translate(-14.245666,24.604327)" />
</g>
<svg xmlns="http://www.w3.org/2000/svg" width="600" height="600" viewBox="0 0 158.75 158.75">
<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"/>
</svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.3 KiB

After

Width:  |  Height:  |  Size: 629 B

Before After
Before After

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

@ -1,26 +1,3 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
width="600"
height="600"
viewBox="0 0 158.75 158.75"
version="1.1"
id="svg1"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<defs
id="defs1" />
<g
id="layer1">
<path
style="stroke-linecap:round;paint-order:markers fill stroke"
d="m 179.44727,71.386719 c -10.66876,0 -18.66066,10.463026 -15.85352,20.755859 l 12.76758,46.814452 c 2.78064,10.1957 12.1077,17.31836 22.67578,17.31836 h 78.55078 c 10.56808,0 19.89514,-7.12266 22.67578,-17.31836 l 16.17969,-59.322264 c 0.94858,-3.479271 -1.10282,-7.068784 -4.58203,-8.017579 -3.47931,-0.949964 -7.0699,1.100678 -8.01953,4.580079 l -16.17774,59.322264 c -1.24736,4.57366 -5.33546,7.69727 -10.07617,7.69727 h -78.55078 c -4.74071,0 -8.82881,-3.12361 -10.07617,-7.69727 L 176.19336,88.705078 c -0.62881,-2.30565 0.86405,-4.259765 3.25391,-4.259766 h 111.10546 c 3.60587,-3.87e-4 6.52891,-2.923425 6.5293,-6.529296 -3.9e-4,-3.605871 -2.92343,-6.52891 -6.5293,-6.529297 z"
id="path19"
transform="matrix(1.0129514,0,0,1.0129514,-162.02394,0.44971576)" />
<path
style="stroke-linecap:round;paint-order:markers fill stroke"
d="m 65.951172,26.585937 c -1.720665,0.34423 -3.234037,1.358064 -4.207031,2.81836 L 44.105469,55.861328 c -2.027213,3.03965 -1.206054,7.147197 1.833984,9.173828 3.03965,2.027213 7.147197,1.206054 9.173828,-1.833984 L 72.751953,36.742187 c 2.027213,-3.03965 1.206054,-7.147197 -1.833984,-9.173828 -1.459792,-0.973213 -3.246426,-1.326606 -4.966797,-0.982422 z m 26.847656,0 c -1.720371,-0.344184 -3.507005,0.0092 -4.966797,0.982422 -3.040038,2.026631 -3.861197,6.134178 -1.833984,9.173828 l 17.638673,26.458985 c 2.02663,3.040039 6.13418,3.861199 9.17383,1.833984 3.04004,-2.026633 3.86119,-6.134179 1.83398,-9.173828 L 97.005859,29.404297 c -0.972994,-1.460296 -2.486366,-2.47413 -4.207031,-2.81836 z"
id="path2" />
</g>
<svg xmlns="http://www.w3.org/2000/svg" width="600" height="600" viewBox="0 0 158.75 158.75">
<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"/>
</svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2 KiB

After

Width:  |  Height:  |  Size: 983 B

Before After
Before After

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

@ -1,30 +1,3 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
width="600"
height="600"
viewBox="0 0 158.75 158.75"
version="1.1"
id="svg1"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<defs
id="defs1" />
<g
id="layer1">
<path
style="stroke-linecap:round;stroke-linejoin:round;paint-order:fill markers stroke"
d="m 42.994141,46.302734 c -12.707619,2e-6 -23.150391,10.442772 -23.150391,23.150391 1e-6,12.707619 10.442772,23.150389 23.150391,23.150391 A 6.6146002,6.6146002 0 0 0 49.609375,85.990234 6.6146002,6.6146002 0 0 0 42.994141,79.375 c -5.55803,-10e-7 -9.921875,-4.363846 -9.921875,-9.921875 0,-5.558029 4.363846,-9.921874 9.921875,-9.921875 5.55803,0 9.921875,4.363845 9.921875,9.921875 v 3.306641 c 4.3e-5,10.881061 8.962688,19.843747 19.84375,19.84375 h 64.558594 c 3.49995,0 6.84938,1.388445 9.32422,3.863281 l 0.8164,0.814453 a 6.6146002,6.6146002 0 0 0 9.35352,0 6.6146002,6.6146002 0 0 0 0,-9.353516 l -0.81445,-0.816406 C 151.04585,82.159129 144.32182,79.375001 137.31836,79.375 H 72.759766 c -3.731491,-10e-7 -6.613267,-2.883744 -6.613282,-6.615234 v -3.306641 c 0,-12.70762 -10.444723,-23.150391 -23.152343,-23.150391 z"
id="path2"
transform="translate(0,13.229117)" />
<path
style="stroke-linecap:round;stroke-linejoin:round"
d="m 39.6875,112.44727 c -10.881062,0 -19.84375,8.96268 -19.84375,19.84375 v 19.84375 a 6.6146002,6.6146002 0 0 0 6.615234,6.61523 6.6146002,6.6146002 0 0 0 6.613282,-6.61523 v -19.84375 c 0,-3.73148 2.883762,-6.61329 6.615234,-6.61329 h 92.60352 c 3.73147,0 6.61523,2.88181 6.61523,6.61329 v 19.84375 a 6.6146002,6.6146002 0 0 0 6.61523,6.61523 6.6146002,6.6146002 0 0 0 6.61329,-6.61523 v -19.84375 c 0,-10.88107 -8.96269,-19.84375 -19.84375,-19.84375 z"
id="path1" />
<path
style="stroke-linecap:round;stroke-linejoin:round"
d="M 6.6152344,59.53125 A 6.6146002,6.6146002 0 0 0 0,66.146484 V 152.13477 A 6.6146002,6.6146002 0 0 0 6.6152344,158.75 6.6146002,6.6146002 0 0 0 13.228516,152.13477 V 66.146484 A 6.6146002,6.6146002 0 0 0 6.6152344,59.53125 Z"
id="path1-1" />
</g>
<svg xmlns="http://www.w3.org/2000/svg" width="600" height="600" viewBox="0 0 158.75 158.75">
<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"/>
</svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.2 KiB

After

Width:  |  Height:  |  Size: 1 KiB

Before After
Before After

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

@ -1,25 +1,3 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
width="600"
height="600"
viewBox="0 0 158.75 158.75"
version="1.1"
id="svg1"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<defs
id="defs1" />
<g
id="layer1">
<path
style="stroke-linecap:round"
d="m 79.375,19.089844 a 6.6146002,6.6146002 0 0 0 -6.615234,6.615234 v 47.054688 c 0,10.017452 3.251248,19.767287 9.261718,27.781254 l 11.90625,15.875 a 6.6146002,6.6146002 0 0 0 9.259766,1.32421 6.6146002,6.6146002 0 0 0 1.32227,-9.26171 L 92.603516,92.603516 C 88.309357,86.877969 85.990235,79.916698 85.990234,72.759766 V 25.705078 A 6.6146002,6.6146002 0 0 0 79.375,19.089844 Z"
id="path49-2-7" />
<path
style="stroke-linecap:round;paint-order:markers fill stroke"
d="M 79.375,0 C 58.321483,0 39.106377,8.2344832 24.898437,21.646484 a 6.6146002,6.6146002 0 0 0 -0.269531,9.34961 6.6146002,6.6146002 0 0 0 9.34961,0.269531 C 45.831786,20.076382 61.761303,13.228516 79.375,13.228516 c 36.60967,0 66.14648,29.536813 66.14648,66.146484 0,36.60966 -29.53682,66.14648 -66.14648,66.14648 -36.609671,0 -66.146484,-29.53681 -66.146484,-66.14648 0,-10.849768 2.599204,-21.044847 7.208984,-30.0625 A 6.6146002,6.6146002 0 0 0 17.558594,40.412109 6.6146002,6.6146002 0 0 0 8.6582031,43.291016 C 3.1230377,54.118908 0,66.406354 0,79.375 c 1.0889597e-7,43.75927 35.615739,79.375 79.375,79.375 43.75926,0 79.375,-35.61574 79.375,-79.375 C 158.75,35.615739 123.13427,1.0889597e-7 79.375,0 Z"
id="path1" />
</g>
<svg xmlns="http://www.w3.org/2000/svg" width="600" height="600" viewBox="0 0 158.75 158.75">
<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"/>
</svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.6 KiB

After

Width:  |  Height:  |  Size: 784 B

Before After
Before After

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

@ -1,22 +1,3 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
width="600"
height="600"
viewBox="0 0 158.75 158.75"
version="1.1"
id="svg1"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<defs
id="defs1" />
<g
id="layer1">
<path
style="stroke-linecap:round"
d="m 59.53125,-5.4824219 c -5.018374,0 -10.037121,1.8624715 -13.876953,5.58789065 L 8.6230469,36.033203 a 6.6146002,6.6146002 0 0 0 -0.140625,9.353516 6.6146002,6.6146002 0 0 0 9.3535151,0.140625 L 54.867187,9.5996094 c 2.64984,-2.570884 6.678286,-2.570884 9.328125,0 l 34.3125,33.2890626 c 0.456518,0.442915 0.710938,1.045573 0.710938,1.68164 v 9.269532 c 0,1.093196 -0.675428,1.988738 -1.726563,2.289062 L 18.128906,78.804687 C 11.342604,80.743631 6.6152348,87.010499 6.6152344,94.068359 v 8.957031 c 1.9e-6,4.27967 1.7350808,8.38512 4.8066406,11.36524 l 34.232422,33.21289 c 7.679588,7.45095 20.074318,7.45095 27.753906,0 l 37.031247,-35.92969 a 6.6146002,6.6146002 0 0 0 0.14063,-9.35352 6.6146002,6.6146002 0 0 0 -9.35352,-0.14062 l -37.031248,35.92773 c -2.649739,2.57085 -6.678385,2.57085 -9.328125,0 L 20.634766,104.89453 c -0.507664,-0.49255 -0.791016,-1.1618 -0.791016,-1.86914 v -8.957031 c 0,-1.211327 0.755201,-2.212144 1.919922,-2.544922 L 101.12695,68.849609 c 6.67272,-1.90649 11.32032,-8.070036 11.32032,-15.009765 v -9.269532 c 0,-4.208458 -1.70803,-8.245292 -4.72852,-11.175781 L 73.408203,0.10546875 C 69.568371,-3.6199504 64.549624,-5.4824219 59.53125,-5.4824219 Z"
id="path49"
transform="matrix(0,1,1,0,5.5213452,46.302078)" />
</g>
<svg xmlns="http://www.w3.org/2000/svg" width="600" height="600" viewBox="0 0 158.75 158.75">
<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"/>
</svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.6 KiB

After

Width:  |  Height:  |  Size: 802 B

Before After
Before After

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

@ -1,25 +1,3 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
width="375"
height="600"
viewBox="0 0 99.21875 158.75"
version="1.1"
id="svg1"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<defs
id="defs1" />
<g
id="layer1">
<path
style="stroke-linecap:round;stroke-linejoin:round"
d="M 33.072266,85.990234 C 14.884937,85.990235 0,100.87517 0,119.0625 v 33.07227 A 6.6146002,6.6146002 0 0 0 6.6152344,158.75 6.6146002,6.6146002 0 0 0 13.228516,152.13477 V 119.0625 c 0,-11.03774 8.806011,-19.84375 19.84375,-19.84375 h 33.074218 c 11.037739,0 19.84375,8.80601 19.84375,19.84375 v 33.07227 a 6.6146002,6.6146002 0 0 0 6.613282,6.61523 6.6146002,6.6146002 0 0 0 6.615234,-6.61523 V 119.0625 c 0,-18.18733 -14.884937,-33.072266 -33.072266,-33.072266 z"
id="path1" />
<path
style="stroke-linecap:round;stroke-linejoin:round"
d="m 49.609375,-0.04492187 c -21.840463,-10e-9 -39.6875,17.84703687 -39.6875,39.68749987 0,14.637477 7.975146,27.50969 19.839844,34.373047 a 6.6146002,6.6146002 0 0 0 9.037109,-2.412109 6.6146002,6.6146002 0 0 0 -2.414062,-9.039063 C 28.478428,57.990884 23.150391,49.488399 23.150391,39.642578 c 0,-14.690872 11.768111,-26.458984 26.458984,-26.458984 14.690873,0 26.458984,11.768112 26.458984,26.458984 0,9.845822 -5.328037,18.348305 -13.234375,22.921875 a 6.6146002,6.6146002 0 0 0 -2.414062,9.039063 6.6146002,6.6146002 0 0 0 9.037109,2.412109 c 11.864696,-6.863357 19.839844,-19.735571 19.839844,-34.373047 0,-21.840463 -17.847037,-39.68749988 -39.6875,-39.68749987 z"
id="path4" />
</g>
<svg xmlns="http://www.w3.org/2000/svg" width="375" height="600" viewBox="0 0 99.219 158.75">
<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"/>
</svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.7 KiB

After

Width:  |  Height:  |  Size: 844 B

Before After
Before After

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

@ -1,29 +1,3 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
width="600"
height="600"
viewBox="0 0 158.75 158.75"
version="1.1"
id="svg1"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<defs
id="defs1" />
<g
id="layer1">
<path
style="stroke-linecap:round;paint-order:markers fill stroke"
d="M 6.609375,0.11132812 A 6.6145501,6.6145501 0 0 0 1.9335937,2.0527344 6.6145501,6.6145501 0 0 0 1.9414062,11.40625 L 61.472656,70.828125 a 6.6145501,6.6145501 0 0 0 9.355469,-0.0098 6.6145501,6.6145501 0 0 0 -0.0098,-9.353515 L 11.287109,2.0429688 A 6.6145501,6.6145501 0 0 0 6.609375,0.11132812 Z"
id="path25" />
<path
style="stroke-linecap:round;paint-order:markers fill stroke"
d="m 92.597656,85.990234 a 6.6145501,6.6145501 0 0 0 -4.675781,1.941407 6.6145501,6.6145501 0 0 0 0.0098,9.353515 l 59.531249,59.421874 a 6.6145501,6.6145501 0 0 0 9.35352,-0.01 6.6145501,6.6145501 0 0 0 -0.008,-9.35352 L 97.277344,87.921875 a 6.6145501,6.6145501 0 0 0 -4.679688,-1.931641 z"
id="path26" />
<path
style="stroke-linecap:round;paint-order:markers fill stroke"
d="M 152.25586,0.11132812 A 6.6145501,6.6145501 0 0 0 147.57617,2.0410156 L 1.8339844,147.33984 a 6.6145501,6.6145501 0 0 0 -0.013672,9.35547 6.6145501,6.6145501 0 0 0 9.3535155,0.0137 L 156.91602,11.410156 a 6.6145501,6.6145501 0 0 0 0.0137,-9.3554685 6.6145501,6.6145501 0 0 0 -4.67383,-1.94335938 z"
id="path27" />
</g>
<svg xmlns="http://www.w3.org/2000/svg" width="600" height="600" viewBox="0 0 158.75 158.75">
<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"/>
</svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.5 KiB

After

Width:  |  Height:  |  Size: 648 B

Before After
Before After

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

@ -1,29 +1,3 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
width="412.5"
height="412.5"
viewBox="0 0 109.14063 109.14063"
version="1.1"
id="svg1"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<defs
id="defs1" />
<g
id="layer1">
<path
style="stroke-linecap:round;paint-order:markers fill stroke"
d="M 6.6152344,0 A 6.6145501,6.6145501 0 0 0 1.9375,1.9375 a 6.6145501,6.6145501 0 0 0 0,9.353516 l 33.072266,33.074218 a 6.6145501,6.6145501 0 0 0 9.355468,0 6.6145501,6.6145501 0 0 0 0,-9.355468 L 11.291016,1.9375 A 6.6145501,6.6145501 0 0 0 6.6152344,0 Z"
id="path25" />
<path
style="stroke-linecap:round;paint-order:markers fill stroke"
d="m 69.453125,62.837891 a 6.6145501,6.6145501 0 0 0 -4.677734,1.9375 6.6145501,6.6145501 0 0 0 0,9.355468 l 33.074218,33.072271 a 6.6145501,6.6145501 0 0 0 9.353521,0 6.6145501,6.6145501 0 0 0 0,-9.353521 L 74.130859,64.775391 a 6.6145501,6.6145501 0 0 0 -4.677734,-1.9375 z"
id="path26" />
<path
style="stroke-linecap:round;paint-order:markers fill stroke"
d="M 102.52539,0 A 6.6145501,6.6145501 0 0 0 97.849609,1.9375 L 1.9375,97.849609 a 6.6145501,6.6145501 0 0 0 0,9.353521 6.6145501,6.6145501 0 0 0 9.353516,0 L 107.20313,11.291016 a 6.6145501,6.6145501 0 0 0 0,-9.353516 A 6.6145501,6.6145501 0 0 0 102.52539,0 Z"
id="path27" />
</g>
<svg xmlns="http://www.w3.org/2000/svg" width="412.5" height="412.5" viewBox="0 0 109.141 109.141">
<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"/>
</svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.5 KiB

After

Width:  |  Height:  |  Size: 630 B

Before After
Before After

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

@ -1,37 +1,3 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
width="600"
height="600"
viewBox="0 0 158.75 158.75"
version="1.1"
id="svg1"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<defs
id="defs1" />
<g
id="layer1">
<path
style="stroke-linecap:round;stroke-linejoin:round"
d="m 105.83203,52.894531 -85.990233,0.01758 C 9.0419602,52.914283 1.3137077,64.170321 5.1914062,74.25 l 23.5722658,61.27539 c 3.836769,9.97329 13.466494,16.58789 24.152344,16.58789 H 79.375 c 10.685846,0 20.315569,-6.6146 24.15234,-16.58789 L 127.10156,74.25 c 1.88667,-4.904192 6.55011,-8.107422 11.80469,-8.107422 3.73147,-10e-7 6.61523,2.883762 6.61523,6.615234 v 6.339844 c 0,5.672127 -3.14177,10.841315 -8.17578,13.455078 l -1.48828,0.773438 a 6.6146002,6.6146002 0 0 0 -2.82226,8.917968 6.6146002,6.6146002 0 0 0 8.91992,2.82227 l 1.48828,-0.77149 C 152.83688,99.417609 158.75,89.681912 158.75,79.097656 v -6.339844 c 0,-10.881064 -8.96269,-19.843752 -19.84375,-19.84375 C 128.2204,52.914063 118.59068,59.52671 114.75391,69.5 L 91.179687,130.77539 C 89.29302,135.67958 84.62958,138.88281 79.375,138.88281 H 52.916016 c -5.254581,0 -9.918023,-3.20323 -11.804688,-8.10742 L 17.537109,69.5 c -0.701341,-1.823066 0.355277,-3.358982 2.308594,-3.359375 l 85.988277,-0.01758 a 6.6146002,6.6146002 0 0 0 6.61329,-6.615235 6.6146002,6.6146002 0 0 0 -6.61524,-6.613281 z"
id="path1"
transform="translate(0,6.6370755)" />
<path
style="stroke-linecap:round;stroke-linejoin:round"
d="M 38.294922,-1.0566406 A 6.6146002,6.6146002 0 0 0 34.46875,2.2597656 l -3.65625,7.3125 c -2.790689,5.5813774 -2.790689,12.1686234 0,17.7500004 l 0.699219,1.396484 c 0.933685,1.867371 0.933685,4.048645 0,5.916016 l -3.65625,7.3125 a 6.6146002,6.6146002 0 0 0 2.957031,8.875 6.6146002,6.6146002 0 0 0 8.875,-2.958985 l 3.65625,-7.3125 c 2.790689,-5.581377 2.790689,-12.16667 0,-17.748047 l -0.697266,-1.398437 c -0.933685,-1.867371 -0.933685,-4.048645 0,-5.916016 l 3.65625,-7.3124997 A 6.6146002,6.6146002 0 0 0 43.34375,-0.69921875 6.6146002,6.6146002 0 0 0 38.294922,-1.0566406 Z"
id="path5-1"
transform="translate(52.218349,1.3966404)" />
<path
style="stroke-linecap:round;stroke-linejoin:round"
d="M 38.294922,-1.0566406 A 6.6146002,6.6146002 0 0 0 34.46875,2.2597656 l -3.65625,7.3125 c -2.790689,5.5813774 -2.790689,12.1686234 0,17.7500004 l 0.699219,1.396484 c 0.933685,1.867371 0.933685,4.048645 0,5.916016 l -3.65625,7.3125 a 6.6146002,6.6146002 0 0 0 2.957031,8.875 6.6146002,6.6146002 0 0 0 8.875,-2.958985 l 3.65625,-7.3125 c 2.790689,-5.581377 2.790689,-12.16667 0,-17.748047 l -0.697266,-1.398437 c -0.933685,-1.867371 -0.933685,-4.048645 0,-5.916016 l 3.65625,-7.3124997 A 6.6146002,6.6146002 0 0 0 43.34375,-0.69921875 6.6146002,6.6146002 0 0 0 38.294922,-1.0566406 Z"
id="path5-1-3"
transform="translate(25.760015,1.3966405)" />
<path
style="stroke-linecap:round;stroke-linejoin:round"
d="M 38.294922,-1.0566406 A 6.6146002,6.6146002 0 0 0 34.46875,2.2597656 l -3.65625,7.3125 c -2.790689,5.5813774 -2.790689,12.1686234 0,17.7500004 l 0.699219,1.396484 c 0.933685,1.867371 0.933685,4.048645 0,5.916016 l -3.65625,7.3125 a 6.6146002,6.6146002 0 0 0 2.957031,8.875 6.6146002,6.6146002 0 0 0 8.875,-2.958985 l 3.65625,-7.3125 c 2.790689,-5.581377 2.790689,-12.16667 0,-17.748047 l -0.697266,-1.398437 c -0.933685,-1.867371 -0.933685,-4.048645 0,-5.916016 l 3.65625,-7.3124997 A 6.6146002,6.6146002 0 0 0 43.34375,-0.69921875 6.6146002,6.6146002 0 0 0 38.294922,-1.0566406 Z"
id="path5-1-6"
transform="translate(-0.69831854,1.3966405)" />
</g>
<svg xmlns="http://www.w3.org/2000/svg" width="600" height="600" viewBox="0 0 158.75 158.75">
<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"/>
</svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.7 KiB

After

Width:  |  Height:  |  Size: 1.8 KiB

Before After
Before After

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

@ -1,41 +1,3 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
width="600"
height="600"
viewBox="0 0 158.75 158.75"
version="1.1"
id="svg1"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<defs
id="defs1" />
<g
id="layer1">
<path
style="stroke-linecap:round;stroke-linejoin:round"
d="m 105.83203,59.511719 -85.990233,0.01758 0.398437,0.01172 C 8.9102016,58.860446 -0.32290092,69.238315 1.671875,80.412109 a 6.6152616,6.6152616 0 0 0 0.080078,0.390625 C 8.75378,109.80907 35.450529,132.29102 66.146484,132.29102 c 30.695953,0 57.390746,-22.48195 64.392576,-51.488286 a 6.6152616,6.6152616 0 0 0 0.0781,-0.375 c 0.76368,-4.220252 4.21725,-7.29364 8.47265,-7.632812 3.6359,0.09902 6.43164,2.914242 6.43164,6.580078 v 6.339844 c 0,5.672127 -3.14177,10.841316 -8.17578,13.455078 l -1.48828,0.773437 a 6.6146002,6.6146002 0 0 0 -2.82226,8.917971 6.6146002,6.6146002 0 0 0 8.91992,2.82226 l 1.48828,-0.77343 C 152.83689,106.03284 158.75,96.299101 158.75,85.714844 V 79.375 c 0,-10.881062 -8.96269,-19.84375 -19.84375,-19.84375 a 6.6152616,6.6152616 0 0 0 -0.38281,0.01172 c -10.38218,0.601158 -19.07203,8.295926 -20.92383,18.529297 l 0.0801,-0.373047 c -5.5461,22.975701 -27.413071,41.363281 -51.533206,41.363281 -24.027388,0 -45.797669,-18.25346 -51.447265,-41.105469 -0.454638,-2.988018 1.700241,-5.394012 4.748047,-5.210937 a 6.6152616,6.6152616 0 0 0 0.398437,0.01172 l 85.988277,-0.01758 a 6.6146002,6.6146002 0 0 0 6.61329,-6.615234 6.6146002,6.6146002 0 0 0 -6.61524,-6.613281 z"
id="path1"
transform="translate(0,6.6370755)" />
<path
style="stroke-linecap:round;stroke-linejoin:round"
d="m 18.550781,145.52148 a 6.6146002,6.6146002 0 0 0 -6.613281,6.61329 6.6146002,6.6146002 0 0 0 6.613281,6.61523 h 95.189449 a 6.6146002,6.6146002 0 0 0 6.61524,-6.61523 6.6146002,6.6146002 0 0 0 -6.61524,-6.61329 z"
id="path4" />
<path
style="stroke-linecap:round;stroke-linejoin:round"
d="M 38.294922,-1.0566406 A 6.6146002,6.6146002 0 0 0 34.46875,2.2597656 l -3.65625,7.3125 c -2.790689,5.5813774 -2.790689,12.1686234 0,17.7500004 l 0.699219,1.396484 c 0.933685,1.867371 0.933685,4.048645 0,5.916016 l -3.65625,7.3125 a 6.6146002,6.6146002 0 0 0 2.957031,8.875 6.6146002,6.6146002 0 0 0 8.875,-2.958985 l 3.65625,-7.3125 c 2.790689,-5.581377 2.790689,-12.16667 0,-17.748047 l -0.697266,-1.398437 c -0.933685,-1.867371 -0.933685,-4.048645 0,-5.916016 l 3.65625,-7.3124997 A 6.6146002,6.6146002 0 0 0 43.34375,-0.69921875 6.6146002,6.6146002 0 0 0 38.294922,-1.0566406 Z"
id="path5-1"
transform="translate(52.218349,1.3966404)" />
<path
style="stroke-linecap:round;stroke-linejoin:round"
d="M 38.294922,-1.0566406 A 6.6146002,6.6146002 0 0 0 34.46875,2.2597656 l -3.65625,7.3125 c -2.790689,5.5813774 -2.790689,12.1686234 0,17.7500004 l 0.699219,1.396484 c 0.933685,1.867371 0.933685,4.048645 0,5.916016 l -3.65625,7.3125 a 6.6146002,6.6146002 0 0 0 2.957031,8.875 6.6146002,6.6146002 0 0 0 8.875,-2.958985 l 3.65625,-7.3125 c 2.790689,-5.581377 2.790689,-12.16667 0,-17.748047 l -0.697266,-1.398437 c -0.933685,-1.867371 -0.933685,-4.048645 0,-5.916016 l 3.65625,-7.3124997 A 6.6146002,6.6146002 0 0 0 43.34375,-0.69921875 6.6146002,6.6146002 0 0 0 38.294922,-1.0566406 Z"
id="path5-1-3"
transform="translate(25.760015,1.3966405)" />
<path
style="stroke-linecap:round;stroke-linejoin:round"
d="M 38.294922,-1.0566406 A 6.6146002,6.6146002 0 0 0 34.46875,2.2597656 l -3.65625,7.3125 c -2.790689,5.5813774 -2.790689,12.1686234 0,17.7500004 l 0.699219,1.396484 c 0.933685,1.867371 0.933685,4.048645 0,5.916016 l -3.65625,7.3125 a 6.6146002,6.6146002 0 0 0 2.957031,8.875 6.6146002,6.6146002 0 0 0 8.875,-2.958985 l 3.65625,-7.3125 c 2.790689,-5.581377 2.790689,-12.16667 0,-17.748047 l -0.697266,-1.398437 c -0.933685,-1.867371 -0.933685,-4.048645 0,-5.916016 l 3.65625,-7.3124997 A 6.6146002,6.6146002 0 0 0 43.34375,-0.69921875 6.6146002,6.6146002 0 0 0 38.294922,-1.0566406 Z"
id="path5-1-6"
transform="translate(-0.69831854,1.3966405)" />
</g>
<svg xmlns="http://www.w3.org/2000/svg" width="600" height="600" viewBox="0 0 158.75 158.75">
<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"/>
</svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 4.1 KiB

After

Width:  |  Height:  |  Size: 1.9 KiB

Before After
Before After

3
styleguide/assets/icon/dect.svg Normal file
View file

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="350" height="600" viewBox="0 0 92.604 158.75">
<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"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 1.2 KiB

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

@ -1,18 +1,3 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
width="600"
height="600"
viewBox="0 0 158.75 158.75"
version="1.1"
id="svg1"
xml:space="preserve"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"><defs
id="defs1" /><g
id="layer1"><path
style="stroke-linecap:round;stroke-linejoin:round"
d="m 69.492187,0 c -9.054495,0 -16.537109,7.4826138 -16.537109,16.537109 0,9.054496 7.482614,16.535157 16.537109,16.535157 h 42.994143 c 0.99564,0 1.21929,0.356946 1.48242,0.992187 0.26313,0.635241 0.35637,1.044023 -0.34766,1.748047 L 28.435547,121 a 6.6146002,6.6146002 0 0 0 0,9.35352 6.6146002,6.6146002 0 0 0 9.353515,0 L 122.97656,45.167969 c 4.47401,-4.474004 5.32157,-11.079938 3.21485,-16.166016 -2.10673,-5.086077 -7.37789,-9.158203 -13.70508,-9.158203 H 69.492187 c -1.904904,0 -3.30664,-1.401736 -3.30664,-3.306641 0,-1.904905 1.401736,-3.308593 3.30664,-3.308593 h 69.453123 c 3.73148,-1e-6 6.61524,2.883761 6.61524,6.615234 v 66.146484 a 6.6146002,6.6146002 0 0 0 6.61328,6.613282 6.6146002,6.6146002 0 0 0 6.61523,-6.613282 V 19.84375 C 158.78906,8.9626858 149.82638,-2.4675169e-6 138.94531,0 Z M 19.882812,19.84375 c -10.8810621,0 -19.8437495,8.962687 -19.8437495,19.84375 v 99.21875 C 0.03906003,149.78731 9.0017482,158.75 19.882812,158.75 h 99.218748 c 10.88107,0 19.84375,-8.96268 19.84375,-19.84375 v -26.45898 a 6.6146002,6.6146002 0 0 0 -6.61523,-6.61329 6.6146002,6.6146002 0 0 0 -6.61328,6.61329 v 26.45898 c 0,3.73147 -2.88376,6.61524 -6.61524,6.61523 H 19.882812 c -3.731472,0 -6.615235,-2.88376 -6.615234,-6.61523 V 39.6875 c 0,-3.731472 2.883763,-6.615234 6.615234,-6.615234 h 13.228516 a 6.6146002,6.6146002 0 0 0 6.615234,-6.613282 6.6146002,6.6146002 0 0 0 -6.615234,-6.615234 z"
id="path2"
transform="translate(-0.03901262,1.858158e-5)" /></g></svg>
<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" width="600" height="600" viewBox="0 0 158.75 158.75">
<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"/>
</svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.9 KiB

After

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

Before After
Before After

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

@ -1,30 +1,3 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
width="387.07401"
height="600"
viewBox="0 0 102.41333 158.75"
version="1.1"
id="svg1"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<defs
id="defs1" />
<g
id="layer1">
<path
style="stroke-linecap:round;stroke-linejoin:round"
d="m 59.53125,3.5410156 c -4.381307,0 -8.762735,1.3782043 -12.435547,4.1328125 L 37.570312,14.816406 C 30.857405,19.851087 26.134235,27.096302 24.234375,35.269531 l -1.822266,7.837891 c -1.782616,7.668846 -1.999639,15.620215 -0.638672,23.375 l 2.955079,16.841797 c 0.880788,5.018727 -0.202861,10.176362 -3.029297,14.416015 l -1.488282,2.232422 c -4.305335,6.458004 -7.469108,13.608864 -9.351562,21.138674 l -1.4804687,5.92383 c -2.038093,8.15237 -1.1026563,16.76851 2.6386717,24.29296 l 1.449219,2.91407 c 5.148806,10.35514 20.833616,10.35514 25.982422,0 l 1.449218,-2.91407 c 3.274627,-6.58584 6.084291,-13.39349 8.410157,-20.37109 l -0.01758,0.0547 c 1.110724,-3.23907 4.113012,-5.36343 7.537109,-5.33399 a 6.6152616,6.6152616 0 0 0 0.05664,0 h 5.292968 c 3.4985,0 6.547974,2.19861 7.654297,5.51758 a 6.6152616,6.6152616 0 0 0 0.002,0.004 c 2.305352,6.89686 5.088958,13.62406 8.332032,20.13281 l 1.447265,2.91016 c 5.148806,10.35514 20.833619,10.35514 25.982419,0 l 1.44922,-2.91407 c 3.74133,-7.52445 4.67677,-16.14059 2.63867,-24.29296 l -4.04687,-16.19141 a 6.6146002,6.6146002 0 0 0 -8.021486,-4.8125 6.6146002,6.6146002 0 0 0 -4.814453,8.02148 l 4.048828,16.19141 c 1.27536,5.10143 0.690783,10.48485 -1.65039,15.19336 L 93.75,148.35352 c -0.657534,1.32241 -1.633483,1.32241 -2.291016,0 l -1.449218,-2.91602 a 6.6152616,6.6152616 0 0 0 -0.002,-0.004 c -2.967363,-5.95541 -5.515366,-12.11144 -7.625,-18.42187 l -0.002,-0.006 C 79.488152,118.33621 71.317685,112.44727 62.177734,112.44727 h -5.236328 c -9.067417,-0.078 -17.22273,5.69598 -20.164062,14.27343 a 6.6152616,6.6152616 0 0 0 -0.01758,0.0527 c -2.131017,6.39304 -4.706737,12.62995 -7.707032,18.66406 l -1.449218,2.91602 c -0.657533,1.32241 -1.633483,1.32241 -2.291016,0 l -1.449219,-2.91602 c -2.341174,-4.70851 -2.925748,-10.09193 -1.65039,-15.19336 l 1.480468,-5.92383 c 1.514702,-6.0588 4.061138,-11.81339 7.525391,-17.00976 l 1.486328,-2.23047 c 4.710133,-7.065199 6.52053,-15.679482 5.052734,-24.042971 L 34.802734,64.195312 c -1.053438,-6.002487 -0.88567,-12.155829 0.494141,-18.091796 l 1.822266,-7.839844 c 1.195517,-5.143135 4.164467,-9.695128 8.388671,-12.863281 l 9.525391,-7.144532 c 2.688945,-2.016708 6.307149,-2.016708 8.996094,0 l 9.52539,7.144532 c 4.201558,3.151168 7.134132,7.697336 8.273438,12.824218 l 2.023437,9.103516 c 1.324041,5.958191 1.443395,12.119917 0.351563,18.125 l -4.720703,25.96875 a 6.6146002,6.6146002 0 0 0 5.324219,7.689453 6.6146002,6.6146002 0 0 0 7.691406,-5.324219 L 97.21875,67.820312 C 98.625965,60.080626 98.472123,52.13628 96.765625,44.457031 L 94.742187,35.355469 C 92.918485,27.1488 88.217676,19.860523 81.492187,14.816406 L 71.966797,7.6738281 C 68.293985,4.9192199 63.912557,3.5410156 59.53125,3.5410156 Z"
id="path2"
transform="matrix(0.99999898,0,0,0.99999903,-8.3245275,-3.5409784)" />
<path
style="stroke-linecap:round;paint-order:markers fill stroke"
d="m 51.203125,128.75 a 6.6146002,6.6146002 0 0 0 -6.613281,6.61523 v 16.92383 a 6.6146002,6.6146002 0 0 0 6.613281,6.61524 6.6146002,6.6146002 0 0 0 6.615234,-6.61524 V 135.36523 A 6.6146002,6.6146002 0 0 0 51.203125,128.75 Z"
id="path1" />
<path
style="stroke-linecap:round;paint-order:markers fill stroke"
d="m 51.203125,33.337891 c -10.881055,0 -19.84375,8.962695 -19.84375,19.84375 0,10.881054 8.962695,19.84375 19.84375,19.84375 10.881055,10e-7 19.84375,-8.962695 19.84375,-19.84375 a 6.6146002,6.6146002 0 0 0 -6.613281,-6.615235 6.6146002,6.6146002 0 0 0 -6.615235,6.615235 c 0,3.731464 -2.883771,6.613281 -6.615234,6.613281 -3.731463,0 -6.613281,-2.881818 -6.613281,-6.613281 0,-3.731464 2.881818,-6.615235 6.613281,-6.615235 a 6.6146002,6.6146002 0 0 0 6.615234,-6.615234 6.6146002,6.6146002 0 0 0 -6.615234,-6.613281 z"
id="path3" />
</g>
<svg xmlns="http://www.w3.org/2000/svg" width="387.074" height="600" viewBox="0 0 102.413 158.75">
<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"/>
</svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 4.1 KiB

After

Width:  |  Height:  |  Size: 2 KiB

Before After
Before After

Some files were not shown because too many files have changed in this diff Show more