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

Added new icons

This commit is contained in:
Shuqi 2023-11-13 03:45:59 +08:00
parent c12b3bd6dc
commit 8fc5f8dd35
13 changed files with 126 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
public/icons/candycane.svg Normal file
View File

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

After

Width:  |  Height:  |  Size: 436 B

9
public/icons/christmas-tree.svg Normal file
View File

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

After

Width:  |  Height:  |  Size: 583 B

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

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

After

Width:  |  Height:  |  Size: 669 B

13
public/icons/gingerbread-man.svg Normal file
View File

@ -0,0 +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"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 808 B

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

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

After

Width:  |  Height:  |  Size: 820 B

7
public/icons/mistletoe.svg Normal file
View File

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

After

Width:  |  Height:  |  Size: 400 B

8
public/icons/pumpkin.svg Normal file
View File

@ -0,0 +1,8 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9 9" class="pixelicon-pumpkin">
<path fill="#FFB100" d="M7,4V3H5v1H4V3H2v1H1v3h1v0v1v0h5V7h1V4H7z M2,5h1v1H2V5z M6,7H4V6h2V7z M7,6H6V5h1V6z"/>
<rect fill="#00AF3E" x="4" y="2" width="1" height="2"/>
<rect fill="#00AF3E" x="5" y="1" width="1" height="1"/>
<rect fill="#343341" x="2" y="5" width="1" height="1"/>
<rect fill="#343341" x="6" y="5" width="1" height="1"/>
<rect fill="#343341" x="4" y="6" width="2" height="1"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 488 B

12
public/icons/santa-face.svg Normal file
View File

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

After

Width:  |  Height:  |  Size: 696 B

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

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

After

Width:  |  Height:  |  Size: 1.0 KiB

4
public/icons/thumb-down.svg Normal file
View File

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

After

Width:  |  Height:  |  Size: 227 B

4
public/icons/thumb-up.svg Normal file
View File

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

After

Width:  |  Height:  |  Size: 225 B

5
public/icons/xmas-socks.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-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

After

Width:  |  Height:  |  Size: 276 B

12
src/icons.json
View File

@ -28,6 +28,7 @@
"calendar.svg": [ "calendar", "ui-icon", "white", "red" ], "calendar.svg": [ "calendar", "ui-icon", "white", "red" ],
"camera-polaroid.svg": [ "camera-polaroid", "grey-gray" ], "camera-polaroid.svg": [ "camera-polaroid", "grey-gray" ],
"camera.svg": [ "camera", "grey-gray" ], "camera.svg": [ "camera", "grey-gray" ],
"candycane.svg": [ "candycane", "xmas", "christmas", "festive", "red", "white" ],
"car.svg": [ "car", "vehicle", "blue" ], "car.svg": [ "car", "vehicle", "blue" ],
"caret-down.svg": [ "caret-down", "ui-icon", "blue" ], "caret-down.svg": [ "caret-down", "ui-icon", "blue" ],
"caret-left.svg": [ "caret-left", "ui-icon", "blue" ], "caret-left.svg": [ "caret-left", "ui-icon", "blue" ],
@ -41,6 +42,7 @@
"cat-tabby.svg": [ "cat-tabby", "animal", "orange" ], "cat-tabby.svg": [ "cat-tabby", "animal", "orange" ],
"cat-white.svg": [ "cat-white", "animal", "white" ], "cat-white.svg": [ "cat-white", "animal", "white" ],
"chart.svg": [ "chart", "ui-icon" ], "chart.svg": [ "chart", "ui-icon" ],
"christmas-tree.svg": [ "christmas-tree", "christmas-tree", "green", "christmas", "xmas", "festive" ],
"chrome.svg": [ "chrome", "logo" ], "chrome.svg": [ "chrome", "logo" ],
"clipboard.svg": [ "clipboard", "ui-icon", "cut", "copy", "paste" ], "clipboard.svg": [ "clipboard", "ui-icon", "cut", "copy", "paste" ],
"cloud.svg": [ "cloud", "ui-icon", "white" ], "cloud.svg": [ "cloud", "ui-icon", "white" ],
@ -57,6 +59,8 @@
"file.svg": [ "file", "ui-icon" ], "file.svg": [ "file", "ui-icon" ],
"folder.svg": [ "folder", "ui-icon", "orange", "yellow" ], "folder.svg": [ "folder", "ui-icon", "orange", "yellow" ],
"gear.svg": [ "gear", "ui-icon", "black" ], "gear.svg": [ "gear", "ui-icon", "black" ],
"gift.svg": [ "gift", "red", "christmas", "xmas", "birthday", "bday", "present", "festive" ],
"gingerbread-man.svg": [ "gingerbread-man", "xmas", "christmas", "festive", "brown" ],
"guitar.svg": [ "guitar", "brown" ], "guitar.svg": [ "guitar", "brown" ],
"headphones.svg": [ "headphones", "ui-icon", "black", "grey-gray" ], "headphones.svg": [ "headphones", "ui-icon", "black", "grey-gray" ],
"heart.svg": [ "heart", "ui-icon", "red" ], "heart.svg": [ "heart", "ui-icon", "red" ],
@ -65,6 +69,8 @@
"instagram.svg": [ "instagram", "logo", "purple", "magenta" ], "instagram.svg": [ "instagram", "logo", "purple", "magenta" ],
"key.svg": [ "key", "ui-icon", "yellow" ], "key.svg": [ "key", "ui-icon", "yellow" ],
"lock.svg": [ "lock", "ui-icon", "yellow", "orange" ], "lock.svg": [ "lock", "ui-icon", "yellow", "orange" ],
"magnifier.svg": [ "magnifier", "zoom", "ui-icon", "brown", "white", "search" ],
"mistletoe.svg": [ "mistletoe", "xmas", "christmas", "festive", "red", "green" ],
"moon.svg": [ "moon", "ui-icon", "yellow", "dark" ], "moon.svg": [ "moon", "ui-icon", "yellow", "dark" ],
"nasilemak.svg": [ "nasilemak", "food", "green" ], "nasilemak.svg": [ "nasilemak", "food", "green" ],
"paper-bag.svg": [ "paper-bag", "ui-icon", "pink" ], "paper-bag.svg": [ "paper-bag", "ui-icon", "pink" ],
@ -74,8 +80,11 @@
"photo.svg": [ "photo", "ui-icon", "blue" ], "photo.svg": [ "photo", "ui-icon", "blue" ],
"picture.svg": [ "picture", "ui-icon", "blue" ], "picture.svg": [ "picture", "ui-icon", "blue" ],
"pin.svg": [ "pin", "ui-icon", "red" ], "pin.svg": [ "pin", "ui-icon", "red" ],
"pumpkin.svg": [ "pumpkin", "halloween", "spooky", "festive", "orange" ],
"reddit-detailed.svg": [ "reddit-detailed", "logo", "red" ], "reddit-detailed.svg": [ "reddit-detailed", "logo", "red" ],
"reddit.svg": [ "reddit", "logo", "red" ], "reddit.svg": [ "reddit", "logo", "red" ],
"santa-face.svg": [ "santa-face", "xmas", "christmas", "festive", "red", "human" ],
"santa.svg": [ "santa-full", "xmas", "christmas", "festive", "red", "human" ],
"save.svg": [ "save", "floppy-disk", "ui-icon", "grey-gray", "black" ], "save.svg": [ "save", "floppy-disk", "ui-icon", "grey-gray", "black" ],
"scissors.svg": [ "scissors", "ui-icon", "cut", "copy", "paste", "purple", "pink" ], "scissors.svg": [ "scissors", "ui-icon", "cut", "copy", "paste", "purple", "pink" ],
"smartphone.svg": [ "smartphone", "ui-icon", "black", "white", "grey-gray" ], "smartphone.svg": [ "smartphone", "ui-icon", "black", "white", "grey-gray" ],
@ -87,6 +96,8 @@
"sun.svg": [ "sun", "ui-icon", "yellow", "light" ], "sun.svg": [ "sun", "ui-icon", "yellow", "light" ],
"tehtarik.svg": [ "tehtarik", "teh tarik","drink", "beverage", "brown" ], "tehtarik.svg": [ "tehtarik", "teh tarik","drink", "beverage", "brown" ],
"tiktok.svg": [ "tiktok", "logo", "douyin", "cyan", "magenta" ], "tiktok.svg": [ "tiktok", "logo", "douyin", "cyan", "magenta" ],
"thumb-down.svg": [ "thumb-down", "ui-icon", "pink", "good", "upvote" ],
"thumb-up.svg": [ "thumb-up", "ui-icon", "blue", "bad", "downvote" ],
"twitter-detailed.svg": [ "twitter-detailed", "logo", "bird", "blue" ], "twitter-detailed.svg": [ "twitter-detailed", "logo", "bird", "blue" ],
"twitter.svg": [ "twitter", "logo", "bird", "blue" ], "twitter.svg": [ "twitter", "logo", "bird", "blue" ],
"unlock.svg": [ "unlock", "ui-icon", "yellow", "orange" ], "unlock.svg": [ "unlock", "ui-icon", "yellow", "orange" ],
@ -96,6 +107,7 @@
"wine.svg": [ "wine", "drink", "beverage", "white", "red" ], "wine.svg": [ "wine", "drink", "beverage", "white", "red" ],
"wrench.svg": [ "wrench", "ui-icon", "grey-gray" ], "wrench.svg": [ "wrench", "ui-icon", "grey-gray" ],
"x.svg": [ "x", "twitter", "logo", "black" ], "x.svg": [ "x", "twitter", "logo", "black" ],
"xmas-socks.svg": [ "xmas-socks", "xmas", "christmas", "festive", "red" ],
"youtube.svg": [ "youtube", "logo", "play", "red" ], "youtube.svg": [ "youtube", "logo", "play", "red" ],
"zoom-in.svg": [ "zoom-in", "ui-icon", "magnifier", "brown", "white" ], "zoom-in.svg": [ "zoom-in", "ui-icon", "magnifier", "brown", "white" ],
"zoom-out.svg": [ "zoom-out", "ui-icon", "magnifier", "brown", "white" ] "zoom-out.svg": [ "zoom-out", "ui-icon", "magnifier", "brown", "white" ]