Merged in feat/sw-3713-svg-optimize (pull request #3516)

feat(SW-3713): Optimize all SVGs

* feat(SW-3713): Optimize all SVGs


Approved-by: Anton Gunnarsson
This commit is contained in:
Linus Flood
2026-01-30 07:00:09 +00:00
parent 4d298b0b9b
commit 28974b979d
607 changed files with 726 additions and 7638 deletions

View File

@@ -1,16 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="22px" height="22px" viewBox="0 0 22 22" version="1.1">
<!-- Generator: Sketch 53.2 (72643) - https://sketchapp.com -->
<title>Add Circle Black</title>
<g id="UI-Desktop" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="Artboard" transform="translate(-168.000000, -12.000000)">
<g id="addCircle" transform="translate(168.000000, 12.000000)">
<rect id="Rectangle" x="3" y="3" width="16" height="16"/>
<circle id="Oval" stroke="#85FF52" opacity="0.800000012" cx="11" cy="11" r="10.5"/>
<g id="Group" transform="translate(4.000000, 4.000000)" fill="#85FF52">
<rect id="Rectangle" x="6" y="0" width="2" height="14"/>
<rect id="Rectangle" x="0" y="6" width="14" height="2"/>
</g>
</g>
</g>
</g>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 22 22"><title>Add Circle Black</title><g fill="none" fill-rule="evenodd"><path d="M3 3h16v16H3z"/><circle cx="11" cy="11" r="10.5" stroke="#85ff52" opacity=".8"/><g fill="#85ff52"><path d="M10 4h2v14h-2z"/><path d="M4 10h14v2H4z"/></g></g></svg>

Before

Width:  |  Height:  |  Size: 967 B

After

Width:  |  Height:  |  Size: 321 B

View File

@@ -1,13 +1 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<g id="chevrons-left">
<mask id="mask0_567_7399" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24">
<rect id="Bounding box" width="24" height="24" fill="#D9D9D9"/>
</mask>
<g mask="url(#mask0_567_7399)">
<g id="keyboard_double_arrow_left">
<path d="M11 18L5 12L11 6L12.4 7.4L7.825 12L12.4 16.6L11 18ZM17.6 18L11.6 12L17.6 6L19 7.4L14.425 12L19 16.6L17.6 18Z" fill="#2D163A"/>
</g>
</g>
</g>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><mask id="a" width="24" height="24" x="0" y="0" maskUnits="userSpaceOnUse" style="mask-type:alpha"><path fill="#d9d9d9" d="M0 0h24v24H0z"/></mask><g mask="url(#a)"><path fill="#2d163a" d="m11 18-6-6 6-6 1.4 1.4L7.825 12l4.575 4.6zm6.6 0-6-6 6-6L19 7.4 14.425 12 19 16.6z"/></g></svg>

Before

Width:  |  Height:  |  Size: 654 B

After

Width:  |  Height:  |  Size: 378 B

View File

@@ -1,12 +1 @@
<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<g id="expand_more">
<mask id="mask0_1343_4733" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="32" height="32">
<rect id="Bounding box" width="32" height="32" fill="#D9D9D9"/>
</mask>
<g mask="url(#mask0_1343_4733)">
<g id="expand_more_2">
<path d="M16 20.5002L8 12.5002L9.86667 10.6335L16 16.7669L22.1333 10.6335L24 12.5002L16 20.5002Z" fill="#2D163A"/>
</g>
</g>
</g>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="none" viewBox="0 0 32 32"><mask id="a" width="32" height="32" x="0" y="0" maskUnits="userSpaceOnUse" style="mask-type:alpha"><path fill="#d9d9d9" d="M0 0h32v32H0z"/></mask><g mask="url(#a)"><path fill="#2d163a" d="m16 20.5-8-8 1.867-1.867L16 16.768l6.133-6.133L24 12.5z"/></g></svg>

Before

Width:  |  Height:  |  Size: 496 B

After

Width:  |  Height:  |  Size: 351 B

View File

@@ -1,3 +1 @@
<svg id="arrow-down" width="24" height="24" viewBox="0 0 24 24" fill="#85FF52" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M21.7078 7.29179C21.3186 6.90262 20.6877 6.90248 20.2984 7.29146L11.806 15.776L3.31355 7.29146C2.92421 6.90248 2.29329 6.90262 1.90412 7.29179C1.5147 7.68121 1.51485 8.31263 1.90445 8.70187L10.3955 17.1851L10.3917 17.1889L11.8015 18.5987L11.806 18.5942L11.8104 18.5987L13.2202 17.1889L13.2164 17.1851L21.7075 8.70187C22.0971 8.31263 22.0972 7.68121 21.7078 7.29179Z" fill="inherit"/>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="#85ff52" viewBox="0 0 24 24"><path fill="inherit" fill-rule="evenodd" d="M21.708 7.292a.997.997 0 0 0-1.41 0l-8.492 8.484-8.492-8.485a.997.997 0 0 0-1.41 1.41l8.492 8.484-.004.004 1.41 1.41.004-.005.004.005 1.41-1.41-.004-.004 8.492-8.483a.997.997 0 0 0 0-1.41" clip-rule="evenodd"/></svg>

Before

Width:  |  Height:  |  Size: 559 B

After

Width:  |  Height:  |  Size: 358 B

View File

@@ -1,12 +1 @@
<svg width="33" height="32" viewBox="0 0 33 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<g id="expand_more">
<mask id="mask0_1270_1950" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="33" height="32">
<rect id="Bounding box" x="0.5" width="32" height="32" fill="#D9D9D9"/>
</mask>
<g mask="url(#mask0_1270_1950)">
<g id="expand_more_2">
<path d="M16.5 20.5L8.5 12.5L10.3667 10.6333L16.5 16.7667L22.6333 10.6333L24.5 12.5L16.5 20.5Z" fill="#DCD7FF"/>
</g>
</g>
</g>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="33" height="32" fill="none" viewBox="0 0 33 32"><mask id="a" width="33" height="32" x="0" y="0" maskUnits="userSpaceOnUse" style="mask-type:alpha"><path fill="#d9d9d9" d="M.5 0h32v32H.5z"/></mask><g mask="url(#a)"><path fill="#dcd7ff" d="m16.5 20.5-8-8 1.867-1.867 6.133 6.134 6.133-6.134L24.5 12.5z"/></g></svg>

Before

Width:  |  Height:  |  Size: 502 B

After

Width:  |  Height:  |  Size: 359 B

View File

@@ -1,15 +1 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 19.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="-6 7 19 19" width="19px" height="19px" style="enable-background:new -6 7 19 19;" xml:space="preserve">
<style type="text/css">
.st0{fill:#2D163A;}
</style>
<g>
<g>
<path class="st0" d="M3.5,7C-1.7,7-6,11.3-6,16.5S-1.7,26,3.5,26s9.5-4.3,9.5-9.5S8.7,7,3.5,7z M2.2,21.8c-0.3,0.3-0.7,0.3-1,0
C1.1,21.7,1,21.5,1,21.3c0-0.2,0.1-0.3,0.2-0.5l3.9-4.3l-3.9-4.3c-0.3-0.3-0.2-0.7,0-1c0.3-0.3,0.7-0.3,1,0L7,16.5L2.2,21.8z"/>
</g>
</g>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" width="19" height="19" viewBox="-6 7 19 19"><path d="M3.5 7C-1.7 7-6 11.3-6 16.5S-1.7 26 3.5 26s9.5-4.3 9.5-9.5S8.7 7 3.5 7M2.2 21.8c-.3.3-.7.3-1 0-.1-.1-.2-.3-.2-.5s.1-.3.2-.5l3.9-4.3-3.9-4.3c-.3-.3-.2-.7 0-1 .3-.3.7-.3 1 0L7 16.5z" style="fill:#2d163a"/></svg>

Before

Width:  |  Height:  |  Size: 807 B

After

Width:  |  Height:  |  Size: 323 B

View File

@@ -1,15 +1 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 19.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="-6 7 19 19" width="19px" height="19px" style="enable-background:new -6 7 19 19;" xml:space="preserve">
<style type="text/css">
.st0{fill:#85FF52;}
</style>
<g>
<g>
<path class="st0" d="M3.5,7C-1.7,7-6,11.3-6,16.5S-1.7,26,3.5,26s9.5-4.3,9.5-9.5S8.7,7,3.5,7z M2.2,21.8c-0.3,0.3-0.7,0.3-1,0
C1.1,21.7,1,21.5,1,21.3c0-0.2,0.1-0.3,0.2-0.5l3.9-4.3l-3.9-4.3c-0.3-0.3-0.2-0.7,0-1c0.3-0.3,0.7-0.3,1,0L7,16.5L2.2,21.8z"/>
</g>
</g>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" width="19" height="19" viewBox="-6 7 19 19"><path d="M3.5 7C-1.7 7-6 11.3-6 16.5S-1.7 26 3.5 26s9.5-4.3 9.5-9.5S8.7 7 3.5 7M2.2 21.8c-.3.3-.7.3-1 0-.1-.1-.2-.3-.2-.5s.1-.3.2-.5l3.9-4.3-3.9-4.3c-.3-.3-.2-.7 0-1 .3-.3.7-.3 1 0L7 16.5z" style="fill:#85ff52"/></svg>

Before

Width:  |  Height:  |  Size: 807 B

After

Width:  |  Height:  |  Size: 323 B

View File

@@ -1,13 +1 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="background: #21331F;">
<!-- Generator: Sketch 53.2 (72643) - https://sketchapp.com -->
<title>Checkbox Black Checked</title>
<g id="UI-Desktop" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="Artboard" transform="translate(-119.000000, -15.000000)">
<g id="Web---check-box---selected" transform="translate(119.000000, 15.000000)">
<rect id="Rectangle" x="0" y="0" width="16" height="16"></rect>
<path d="M1,0 L15,0 C15.5522847,-1.01453063e-16 16,0.44771525 16,1 L16,15 C16,15.5522847 15.5522847,16 15,16 L1,16 C0.44771525,16 6.76353751e-17,15.5522847 0,15 L0,1 C-6.76353751e-17,0.44771525 0.44771525,1.01453063e-16 1,0 Z M6.53553391,9.48528137 L4.06066017,7.01040764 L3,8.07106781 L6.53553391,11.6066017 L7.59619408,10.5459415 L13.6066017,4.53553391 L12.5459415,3.47487373 L6.53553391,9.48528137 Z" id="Combined-Shape" fill="#85FF52" fill-rule="nonzero"></path>
</g>
</g>
</g>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" style="background:#21331f" viewBox="0 0 16 16"><title>Checkbox Black Checked</title><g fill="none" fill-rule="evenodd"><path d="M0 0h16v16H0z"/><path fill="#85ff52" fill-rule="nonzero" d="M1 0h14a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1H1a1 1 0 0 1-1-1V1a1 1 0 0 1 1-1m5.536 9.485L4.06 7.01 3 8.071l3.536 3.536 1.06-1.061 6.01-6.01-1.06-1.061z"/></g></svg>

Before

Width:  |  Height:  |  Size: 1.2 KiB

After

Width:  |  Height:  |  Size: 409 B

View File

@@ -1,14 +1 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 53.2 (72643) - https://sketchapp.com -->
<title>checkBox</title>
<desc>Created with Sketch.</desc>
<g id="UI-Desktop" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="Artboard" transform="translate(-145.000000, -15.000000)">
<g id="Web---check-box" transform="translate(145.000000, 15.000000)">
<rect id="Rectangle" x="0" y="0" width="16" height="16"></rect>
<rect id="Rectangle-6" stroke="#85FF52" stroke-width="1.5" x="0.75" y="0.75" width="14.5" height="14.5" rx="1"></rect>
</g>
</g>
</g>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><title>checkBox</title><g fill="none" fill-rule="evenodd"><path d="M0 0h16v16H0z"/><rect width="14.5" height="14.5" x=".75" y=".75" stroke="#85ff52" stroke-width="1.5" rx="1"/></g></svg>

Before

Width:  |  Height:  |  Size: 820 B

After

Width:  |  Height:  |  Size: 269 B

View File

@@ -1,8 +1 @@
<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
<g id="Frame 4319">
<g id="Group 105">
<path id="Vector 2" d="M4.31055 8L19.3105 25L25.3105 19L10.3105 2L4.31055 8Z" fill="#FA3737"/>
<path id="Vector 1" d="M25 38H16V20L26 7L21 2H37V20L32 15L25 25V38Z" fill="#DCD7FF"/>
</g>
</g>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" fill="none" viewBox="0 0 40 40"><path fill="#fa3737" d="m4.31 8 15 17 6-6-15-17z"/><path fill="#dcd7ff" d="M25 38h-9V20L26 7l-5-5h16v18l-5-5-7 10z"/></svg>

Before

Width:  |  Height:  |  Size: 333 B

After

Width:  |  Height:  |  Size: 218 B

View File

@@ -1,20 +1 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 18.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 19.8 19.8" enable-background="new 0 0 19.8 19.8" xml:space="preserve">
<g>
<g opacity="0.6">
<path fill="#85FF52" d="M9.9,1c4.9,0,8.9,4,8.9,8.9c0,4.9-4,8.9-8.9,8.9c0,0,0,0,0,0C5,18.8,1,14.8,1,9.9C1,5,5,1,9.9,1C9.9,1,9.9,1,9.9,1 M9.9,0
L9.9,0L9.9,0L9.9,0c-2.7,0-5.2,1-7,2.9C1,4.8,0,7.3,0,9.9c0,5.5,4.4,9.9,9.9,9.9c5.5,0,10-4.5,9.9-9.9C19.8,4.4,15.3,0,9.9,0
L9.9,0z"/>
</g>
</g>
<path fill-opacity="0.8" fill="#85FF52" d="M7.1,9c0-0.2,0.1-0.4,0.1-0.6c0-0.1,0.1-0.1,0.1-0.1c0.6-0.2,1.3-0.5,2-0.6c0.6,0,1.1,0.1,1.6,0.5
c0.3,0.3,0.4,0.7,0.4,1.1c0,0.7-0.3,1.4-0.4,2.1c-0.2,0.7-0.3,1.4-0.5,2.1c-0.1,0.5,0.1,0.8,0.6,0.8c0.3,0,0.5,0,0.8-0.1
c0.1,0,0.2-0.1,0.3-0.1c-0.1,0.2-0.1,0.4-0.1,0.6c0,0-0.1,0.1-0.1,0.1c-0.5,0.2-1,0.4-1.6,0.5c-0.6,0.1-1.2,0.1-1.8-0.3
c-0.5-0.3-0.7-0.8-0.6-1.3c0-0.7,0.2-1.3,0.4-2c0.2-0.6,0.3-1.2,0.5-1.9c0-0.2,0-0.4,0-0.6c0-0.3-0.2-0.4-0.4-0.5
C8,8.8,7.6,8.9,7.3,9C7.2,9,7.2,9,7.1,9z"/>
<path fill-opacity="0.8" fill="#85FF52" d="M10.8,6.6c-0.8,0-1.5-0.6-1.4-1.4c0-0.6,0.5-1.1,1.1-1.2c0.7-0.2,1.5,0.2,1.7,0.9
c0.3,0.8-0.3,1.7-1.2,1.8C10.9,6.6,10.9,6.6,10.8,6.6z"/>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 19.8 19.8"><path fill="#85ff52" d="M9.9 1c4.9 0 8.9 4 8.9 8.9s-4 8.9-8.9 8.9S1 14.8 1 9.9 5 1 9.9 1m0-1c-2.7 0-5.2 1-7 2.9C1 4.8 0 7.3 0 9.9c0 5.5 4.4 9.9 9.9 9.9s10-4.5 9.9-9.9c0-5.5-4.5-9.9-9.9-9.9" opacity=".6"/><path fill="#85ff52" fill-opacity=".8" d="M7.1 9c0-.2.1-.4.1-.6 0-.1.1-.1.1-.1.6-.2 1.3-.5 2-.6.6 0 1.1.1 1.6.5.3.3.4.7.4 1.1 0 .7-.3 1.4-.4 2.1-.2.7-.3 1.4-.5 2.1-.1.5.1.8.6.8.3 0 .5 0 .8-.1.1 0 .2-.1.3-.1-.1.2-.1.4-.1.6l-.1.1c-.5.2-1 .4-1.6.5s-1.2.1-1.8-.3c-.5-.3-.7-.8-.6-1.3 0-.7.2-1.3.4-2 .2-.6.3-1.2.5-1.9v-.6c0-.3-.2-.4-.4-.5-.4.1-.8.2-1.1.3zm3.7-2.4c-.8 0-1.5-.6-1.4-1.4 0-.6.5-1.1 1.1-1.2.7-.2 1.5.2 1.7.9.3.8-.3 1.7-1.2 1.8-.1-.1-.1-.1-.2-.1"/></svg>

Before

Width:  |  Height:  |  Size: 1.4 KiB

After

Width:  |  Height:  |  Size: 749 B

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 8.6 KiB

After

Width:  |  Height:  |  Size: 4.9 KiB

View File

@@ -1,16 +1 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="22px" height="22px" viewBox="0 0 22 22" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 53.2 (72643) - https://sketchapp.com -->
<title>Remove Circle black</title>
<g id="UI-Desktop" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="Artboard" transform="translate(-194.000000, -12.000000)">
<g id="removeCircle" transform="translate(194.000000, 12.000000)">
<rect id="Rectangle" x="3" y="3" width="16" height="16"></rect>
<circle id="Oval" stroke="#85FF52" opacity="0.800000012" cx="11" cy="11" r="10.5"></circle>
<g id="Group" transform="translate(4.000000, 10.000000)" fill="#85FF52">
<rect id="Rectangle" x="0" y="0" width="14" height="2"></rect>
</g>
</g>
</g>
</g>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 22 22"><title>Remove Circle black</title><g fill="none" fill-rule="evenodd"><path d="M3 3h16v16H3z"/><circle cx="11" cy="11" r="10.5" stroke="#85ff52" opacity=".8"/><path fill="#85ff52" d="M4 10h14v2H4z"/></g></svg>

Before

Width:  |  Height:  |  Size: 956 B

After

Width:  |  Height:  |  Size: 291 B

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 77 KiB

After

Width:  |  Height:  |  Size: 77 KiB