shuqi
/
pixel-icon-web
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Icon updates

This commit is contained in:
Shuqi 2023-12-04 15:54:51 +08:00
parent 97f7f9e7fa
commit 369160cb9a
10 changed files with 95 additions and 30 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
public/icons/avocado.svg Normal file
View File

@ -0,0 +1,18 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9 9" class="pixelicon-avocado">
<rect fill="#73E030" x="3" y="7" width="3" height="1"/>
<rect fill="#73E030" x="3" y="0" width="3" height="1"/>
<rect fill="#73E030" x="2" y="2" width="1" height="1"/>
<rect fill="#73E030" x="2" y="1" width="1" height="1"/>
<rect fill="#73E030" x="1" y="3" width="1" height="3"/>
<rect fill="#73E030" x="6" y="6" width="1" height="1"/>
<rect fill="#73E030" x="2" y="6" width="1" height="1"/>
<rect fill="#73E030" x="6" y="2" width="1" height="1"/>
<rect fill="#73E030" x="7" y="3" width="1" height="3"/>
<rect fill="#73E030" x="6" y="1" width="1" height="1"/>
<rect fill="#CDFF42" x="3" y="6" width="3" height="1"/>
<rect fill="#CDFF42" x="2" y="3" width="1" height="3"/>
<rect fill="#CDFF42" x="6" y="3" width="1" height="3"/>
<rect fill="#CDFF42" x="3" y="1" width="3" height="2"/>
<rect fill="#D38100" x="3" y="3" width="2" height="2"/>
<polygon fill="#9C5F00" points="5,3 5,5 3,5 3,6 6,6 6,3"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1006 B

9
public/icons/elephant.svg Normal file
View File

@ -0,0 +1,9 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9 9" class="pixelicon-elephant">
<polygon fill="#6F6D81" points="8,5 8,4 6,4 6,5 5,5 5,6 4,6 4,8 5,8 5,7 6,7 6,8 7,8 7,7 8,7 8,8 9,8 9,5"/>
<path fill="#A1A0B4" d="M6,2V1H4v1H3V1H1v1H0v2h1v1h2v1h1V5h2V4h1V2H6z M2,4V3h1v1H2z M4,4V3h1v1H4z"/>
<rect fill="#A1A0B4" x="2" y="6" width="1" height="1"/>
<rect fill="#343341" x="2" y="3" width="1" height="1"/>
<rect fill="#343341" x="4" y="3" width="1" height="1"/>
<rect fill="#FFFBD4" x="2" y="5" width="1" height="1"/>
<rect fill="#FFFBD4" x="4" y="5" width="1" height="1"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 587 B

22
public/icons/gingerbread-man.svg
View File

@ -1,13 +1,13 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9 9" class="pixelicon-gingerbread-man">
<polygon fill="#D38100" points="4,2 5,2 5,1 6,1 6,0 3,0 3,1 4,1"/>
<path fill="#D38100" d="M6,4h1V1H6v2H4V2H3V1H2v3h1v2H2v3h2V8h1v1h2V6H6V4z M5,4v1H4V4H5z M4,7V6h1v1H4z"/>
<polygon fill="#D38100" points="1,4 1,3 0,3 0,5 1,5 1,6 2,6 2,4"/>
<polygon fill="#D38100" points="8,3 8,4 7,4 7,6 8,6 8,5 9,5 9,3"/>
<rect fill="#343341" x="3" y="1" width="1" height="1"/>
<rect fill="#343341" x="5" y="1" width="1" height="1"/>
<rect fill="#EBEAF7" x="4" y="2" width="2" height="1"/>
<rect fill="#EBEAF7" x="2" y="4" width="1" height="2"/>
<rect fill="#EBEAF7" x="6" y="4" width="1" height="2"/>
<rect fill="#F92F3C" x="4" y="4" width="1" height="1"/>
<rect fill="#F92F3C" x="4" y="6" width="1" height="1"/>
<path fill="#D38100" d="M7,5H6V4h1V1H6V0H3v1H2v3h1v1H1v1h1v1h5V6h1V5H7z M6,3H5V2h1V3z M3,2h1v1H3V2z M4,6V5h1v1H4z"/>
<rect fill="#D38100" x="2" y="8" width="2" height="1"/>
<rect fill="#D38100" x="5" y="8" width="2" height="1"/>
<rect fill="#343341" x="3" y="2" width="1" height="1"/>
<rect fill="#343341" x="5" y="2" width="1" height="1"/>
<rect fill="#C10015" x="4" y="5" width="1" height="1"/>
<rect fill="#C10015" x="4" y="7" width="1" height="1"/>
<rect fill="#EBEAF7" x="0" y="5" width="1" height="1"/>
<rect fill="#EBEAF7" x="8" y="5" width="1" height="1"/>
<rect fill="#EBEAF7" x="2" y="7" width="2" height="1"/>
<rect fill="#EBEAF7" x="5" y="7" width="2" height="1"/>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 808 B

After

Width:  |  Height:  |  Size: 787 B

11
public/icons/lion.svg Normal file
View File

@ -0,0 +1,11 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9 9" class="pixelicon-lion">
<rect fill="#343341" x="2" y="3" width="1" height="1"/>
<rect fill="#343341" x="4" y="3" width="1" height="1"/>
<polygon fill="#D38100" points="6,1 6,5 7,5 7,1"/>
<polygon fill="#D38100" points="2,2 5,2 5,1 6,1 6,0 1,0 1,1 2,1"/>
<polygon fill="#D38100" points="1,1 0,1 0,5 1,5"/>
<polygon fill="#D38100" points="1,5 1,6 6,6 6,5"/>
<path fill="#FFB100" d="M6,1H5v1H2V1H1v4h5V1z M2,4V3h1v1H2z M4,4V3h1v1H4z"/>
<polygon fill="#FFB100" points="6,5 6,6 2,6 2,8 3,8 3,7 4,7 4,8 5,8 5,7 7,7 7,8 8,8 8,5"/>
<rect fill="#FFB100" x="8" y="4" width="1" height="1"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 653 B

12
public/icons/meowth.svg Normal file
View File

@ -0,0 +1,12 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9 9" class="pixelicon-meowth">
<rect fill="#343341" x="4" y="2" width="1" height="1"/>
<rect fill="#343341" x="2" y="2" width="1" height="1"/>
<rect fill="#FFE800" x="3" width="1" height="2"/>
<rect fill="#FFAEB0" x="5" width="1" height="1"/>
<rect fill="#FFAEB0" x="2" width="1" height="1"/>
<rect fill="#FFF8A9" x="7" y="5" width="1" height="1"/>
<polygon fill="#FFF8A9" points="6,5 5,5 5,4 6,4 6,1 4,1 4,2 5,2 5,3 4,3 4,2 3,2 3,3 2,3 2,2 3,2 3,1 1,1 1,4 2,4 2,5 1,5 1,6 2,6 2,7 3,7 4,7 7,7 7,6 6,6"/>
<polygon fill="#FFB100" points="7,3 7,4 8,4 8,5 9,5 9,3"/>
<rect fill="#FFB100" x="4" y="7" width="1" height="1"/>
<rect fill="#FFB100" x="2" y="7" width="1" height="1"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 744 B

14
public/icons/ribbon.svg Normal file
View File

@ -0,0 +1,14 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9 9" class="pixelicon-ribbon">
<rect fill="#F92F3C" x="4" y="3" width="1" height="1"/>
<rect fill="#F92F3C" x="2" y="2" width="2" height="1"/>
<rect fill="#F92F3C" x="1" y="3" width="1" height="1"/>
<rect fill="#F92F3C" x="2" y="4" width="2" height="1"/>
<rect fill="#F92F3C" x="5" y="2" width="2" height="1"/>
<rect fill="#F92F3C" x="7" y="3" width="1" height="1"/>
<rect fill="#F92F3C" x="5" y="4" width="2" height="1"/>
<rect fill="#C10015" x="4" y="4" width="1" height="1"/>
<rect fill="#C10015" x="3" y="5" width="1" height="1"/>
<rect fill="#C10015" x="2" y="6" width="1" height="1"/>
<rect fill="#C10015" x="5" y="5" width="1" height="1"/>
<rect fill="#C10015" x="6" y="6" width="1" height="1"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 774 B

24
public/icons/snowman.svg
View File

@ -1,15 +1,13 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9 9" class="pixelicon-snowman">
<polygon fill="#EBEAF7" points="3,3 3,2 2,2 2,4 4,4 4,3"/>
<rect fill="#EBEAF7" x="4" y="2" width="1" height="1"/>
<rect fill="#EBEAF7" x="6" y="2" width="1" height="2"/>
<path fill="#EBEAF7" d="M5,5v1H3V5H2v3h1v1h3V8h1V5H5z M4,8V7h1v1H4z"/>
<polygon fill="#343341" points="6,1 6,0 3,0 3,1 1,1 1,2 3,2 3,3 4,3 4,2 5,2 5,3 6,3 6,2 8,2 8,1"/>
<rect fill="#FFB100" x="4" y="3" width="2" height="1"/>
<polygon fill="#F92F3C" points="7,4 2,4 2,5 3,5 3,6 4,6 4,5 7,5"/>
<rect fill="#4435FF" x="4" y="5" width="1" height="1"/>
<rect fill="#4435FF" x="4" y="7" width="1" height="1"/>
<rect fill="#9C5F00" x="1" y="5" width="1" height="1"/>
<rect fill="#9C5F00" x="0" y="4" width="1" height="1"/>
<rect fill="#9C5F00" x="7" y="5" width="1" height="1"/>
<rect fill="#9C5F00" x="8" y="4" width="1" height="1"/>
<polygon fill="#EBEAF7" points="4,2 5,2 5,1 6,1 6,0 3,0 3,1 4,1"/>
<path fill="#EBEAF7" d="M7,5V1H6v1H5v1H4V2H3V1H2v4H1v2h1v1h1v1h3V8h1V7h1V5H7z M5,7H4V6h1V7z M5,4v1H4V4H5z"/>
<rect fill="#343341" x="3" y="1" width="1" height="1"/>
<rect fill="#343341" x="5" y="1" width="1" height="1"/>
<rect fill="#FFB100" x="4" y="2" width="1" height="1"/>
<rect fill="#9C5F00" x="0" y="3" width="1" height="1"/>
<rect fill="#9C5F00" x="1" y="4" width="1" height="1"/>
<rect fill="#9C5F00" x="8" y="3" width="1" height="1"/>
<rect fill="#9C5F00" x="7" y="4" width="1" height="1"/>
<rect fill="#4435FF" x="4" y="4" width="1" height="1"/>
<rect fill="#4435FF" x="4" y="6" width="1" height="1"/>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 904 B

After

Width:  |  Height:  |  Size: 782 B

5
public/icons/xmas-socks.svg
View File

@ -1,5 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9 9" class="pixelicon-xmas-socks">
<polygon fill="#F92F3C" points="6,4 4,4 4,5 3,5 3,7 5,7 5,6 6,6"/>
<rect fill="#EBEAF7" x="4" y="3" width="2" height="1"/>
<rect fill="#EBEAF7" x="5" y="6" width="1" height="1"/>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 276 B

5
public/icons/xmas-stocking.svg Normal file
View File

@ -0,0 +1,5 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9 9" class="pixelicon-xmas-stocking">
<polygon fill="#F92F3C" points="4,4 4,5 3,5 3,6 2,6 2,8 6,8 6,7 7,7 7,4"/>
<rect fill="#F92F3C" x="7" y="1" width="1" height="1"/>
<rect fill="#EBEAF7" x="4" y="2" width="3" height="2"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 287 B

5
src/icons.json
View File

@ -9,6 +9,7 @@
"arrow-left.svg": [ "arrow-left", "ui-icon", "blue" ],
"arrow-right.svg": [ "arrow-right", "ui-icon", "blue" ],
"arrow-up.svg": [ "arrow-up", "ui-icon", "blue" ],
"avocado.svg": [ "avocado", "fruit", "food", "green" ],
"banana.svg": [ "banana", "fruit", "food", "yellow" ],
"basket.svg": [ "basket", "ui-icon", "red" ],
"battery-1-6.svg": [ "battery-1-6", "power", "ui-icon", "red" ],
@ -103,6 +104,7 @@
"mail-open.svg": [ "mail-open", "email", "e-mail", "envelope", "ui-icon", "brown", "blue" ],
"mailbox.svg": [ "mailbox", "inbox", "mail-box", "email", "e-mail", "envelope", "ui-icon", "red" ],
"mallard.svg": [ "mallard", "duck", "pigeon", "bird", "full-body", "animal", "green", "white" ],
"meowth.svg": [ "meowth", "pokemon", "cat", "yellow" ],
"message.svg": [ "message", "conversations", "chat-bubble", "private-message", "direct-message", "pm", "dm", "ui-icon", "blue" ],
"message-typing.svg": [ "message-typing", "conversations", "chat-bubble", "private-message", "direct-message", "pm", "dm", "ui-icon", "blue" ],
"messages.svg": [ "messages", "conversations", "chat-bubbles", "private-messages", "direct-messages", "pm", "dm", "ui-icon", "blue" ],
@ -133,6 +135,7 @@
"rabbit-white.svg": [ "rabbit-white", "bunny", "full-body", "animal", "white" ],
"reddit-detailed.svg": [ "reddit-detailed", "logo", "red" ],
"reddit.svg": [ "reddit", "logo", "red" ],
"ribbon.svg": [ "ribbon", "red" ],
"rickroll.svg": [ "rickroll", "rickrolling", "rick-rolling", "never-gonna", "give-you-up", "let-you-down", "run-around-desert-you", "meme", "black" ],
"rose.svg": [ "rose", "flose", "petals", "plant", "leaves", "leaf", "red", "green" ],
"rubber-duck.svg": [ "rubber-duck", "toy", "animal", "yellow" ],
@ -173,7 +176,7 @@
"wine.svg": [ "wine", "drink", "beverage", "white", "red" ],
"wrench.svg": [ "wrench", "spanner", "settings", "preferences", "ui-icon", "grey-gray" ],
"x.svg": [ "x", "twitter", "logo", "black" ],
"xmas-socks.svg": [ "xmas-socks", "xmas", "christmas", "festive", "red" ],
"xmas-stocking.svg": [ "xmas-stocking", "xmas", "christmas", "socks", "festive", "red" ],
"youtube.svg": [ "youtube", "logo", "play", "red" ],
"zoom-in.svg": [ "zoom-in", "ui-icon", "magnifier", "brown", "white" ],
"zoom-out.svg": [ "zoom-out", "ui-icon", "magnifier", "brown", "white" ]