feat(icons): redesign icons

- fill full frame instead of ninety percent of it
- make all joins and caps rounded
- add white background to all icons
This commit is contained in:
Philipp Matthias Schaefer 2021-02-27 14:33:16 +01:00
parent 5ae0cf7c8a
commit 01ecfc3c71
3 changed files with 25 additions and 26 deletions

View File

@ -3,13 +3,16 @@
viewBox="-1 -1 2 2" viewBox="-1 -1 2 2"
xmlns="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"> xmlns:xlink="http://www.w3.org/1999/xlink">
<rect x="-1" y="-1" width="2" height="2" fill="white"/>
<path stroke-width="0.2" <path stroke-width="0.2"
stroke="black" stroke="black"
stroke-linejoin="round"
stroke-linecap="round"
fill="none" fill="none"
d=" d="
M -0.724 0.181 M -0.8 0.2
L -0.362 0.543 L -0.4 0.6
L 0 0.181 L 0 0.2
L 0.362 -0.181 L 0.4 -0.2
L 0.724 -0.543"/> L 0.75 -0.55"/>
</svg> </svg>

Before

Width:  |  Height:  |  Size: 376 B

After

Width:  |  Height:  |  Size: 479 B

View File

@ -3,20 +3,15 @@
viewBox="-1 -1 2 2" viewBox="-1 -1 2 2"
xmlns="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"> xmlns:xlink="http://www.w3.org/1999/xlink">
<path stroke="none" <rect x="-1" y="-1" width="2" height="2" fill="white"/>
fill="black" <path stroke="black"
stroke-width="0.2"
stroke-linejoin="round"
stroke-linecap="round"
fill="none"
transform="rotate(45)" transform="rotate(45)"
d="M 0.1 0.9 d="M 0 0.9
L 0.1 0.1 L 0 -0.9
L 0.9 0.1 M 0.9 0
L 0.9 -0.1 L -0.9 0"/>
L 0.1 -0.1
L 0.1 -0.9
L -0.1 -0.9
L -0.1 -0.1
L -0.9 -0.1
L -0.9 0.1
L -0.1 0.1
L -0.1 0.9
Z"/>
</svg> </svg>

Before

Width:  |  Height:  |  Size: 522 B

After

Width:  |  Height:  |  Size: 469 B

View File

@ -3,16 +3,17 @@
viewBox="-1 -1 2 2" viewBox="-1 -1 2 2"
xmlns="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"> xmlns:xlink="http://www.w3.org/1999/xlink">
<rect x="-1" y="-1" width="2" height="2" fill="white"/>
<path stroke-width="0.2" <path stroke-width="0.2"
stroke="black" stroke="black"
stroke-linejoin="round" stroke-linejoin="round"
fill="none" fill="none"
d=" d="
M 0 -0.536 M 0 -0.636
L 0.536 -0.536 L 0.636 -0.636
L 0 0 L 0 0
L -0.536 0.536 L -0.636 0.636
L 0.536 0.536 L 0.636 0.636
L -0.536 -0.536 L -0.636 -0.636
L 0 -0.536"/> L 0 -0.636"/>
</svg> </svg>

Before

Width:  |  Height:  |  Size: 458 B

After

Width:  |  Height:  |  Size: 516 B