Penpot/penpot
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-02-13 10:38:13 -05:00
Code Issues Activity

Merge pull request #4853 from penpot/ladybenko-8291-update-assets

Browse source 
Update icons and svg assets (design system)
This commit is contained in:
Eva Marco 2024-07-09 08:12:36 +02:00 • committed by GitHub
commit 808ed6a98b
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
43 changed files with 136 additions and 14 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
frontend/resources/images/assets/marketing-arrows.svg Normal file
View file

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" stroke-linecap="round" stroke-linejoin="round">
<path d="m2.5 4 .707 1.225M2.5 4l1.225-.707M2.5 4C5.542 4.292 8 7.5 8 11.5c0-4 2.411-7.202 5.5-7.5M8 15.5c0-6-2.5-7-7-7m7 7c0-6 2.5-7 7-7m-7 7V1M1 8.5l1 1m-1-1 1-1M8 1 7 2m1-1 1 1m4.5 2-.707 1.224M13.5 4l-1.225-.707M15 8.5l-1 1m1-1-1-1"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 358 B

3
frontend/resources/images/assets/marketing-exchange.svg Normal file
View file

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" stroke-linecap="round" stroke-linejoin="round">
<path d="M14.5 7c0-2.5-.5-4-4.501-4m0 0L11.5 4.5M9.999 3 11.5 1.5M1.5 9c0 2.5.5 4 4.501 4m0 0L4.5 11.5M6.001 13 4.5 14.5m5.5.5h4a1 1 0 0 0 1-1v-4a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1M6 1H2a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1h4a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 383 B

3
frontend/resources/images/assets/marketing-file.svg Normal file
View file

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" stroke-linecap="round" stroke-linejoin="round">
<path d="M7 3.5H3.125a1 1 0 0 0-.43.099q-.207.099-.366.281-.157.183-.244.422A1.5 1.5 0 0 0 2 4.8v9.4c0 .345.118.676.33.92.21.243.496.38.795.38h6.75c.298 0 .584-.137.795-.38a1.4 1.4 0 0 0 .33-.92V8M7 3.5 11 8M7 3.5V8h4m2-7c-.5 1.5-1 2-2 2.5 1 .5 1.5 1 2 2.5.5-1.5 1-2 2-2.5-1-.5-1.5-1-2-2.5Z"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 413 B

3
frontend/resources/images/assets/marketing-layers.svg Normal file
View file

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" stroke-linecap="round" stroke-linejoin="round">
<path d="M12.883 7.718a.399.399 0 0 1 0 .564l-4.601 4.601a.399.399 0 0 1-.564 0L3.117 8.282a.399.399 0 0 1 0-.564m9.766 2.5a.399.399 0 0 1 0 .564l-4.601 4.601a.399.399 0 0 1-.564 0l-4.601-4.601a.399.399 0 0 1 0-.564M8.282.617l4.601 4.601a.399.399 0 0 1 0 .564l-4.601 4.601a.399.399 0 0 1-.564 0L3.117 5.782a.399.399 0 0 1 0-.564L7.718.617a.399.399 0 0 1 .564 0Zm-.197 3.418 1.38 1.38a.12.12 0 0 1 0 .17l-1.38 1.38a.12.12 0 0 1-.17 0l-1.38-1.38a.12.12 0 0 1 0-.17l1.38-1.38a.12.12 0 0 1 .17 0Z"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 613 B

1
frontend/resources/images/assets/v2-icon-1.svg
View file

@ -1 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="4494 307 310 290"><path d="m4643.25 309.15-18.86 15.75a9.32 9.32 0 0 0-1.2 13.1 9.26 9.26 0 0 0 13.07 1.2l3.67-3.05.2 82.04a103.8 103.8 0 0 0-14.46-19.07c-15.68-16.23-36.46-25.7-59.17-26.11a86.83 86.83 0 0 0-11.04.52l1.91-3.29a9.32 9.32 0 0 0-3.42-12.57 9.26 9.26 0 0 0-12.6 3.2l-12.59 21.63a9.32 9.32 0 0 0 2.1 11.86l18.93 15.67a9.26 9.26 0 0 0 9.16 1.54 9.32 9.32 0 0 0 2.66-15.9l-4.42-3.66c21.64-2.66 40.4 4.82 55.14 20.07 16.68 17.27 27.77 45.12 27.98 79.86-.05 9.54.04 19.06.07 28.6-10.61-16.53-24.8-30.38-40.13-40.85-15.92-10.87-33.13-18.28-49.55-21.38-8.2-1.55-16.3-2.04-23.93-1.2-2.3.26-4.6.66-6.85 1.2l1.09-2.8a9.27 9.27 0 0 0-17.27-6.77l-9.1 23.32a9.32 9.32 0 0 0 3.91 11.4l21.13 12.53a9.26 9.26 0 0 0 12.54-3.37 9.32 9.32 0 0 0-3.1-12.65l-5.56-3.3c6.54-1.62 14.64-1.77 23.72-.05 13.42 2.53 28.56 8.92 42.53 18.46 27.92 19.09 50.72 50.2 50.72 87.3v.03l.02 5.3a9.3 9.3 0 0 0 9.3 9.29 9.29 9.29 0 0 0 9.25-9.32v-2.77c.5-37.1 19.92-67.3 48.22-89.72 13.17-9.62 27.44-15.99 39.99-18.46 10.08-2 18.76-1.4 25.26 1.19l-4 2.43a9.32 9.32 0 0 0-3.14 12.79 9.26 9.26 0 0 0 12.74 3.14l21.37-13a9.32 9.32 0 0 0 3.78-11.43l-9.17-22.82a9.27 9.27 0 1 0-17.21 6.96l1.72 4.29a50.78 50.78 0 0 0-11.87-2.93c-7.38-.92-15.18-.45-23.06 1.11-15.78 3.1-32.2 10.63-47.34 21.68a142.37 142.37 0 0 0-37.45 40.54l-.07-24.5c.65-34.78 11.26-64.22 26.98-82.93 15.4-18.33 34.64-26.71 56.88-22.07l-4.52 2.74a9.32 9.32 0 0 0-3 12.7 9.26 9.26 0 0 0 12.6 3.22l21.37-12.99a9.32 9.32 0 0 0 3.79-11.43l-9.17-22.83a9.27 9.27 0 0 0-12.08-5.15 9.32 9.32 0 0 0-5.14 12.11l1.5 3.74a73.41 73.41 0 0 0-19.47-1.8c-22.03.99-42.11 12.09-56.95 29.76a115.7 115.7 0 0 0-12.97 19.25l-.2-83.78 3.47 3.03a9.26 9.26 0 0 0 12.97-1.03 9.32 9.32 0 0 0-.8-13.02l-18.87-16.42a9.26 9.26 0 0 0-12.01-.13Z" paint-order="fill markers"/></svg>
Side by side

Before

Width:  |  Height:  |  Size: 1.8 KiB

1
frontend/resources/images/assets/v2-icon-2.svg
View file

@ -1 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="4870 326 249.25 261.8"><path fill="#000" d="M5050.75 326.04a8.57 8.57 0 0 0-7.77 3.58l-19.12 27.03a8.57 8.57 0 0 0 0 9.9l19.12 27.04a8.57 8.57 0 0 0 15.44-3.5 8.57 8.57 0 0 0-1.45-6.4l-8.43-11.92c13.34-.5 22.4 1.84 28.61 5.26 6.78 3.74 10.6 8.83 13.14 14.83 2.54 6 3.51 12.91 3.77 19.07.24 6.16-.26 11.02-.19 15.04a8.57 8.57 0 0 0 8.7 8.43 8.57 8.57 0 0 0 8.44-8.69c-.02-1.7.47-8.1.17-15.49-.3-7.37-1.4-16.26-5.1-25.03a46.95 46.95 0 0 0-20.64-23.17c-9.83-5.43-22.72-8.14-39.22-7.3l10.75-15.21a8.57 8.57 0 0 0-2.05-11.93 8.56 8.56 0 0 0-4.17-1.54Zm-158.97 1.7A21.92 21.92 0 0 0 4870 349.5v61.37a21.92 21.92 0 0 0 21.77 21.78h61.38a21.92 21.92 0 0 0 21.78-21.77v-61.37a21.92 21.92 0 0 0-21.77-21.79h-61.38Zm0 17.13h61.37a4.46 4.46 0 0 1 4.64 4.64v61.37a4.46 4.46 0 0 1-4.63 4.65h-61.38a4.45 4.45 0 0 1-4.63-4.65v-61.37a4.45 4.45 0 0 1 4.63-4.63Zm-5.1 134.52a8.57 8.57 0 0 0-8.43 8.7c.02 1.7-.47 8.1-.17 15.47.3 7.37 1.4 16.26 5.1 25.04a47 47 0 0 0 20.65 23.18c9.83 5.41 22.7 8.14 39.2 7.3l-10.74 15.2a8.57 8.57 0 0 0 8.44 13.4 8.57 8.57 0 0 0 5.56-3.51l19.1-27.04a8.57 8.57 0 0 0 0-9.9l-19.1-27.03a8.57 8.57 0 0 0-5.56-3.5 8.57 8.57 0 0 0-8.44 13.4l8.42 11.92c-13.34.5-22.4-1.82-28.6-5.24-6.78-3.74-10.6-8.83-13.14-14.83-2.54-6.02-3.51-12.92-3.77-19.08-.24-6.16.26-11.02.2-15.03a8.57 8.57 0 0 0-8.71-8.45Zm152.1 1.74a24.6 24.6 0 0 0-24.46 24.46v56.02a24.6 24.6 0 0 0 24.47 24.45h56a24.6 24.6 0 0 0 24.46-24.45v-56.02a24.6 24.6 0 0 0-24.45-24.46h-56.02Zm0 17.14h56.02a7.12 7.12 0 0 1 7.31 7.32v56.02a7.11 7.11 0 0 1-7.31 7.3h-56.02a7.12 7.12 0 0 1-5.23-2.07 7.12 7.12 0 0 1-2.09-5.23v-56.02a7.11 7.11 0 0 1 7.33-7.32Z" class="fills" color="#000" paint-order="fill markers"/></svg>
Side by side

Before

Width:  |  Height:  |  Size: 1.7 KiB

1
frontend/resources/images/assets/v2-icon-3.svg
View file

@ -1 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="4563 696 212.14 362.63"><path d="M4669.07 696a41.22 41.22 0 0 0-29.24 12.07l-64.76 64.75a41.47 41.47 0 0 0 0 58.49l8.39 8.39-8.39 8.38a41.47 41.47 0 0 0 0 58.5l8.38 8.38-8.36 8.37a41.47 41.47 0 0 0 0 58.49l64.73 64.73a41.48 41.48 0 0 0 58.5.01l64.74-64.73a41.49 41.49 0 0 0 0-58.51l-8.37-8.38 8.37-8.37a41.47 41.47 0 0 0 0-58.5l-8.38-8.37 8.39-8.38a41.47 41.47 0 0 0 0-58.5l-64.75-64.75a41.25 41.25 0 0 0-29.25-12.07Zm0 18.28a22.85 22.85 0 0 1 16.2 6.83l64.76 64.75a22.68 22.68 0 0 1 0 32.42l-64.74 64.75a22.68 22.68 0 0 1-32.43.01l-64.76-64.75a22.68 22.68 0 0 1 0-32.43l64.75-64.75a22.86 22.86 0 0 1 16.22-6.83Zm0 52.73c-4.3 0-8.62 1.62-11.85 4.85l-18.35 18.36a16.89 16.89 0 0 0 0 23.7l18.35 18.35a16.89 16.89 0 0 0 23.7 0l18.36-18.35a16.89 16.89 0 0 0-.01-23.7l-18.35-18.35a16.7 16.7 0 0 0-11.85-4.86Zm0 15.19c.34 0 .68.16 1.01.5l18.36 18.35c.66.67.68 1.38.01 2.05l-18.35 18.35c-.67.67-1.4.67-2.06 0l-18.36-18.35c-.66-.66-.65-1.39.01-2.05l18.35-18.35c.34-.33.68-.5 1.03-.5Zm-72.58 70.53 43.33 43.33a41.47 41.47 0 0 0 58.5.01l43.33-43.33 8.37 8.37a22.68 22.68 0 0 1 0 32.42l-64.75 64.75a22.68 22.68 0 0 1-32.43 0l-64.73-64.73a22.68 22.68 0 0 1 0-32.44Zm145.17 75.24 8.37 8.37a22.7 22.7 0 0 1 0 32.45l-64.74 64.74a22.7 22.7 0 0 1-32.44-.01l-64.73-64.74a22.67 22.67 0 0 1 0-32.42l8.36-8.37 43.33 43.33a41.47 41.47 0 0 0 58.5 0Z" paint-order="fill markers"/></svg>
Side by side

Before

Width:  |  Height:  |  Size: 1.4 KiB

1
frontend/resources/images/assets/v2-icon-4.svg
View file

@ -1 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="4870 696 216.34 319.12"><path d="M5052.72 696a5.69 5.69 0 0 0-5.8 4.77c-1.72 10.62-4.08 20.19-7.8 27-3.71 6.79-8.19 10.82-15.77 12.25-6.11 1.16-6.17 9.92-.07 11.15 7.97 1.64 12.63 5.72 16.33 12.39 3.7 6.68 5.93 16.05 7.27 26.7.89 6.88 10.98 6.47 11.32-.46.83-18.37 4.47-27.31 8.37-31.76 3.9-4.45 8.67-5.56 15.17-6.85 5.8-1.12 6.24-9.26.6-11.01-7.53-2.35-12.77-6.54-16.73-12.94-3.95-6.4-6.46-15.15-7.41-26.06a5.69 5.69 0 0 0-5.48-5.18Zm-151.65 71.03c-17.13.1-31 13.97-31.07 31.1v185.9a31.21 31.21 0 0 0 31.07 31.09h136.32a31.24 31.24 0 0 0 31.1-31.08V871.7c0-6.01-1.92-12.93-6.51-17.91-21.13-22.9-59.2-64.23-73.79-78.82-4-4.01-10.62-7.95-17.97-7.95Zm0 18.43h65.88v71.29c0 6.42 4.03 12.41 8.53 15.12 4.51 2.71 9.05 3.33 13.15 3.33h61.43v108.83a12.44 12.44 0 0 1-12.67 12.66h-136.32a12.42 12.42 0 0 1-12.65-12.66v-185.9a12.44 12.44 0 0 1 12.65-12.67Zm84.31 13.15a5423.07 5423.07 0 0 1 54.24 58.17h-50.99a8.99 8.99 0 0 1-3.25-.62Z" paint-order="fill markers"/></svg>
Side by side

Before

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

3
frontend/resources/images/icons/character-a.svg Normal file
View file

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" stroke-linecap="round" stroke-linejoin="round">
<path d="M4 13L5.33348 9.60702M11.8597 13L10.5264 9.60702M10.5264 9.60702L7.93011 3L5.33348 9.60702M10.5264 9.60702H5.33348"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 246 B

3
frontend/resources/images/icons/character-b.svg Normal file
View file

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" stroke-linecap="round" stroke-linejoin="round">
<path d="M5 7.99869H8.62494M5 7.99869V12.9974L9.14433 13C10.5247 13 11.6437 11.881 11.6437 10.5007C11.6437 9.57453 11.1399 8.76604 10.3915 8.33425C10.1503 8.1225 9.07914 7.99869 8.62494 7.99869M5 7.99869L5.00037 3H8.62531C9.07951 3 9.50541 3.12116 9.87246 3.33291C10.6209 3.7647 11.1246 4.57319 11.1246 5.49933C11.1246 6.87967 10.0053 7.99869 8.62494 7.99869"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 481 B

3
frontend/resources/images/icons/character-c.svg Normal file
View file

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" stroke-linecap="round" stroke-linejoin="round">
<path d="M12 4.85704C11.175 3.72426 9.70088 3 8.28725 3C5.80196 3 4 5.23858 4 8C4 10.7614 5.80196 13 8.28725 13C9.70088 13 11.175 12.2757 12 11.143"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 270 B

3
frontend/resources/images/icons/character-d.svg Normal file
View file

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" stroke-linecap="round" stroke-linejoin="round">
<path d="M5 3H6.7002C8.7002 3 11.7002 4.63551 11.7002 7.8257C11.7002 11.6595 8.7002 13 6.7002 13H5V3Z"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 224 B

3
frontend/resources/images/icons/character-e.svg Normal file
View file

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" stroke-linecap="round" stroke-linejoin="round">
<path d="M5 8.00134L9.50061 7.99869M5 8.00134V13H10.5721M5 8.00134L5.00037 3.00265L10.5721 3"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 215 B

3
frontend/resources/images/icons/character-f.svg Normal file
View file

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" stroke-linecap="round" stroke-linejoin="round">
<path d="M5 13V8.00134M5 8.00134L9.50061 7.99869M5 8.00134L5.00037 3.00265L10.5721 3"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 207 B

3
frontend/resources/images/icons/character-g.svg Normal file
View file

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" stroke-linecap="round" stroke-linejoin="round">
<path d="M12 4.85704C11.175 3.72426 9.70088 3 8.28725 3C5.80196 3 4 5.23858 4 8C4 10.7614 5.80196 13 8.28725 13C11.2515 13 12.5745 10.5027 12 8.01573L8.5 8"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 278 B

3
frontend/resources/images/icons/character-h.svg Normal file
View file

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" stroke-linecap="round" stroke-linejoin="round">
<path d="M4.5 13V8.00002M4.5 8.00002L11.1454 7.99737M4.5 8.00002L4.50037 3M11.1454 7.99737V3M11.1454 7.99737V13"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 234 B

3
frontend/resources/images/icons/character-i.svg Normal file
View file

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" stroke-linecap="round" stroke-linejoin="round">
<path d="M8 13L8.00037 3"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 147 B

3
frontend/resources/images/icons/character-j.svg Normal file
View file

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" stroke-linecap="round" stroke-linejoin="round">
<path d="M5 10.3684C5 11.8218 6.05077 13 7.5 13C8.94923 13 10 11.8218 10 10.3684V7.73684V3"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 213 B

3
frontend/resources/images/icons/character-k.svg Normal file
View file

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" stroke-linecap="round" stroke-linejoin="round">
<path d="M5 13V9.18435M5.00037 3L5 9.18435M5 9.18435L7.22906 7.04074M11.4308 3L7.22906 7.04074M7.22906 7.04074L11.4308 13"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 244 B

3
frontend/resources/images/icons/character-l.svg Normal file
View file

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" stroke-linecap="round" stroke-linejoin="round">
<path d="M5 3V13H11.0703"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 147 B

3
frontend/resources/images/icons/character-m.svg Normal file
View file

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" stroke-linecap="round" stroke-linejoin="round">
<path d="M3.5 13V3L7.833 10.8573L12.166 3V13"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 167 B

3
frontend/resources/images/icons/character-n.svg Normal file
View file

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" stroke-linecap="round" stroke-linejoin="round">
<path d="M5 13V3L12 13V3"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 147 B

3
frontend/resources/images/icons/character-ntilde.svg Normal file
View file

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" stroke-linecap="round" stroke-linejoin="round">
<path d="M5 13V3L12 13V3M5.5 0.5H11.5"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 160 B

3
frontend/resources/images/icons/character-o.svg Normal file
View file

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" stroke-linecap="round" stroke-linejoin="round">
<path d="M4 8C4 10.7614 5.80196 13 8.28725 13C10.7725 13 12.5745 10.7614 12.5745 8C12.5745 5.23858 10.7725 3 8.28725 3C5.80196 3 4 5.23858 4 8Z"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 266 B

3
frontend/resources/images/icons/character-p.svg Normal file
View file

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" stroke-linecap="round" stroke-linejoin="round">
<path d="M5 13V8.00002M5 8.00002L5.00037 3H8.91411C10.2948 3 11.4141 4.11928 11.4141 5.49999C11.4141 6.8807 10.2944 8.00002 8.91374 8.00002H5Z"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 261 B

3
frontend/resources/images/icons/character-q.svg Normal file
View file

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" stroke-linecap="round" stroke-linejoin="round">
<path d="M12.4211 13L9.78947 9.84211M8.21053 12.8211C5.76972 12.8211 4 10.6225 4 7.91053C4 5.19852 5.76972 3 8.21053 3C10.6513 3 12.4211 5.19852 12.4211 7.91053C12.4211 10.6225 10.6513 12.8211 8.21053 12.8211Z"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 332 B

3
frontend/resources/images/icons/character-r.svg Normal file
View file

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" stroke-linecap="round" stroke-linejoin="round">
<path d="M5 13V8.00002M5 8.00002L5.00037 3H8.91411C9.36843 3 9.79444 3.12119 10.1616 3.333C10.9102 3.7649 11.4141 4.5736 11.4141 5.49999C11.4141 6.8807 10.2944 8.00002 8.91374 8.00002L8.21542 8.00002M5 8.00002L8.21542 8.00002M11.8328 13L8.21542 8.00002"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 375 B

3
frontend/resources/images/icons/character-s.svg Normal file
View file

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" stroke-linecap="round" stroke-linejoin="round">
<path d="M5 10.5027C5.56452 12.1104 7.20611 13 8.76916 13C10.5535 13 12 11.8218 12 10.3684C12 8.26316 8.76916 7.73684 8.76916 7.73684C8.76916 7.73684 5.86141 7.21053 5.86141 5.36842C5.86141 4.06038 7.16326 3 8.76916 3C10.0174 3 10.6452 3.53591 11.2097 4.07181"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 382 B

3
frontend/resources/images/icons/character-t.svg Normal file
View file

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" stroke-linecap="round" stroke-linejoin="round">
<path d="M8.21542 13L8.21579 3M8.21579 3H12.4312M8.21579 3H4"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 183 B

3
frontend/resources/images/icons/character-u.svg Normal file
View file

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" stroke-linecap="round" stroke-linejoin="round">
<path d="M4 3V8.665C4 11.2414 5.68123 13.33 8 13.33C10.3188 13.33 12 11.2414 12 8.665V3"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 210 B

3
frontend/resources/images/icons/character-v.svg Normal file
View file

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" stroke-linecap="round" stroke-linejoin="round">
<path d="M4 3.00002L8.19086 13L12 3"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 158 B

3
frontend/resources/images/icons/character-w.svg Normal file
View file

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" stroke-linecap="round" stroke-linejoin="round">
<path d="M2 3L4.667 13L8 3L11.333 13L14 3"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 164 B

3
frontend/resources/images/icons/character-x.svg Normal file
View file

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" stroke-linecap="round" stroke-linejoin="round">
<path d="M5 3L8.333 8M8.333 8L11.666 3M8.333 8L5 13M8.333 8L11.666 13"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 192 B

3
frontend/resources/images/icons/character-y.svg Normal file
View file

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" stroke-linecap="round" stroke-linejoin="round">
<path d="M5 3L8.5 8.71459M8.5 8.71459L12 3M8.5 8.71459V13"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 180 B

3
frontend/resources/images/icons/character-z.svg Normal file
View file

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" stroke-linecap="round" stroke-linejoin="round">
<path d="M5.16699 3H12L5 13H12"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 153 B

3
frontend/resources/images/icons/percentage.svg Normal file
View file

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" stroke-linecap="round" stroke-linejoin="round">
<path d="M11.334 2.667 4.667 13.333m1.333-8a2 2 0 1 1-3.999.09 2 2 0 0 1 4-.09m8 5.334a2.001 2.001 0 1 1-4 .09 2.001 2.001 0 0 1 4-.09"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 257 B

4
frontend/resources/images/icons/puzzle.svg
View file

@ -1 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" stroke-width="1.5"><path d="M19.439 7.85c-.049.322.059.648.289.878l1.568 1.568c.47.47.706 1.087.706 1.704s-.235 1.233-.706 1.704l-1.611 1.611a.98.98 0 0 1-.837.276c-.47-.07-.802-.48-.968-.925a2.501 2.501 0 1 0-3.214 3.214c.446.166.855.497.925.968a.979.979 0 0 1-.276.837l-1.61 1.61a2.404 2.404 0 0 1-1.705.707 2.402 2.402 0 0 1-1.704-.706l-1.568-1.568a1.026 1.026 0 0 0-.877-.29c-.493.074-.84.504-1.02.968a2.5 2.5 0 1 1-3.237-3.237c.464-.18.894-.527.967-1.02a1.026 1.026 0 0 0-.289-.877l-1.568-1.568A2.402 2.402 0 0 1 1.998 12c0-.617.236-1.234.706-1.704L4.23 8.77c.24-.24.581-.353.917-.303.515.077.877.528 1.073 1.01a2.5 2.5 0 1 0 3.259-3.259c-.482-.196-.933-.558-1.01-1.073-.05-.336.062-.676.303-.917l1.525-1.525A2.402 2.402 0 0 1 12 1.998c.617 0 1.234.236 1.704.706l1.568 1.568c.23.23.556.338.877.29.493-.074.84-.504 1.02-.968a2.5 2.5 0 1 1 3.237 3.237c-.464.18-.894.527-.967 1.02Z" stroke-linecap="round" stroke-linejoin="round"/></svg>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" stroke-linecap="round" stroke-linejoin="round">
<path d="M13.152 5.819c.61.609 1.516 1.232 1.516 2.181 0 .96-.93 1.595-1.545 2.21-.438.438-1.023.05-1.203-.433a1.69 1.69 0 0 0-1.207-1.05 1.69 1.69 0 0 0-1.535.45 1.69 1.69 0 0 0-.45 1.536 1.69 1.69 0 0 0 1.05 1.207c.483.18.855.78.432 1.203l-1.073 1.074c-.298.299-.715.471-1.137.471s-.838-.172-1.136-.47l-1.045-1.046a.7.7 0 0 0-.585-.193c-.329.049-.56.336-.68.645a1.69 1.69 0 0 1-1.21 1.026 1.69 1.69 0 0 1-1.521-.453 1.69 1.69 0 0 1-.453-1.52 1.69 1.69 0 0 1 1.026-1.211c.503-.195.896-.82.452-1.265L1.803 9.136A1.62 1.62 0 0 1 1.332 8c0-.939.885-1.55 1.488-2.153.484-.484 1.115-.05 1.327.471A1.69 1.69 0 0 0 5.36 7.322a1.69 1.69 0 0 0 1.508-.455 1.69 1.69 0 0 0 .456-1.508 1.69 1.69 0 0 0-1.005-1.214c-.52-.211-.955-.843-.471-1.326C6.461 2.206 7.038 1.33 8 1.332c.95 0 1.572.907 2.181 1.516.461.46 1.07.051 1.265-.452a1.69 1.69 0 0 1 1.21-1.026 1.69 1.69 0 0 1 1.521.453c.392.391.567.978.453 1.52a1.69 1.69 0 0 1-1.026 1.211c-.503.195-.913.804-.452 1.265"/>
</svg>
Side by side Swipe Overlay

Before

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

After

Width:  |  Height:  |  Size: 1.1 KiB

1
frontend/resources/images/icons/rocket.svg
View file

@ -1 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="1144 208 15 15"><path d="M1158.53 208a.394.394 0 0 0-.103.015l-4.067 1.047a.46.46 0 0 0-.211.122l-3.149 3.174c-1.771-.333-2.884-.368-3.862.033-1.021.417-1.781 1.237-3.006 2.473-.27.274-.1.736.283.773l3.437.346c-.07.271-.089.546-.055.809.081.634.412 1.201.857 1.636a2.81 2.81 0 0 0 1.675.791c.26.026.53.006.795-.058l.395 3.433a.46.46 0 0 0 .786.267c1.225-1.236 2.039-1.996 2.446-3.015.391-.977.339-2.082-.023-3.839l3.143-3.17a.46.46 0 0 0 .115-.179 70.578 70.578 0 0 0 1.004-4.106.458.458 0 0 0-.46-.552Zm-.602 1.086c-.175.641-.582 2.387-.792 3.19l-5.584 5.638c-.336.338-.72.437-1.129.396a1.952 1.952 0 0 1-1.123-.531c-.322-.315-.543-.719-.592-1.101-.049-.383.042-.749.423-1.134l5.58-5.631Zm-3.169 2.396a.746.746 0 0 0-.467.216.727.727 0 0 0 .009 1.035.74.74 0 0 0 1.041-.007.729.729 0 0 0-.007-1.035.744.744 0 0 0-.576-.209Zm-5.9 1.528c.38.007.825.053 1.358.137l-1.742 1.756a2.557 2.557 0 0 0-.186.209l-2.711-.273c.688-.668 1.365-1.386 1.907-1.608.382-.156.81-.231 1.374-.221Zm5.085 3.787c.23 1.309.209 2.072-.047 2.71-.215.539-.927 1.226-1.588 1.917l-.31-2.687c.071-.056.139-.118.205-.185Zm-7.45 2.122a.46.46 0 0 0-.325.132l-.982.969a.454.454 0 0 0 0 .645c.179.178.47.178.649 0l.978-.965a.454.454 0 0 0-.32-.781Zm1.256 1.237a.461.461 0 0 0-.326.132l-.979.969a.454.454 0 0 0-.004.645.461.461 0 0 0 .649.004l.979-.969a.454.454 0 0 0-.319-.781Z"/></svg>
Side by side

Before

Width:  |  Height:  |  Size: 1.4 KiB

4
frontend/resources/images/icons/row.svg
View file

@ -1 +1,3 @@
<svg fill="none" height="16" viewBox="0 0 16 16" width="16" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><clipPath id="a"><path d="m0 0h16v16h-16z"/></clipPath><g clip-path="url(#a)"><path d="m0 0h16v16h-16z"/><path d="m8.179 4 4 4m0 0-4 4m4-4h-9.333" rx="0" ry="0"/><path d="m8.179 4 4 4m0 0-4 4m4-4h-9.333" fill="none" rx="0" ry="0" stroke="#aab5ba" stroke-linecap="round"/></g></svg>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" stroke-linecap="round" stroke-linejoin="round">
<path d="m8.179 4 4 4m0 0-4 4m4-4H2.846"/>
</svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 419 B

After

Width:  |  Height:  |  Size: 162 B

30
frontend/src/app/main/ui/ds/foundations/icon.cljs
View file

@ -59,6 +59,33 @@
(def ^:icon-id boolean-intersection "boolean-intersection")
(def ^:icon-id boolean-union "boolean-union")
(def ^:icon-id bug "bug")
(def ^:icon-id character-a "character-a")
(def ^:icon-id character-b "character-b")
(def ^:icon-id character-c "character-c")
(def ^:icon-id character-d "character-d")
(def ^:icon-id character-e "character-e")
(def ^:icon-id character-f "character-f")
(def ^:icon-id character-g "character-g")
(def ^:icon-id character-h "character-h")
(def ^:icon-id character-i "character-i")
(def ^:icon-id character-j "character-j")
(def ^:icon-id character-k "character-k")
(def ^:icon-id character-l "character-l")
(def ^:icon-id character-m "character-m")
(def ^:icon-id character-n "character-n")
(def ^:icon-id character-ntilde "character-ntilde")
(def ^:icon-id character-o "character-o")
(def ^:icon-id character-p "character-p")
(def ^:icon-id character-q "character-q")
(def ^:icon-id character-r "character-r")
(def ^:icon-id character-s "character-s")
(def ^:icon-id character-t "character-t")
(def ^:icon-id character-u "character-u")
(def ^:icon-id character-v "character-v")
(def ^:icon-id character-w "character-w")
(def ^:icon-id character-x "character-x")
(def ^:icon-id character-y "character-y")
(def ^:icon-id character-z "character-z")
(def ^:icon-id clip-content "clip-content")
(def ^:icon-id clipboard "clipboard")
(def ^:icon-id close-small "close-small")
@ -175,15 +202,16 @@
(def ^:icon-id padding-top-bottom "padding-top-bottom")
(def ^:icon-id path "path")
(def ^:icon-id pentool "pentool")
(def ^:icon-id percentage "percentage")
(def ^:icon-id picker "picker")
(def ^:icon-id pin "pin")
(def ^:icon-id play "play")
(def ^:icon-id puzzle "puzzle")
(def ^:icon-id rectangle "rectangle")
(def ^:icon-id reload "reload")
(def ^:icon-id remove-icon "remove")
(def ^:icon-id rgba "rgba")
(def ^:icon-id rgba-complementary "rgba-complementary")
(def ^:icon-id rocket "rocket")
(def ^:icon-id rotation "rotation")
(def ^:icon-id row "row")
(def ^:icon-id row-reverse "row-reverse")

8
frontend/src/app/main/ui/ds/foundations/raw_svg.cljs
View file

@ -23,10 +23,10 @@
(def ^:svg-id logo-error-screen "logo-error-screen")
(def ^:svg-id login-illustration "login-illustration")
(def ^:svg-id v2-icon-1 "v2-icon-1")
(def ^:svg-id v2-icon-2 "v2-icon-2")
(def ^:svg-id v2-icon-3 "v2-icon-3")
(def ^:svg-id v2-icon-4 "v2-icon-4")
(def ^:svg-id marketing-arrows "marketing-arrows")
(def ^:svg-id marketing-exchange "marketing-exchange")
(def ^:svg-id marketing-file "marketing-file")
(def ^:svg-id marketing-layers "marketing-layers")
(def raw-svg-list "A collection of all raw SVG assets" (collect-raw-svgs))

2
frontend/src/app/main/ui/ds/foundations/raw_svg.mdx
View file

@ -24,5 +24,5 @@ For convenience, asset IDs are available in the component namespace.
```
```clj
[:> svg/svg-asset* {:asset svg/logo}]
[:> svg/raw-svg* {:asset svg/logo}]
```

1
frontend/src/app/main/ui/icons.cljs
View file

@ -199,7 +199,6 @@
(def ^:icon remove-icon (icon-xref :remove))
(def ^:icon rgba (icon-xref :rgba))
(def ^:icon rgba-complementary (icon-xref :rgba-complementary))
(def ^:icon rocket (icon-xref :rocket))
(def ^:icon rotation (icon-xref :rotation))
(def ^:icon row (icon-xref :row))
(def ^:icon row-reverse (icon-xref :row-reverse))