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

Reduce canvas-height on smaller icons

Browse source
This commit is contained in:
lilith 2025-03-06 02:54:35 +01:00
commit 24809391ed
Signed by: lilith
SSH key fingerprint: SHA256:WMHGS60rozMrHkA/VT+Ole85sPCLZ190yemdzY68WJo
15 changed files with 53 additions and 59 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -1,3 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="600" height="600">
<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 xmlns="http://www.w3.org/2000/svg" width="600" height="500">
<path d="M255.775.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 268.033 4.2 25 25 0 0 0 255.775.053m88.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 175.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 241.305c-2.408-8.827 3.31-16.309 12.459-16.309H500A25 25 0 0 0 524.998 200 25 25 0 0 0 500 175.002Z" style="stroke-width:3.82848"/>
</svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 863 B

After

Width:  |  Height:  |  Size: 857 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">
<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 xmlns="http://www.w3.org/2000/svg" width="600" height="375">
<path d="M25 0A25 25 0 0 0 0 25v325a25 25 0 0 0 25 25 25 25 0 0 0 25-25V25A25 25 0 0 0 25 0m137.498.002C114.47.002 75 39.472 75 87.5s39.47 87.498 87.498 87.498a25 25 0 0 0 25.002-24.996A25 25 0 0 0 162.498 125c-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 189.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 125h-244c-14.103 0-24.996-10.899-24.996-25.002V87.5c0-48.029-39.475-87.498-87.504-87.498M150 199.998c-41.125 0-75 33.875-75 75v75A25 25 0 0 0 100.002 375a25 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 375a25 25 0 0 0 24.996-25.002v-75c0-41.125-33.875-75-75-75z" style="stroke-width:3.77953"/>
</svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 914 B

After

Width:  |  Height:  |  Size: 902 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">
<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 xmlns="http://www.w3.org/2000/svg" width="600" height="400">
<path d="M376.402.002c-26.675 0-50.36 17.869-57.69 43.518L233.01 343.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 217.629c-9.716-10.015-9.716-25.24 0-35.256l135.79-139.96a25 25 0 0 0-.532-35.352 25 25 0 0 0-35.351.53l-135.79 139.96C7.188 162.064.148 181.033.148 200s7.04 37.936 21.12 52.45l125.817 129.677a58.89 58.89 0 0 0 42.238 17.871h35.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.383c9.716 10.015 9.716 25.241 0 35.256L407.059 357.588a25 25 0 0 0 .53 35.353 25 25 0 0 0 35.354-.533L578.74 252.45c28.161-29.025 28.161-75.873 0-104.898L453.21 18.17A59.88 59.88 0 0 0 410.257.002Z" style="stroke-width:3.77953"/>
</svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 824 B

After

Width:  |  Height:  |  Size: 817 B

Before After
Before After

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

@ -1,3 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="600" height="600">
<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"/>
<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-48.621 0-87.5-38.879-87.5-87.5 0-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 75.643 61.857 137.5 137.5 137.5 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 175c-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.916a25 25 0 0 0-6.934-34.668 25 25 0 0 0-34.668 6.934l-49.94 74.906C194.615 534.53 168.047 550 137.5 550 88.879 550 50 511.121 50 462.5c0-18.065 5.389-34.618 14.674-48.512l.008-.011 99.998-150 .011-.014v-.002C180.386 240.469 206.954 225 237.5 225c48.621 0 87.5 38.879 87.5 87.5 0 3.306-.182 6.558-.535 9.752a25 25 0 0 0 22.101 27.598 25 25 0 0 0 27.596-22.102c.554-5.014.838-10.104.838-15.248 0-75.643-61.857-137.5-137.5-137.5"/>
</svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.6 KiB

After

Width:  |  Height:  |  Size: 1.3 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">
<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 xmlns="http://www.w3.org/2000/svg" width="600" height="400">
<path d="M75 .002c-41.125 0-75 33.875-75 75v249.996c0 41.125 33.875 75 75 75h450c41.125 0 75-33.875 75-75V75.002c0-19.301-12.602-35.76-28.22-42.23-15.62-6.47-36.165-3.742-49.813 9.906L317.68 246.963c-9.973 9.972-25.387 9.972-35.36 0L117.674 82.326a25 25 0 0 0-35.352 0 25 25 0 0 0 0 35.352L246.97 282.322c29.08 29.08 76.982 29.08 106.062 0L550.002 85.36V325c0 14.102-10.899 25.001-25.002 25.001H75c-14.103 0-25.002-10.899-25.002-25.002V75.002C49.998 60.899 60.897 50 75 50h375a25 25 0 0 0 25.002-25.002A25 25 0 0 0 450 .002Z" style="stroke-width:3.77953"/>
</svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 644 B

After

Width:  |  Height:  |  Size: 634 B

Before After
Before After