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

Added new icons

Browse Source
This commit is contained in:
Shuqi 2024-04-29 17:47:52 +08:00
parent 8607c11f94
commit be1c95fa35
12 changed files with 132 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
public/icons.json
View File

@ -32,6 +32,7 @@
"burger-menu.svg": [ "burger-menu", "ui-icon", "orange" ],
"burger.svg": [ "burger", "fast-food", "orange" ],
"bus.svg": [ "bus", "vehicle", "transportation", "red" ],
"calculator.svg": [ "calculator", "ui-icon", "math", "black" ],
"calendar.svg": [ "calendar", "ui-icon", "date", "time", "white", "red" ],
"camera-polaroid.svg": [ "camera-polaroid", "grey-gray" ],
"camera.svg": [ "camera", "grey-gray" ],
@ -61,6 +62,7 @@
"coffee.svg": [ "coffee", "drink", "beverage", "orange" ],
"coffee-takeaway.svg": [ "coffee-takeaway", "drink", "beverage", "orange" ],
"control-panel.svg": [ "control-panel", "mixer", "ui-icon", "settings", "preferences", "blue" ],
"convertible.svg": [ "convertible", "car", "vehicle", "transportation", "red" ],
"cookie.svg": [ "cookie", "food", "snack", "ui-icon", "buscuits", "cookies", "chocolate", "brown" ],
"copy.svg": [ "copy", "ui-icon", "cut", "paste", "blue" ],
"cow.svg": [ "cow", "full-body", "animal", "white" ],
@ -77,6 +79,7 @@
"edit.svg": [ "edit", "pencil", "paper", "write", "ui-icon", "brown" ],
"eevee.svg": [ "eevee", "pokemon", "brown" ],
"egg.svg": [ "egg", "food", "fried-egg", "sunny-side-up", "white", "yellow" ],
"electric-guitar.svg": [ "electric-guitar", "musical-instrument", "red" ],
"elephant.svg": [ "elephant", "animal", "full-body", "grey-gray" ],
"export.svg": [ "export", "arrow", "out", "share", "ui-icon", "blue", "orange" ],
"facebook-detailed.svg": [ "facebook-detailed", "facebook", "logo", "blue" ],
@ -92,9 +95,11 @@
"gear.svg": [ "gear", "settings", "preferences", "ui-icon", "black" ],
"gift.svg": [ "gift", "red", "christmas", "xmas", "birthday", "bday", "present", "festive" ],
"gingerbread-man.svg": [ "gingerbread-man", "xmas", "christmas", "festive", "brown" ],
"github.svg": [ "github", "logo", "black" ],
"guitar.svg": [ "guitar", "musical-instrument", "brown" ],
"headphones.svg": [ "headphones", "ui-icon", "black", "grey-gray" ],
"heart.svg": [ "heart", "ui-icon", "red" ],
"helicopter.svg": [ "helicopter", "transportation", "red" ],
"house.svg": [ "house", "home", "building", "ui-icon" ],
"horse.svg": [ "horse", "animal", "full-body", "brown" ],
"ice-cream.svg": [ "ice-cream", "dessert", "food", "ui-icon", "pink", "brown" ],
@ -102,6 +107,7 @@
"instagram-detailed.svg": [ "instagram-detailed", "instagram", "logo", "purple", "magenta" ],
"instagram.svg": [ "instagram", "logo", "purple", "magenta" ],
"internet-explorer.svg": [ "internet-explorer", "browser", "logo", "blue" ],
"jigglypuff.svg": [ "jigglypuff", "pokemon", "purin", "balloon", "pink" ],
"key.svg": [ "key", "ui-icon", "yellow" ],
"koala.svg": [ "koala", "animal", "bear", "face", "grey-gray" ],
"koala-hug.svg": [ "koala-hug", "animal", "bear", "full-body", "hugging-tree", "grey-gray" ],
@ -151,6 +157,7 @@
"pizza-whole.svg": [ "pizza-whole", "food", "orange", "yellow", "brown" ],
"plane.svg": [ "plane", "air-plane", "airplane", "aero-plane", "aeroplane", "aircraft", "vehicle", "transportation", "white", "red" ],
"printer.svg": [ "printer", "fax", "paper", "ui-icon" ],
"psyduck.svg": [ "psyduck", "pokemon", "duck", "orange" ],
"pumpkin.svg": [ "pumpkin", "halloween", "spooky", "festive", "orange" ],
"rabbit-grey.svg": [ "rabbit-grey", "bunny", "full-body", "animal", "grey" ],
"rabbit-white.svg": [ "rabbit-white", "bunny", "full-body", "animal", "white" ],
@ -174,6 +181,7 @@
"santa.svg": [ "santa-full", "xmas", "christmas", "festive", "red", "human" ],
"save.svg": [ "save", "floppy-disk", "ui-icon", "grey-gray", "black" ],
"scissors.svg": [ "scissors", "ui-icon", "cut", "copy", "paste", "purple", "pink" ],
"ship.svg": [ "ship", "shipping", "delivery", "transportation", "green" ],
"shop.svg": [ "shop", "business", "house", "building", "ui-icon", "grey-gray" ],
"shortcake.svg": [ "shortcake", "short-cake", "cake", "strawberry", "food", "dessert", "candles", "orange" ],
"snow.svg": [ "snow", "snowing", "ui-icon", "cloud", "weather", "xmas", "christmas", "festive", "white" ],
@ -192,17 +200,18 @@
"strawberry.svg": [ "strawberry", "fruit", "food", "red" ],
"sunglasses.svg": [ "sunglasses", "shades", "fashion", "cool", "wear", "black" ],
"sun.svg": [ "sun", "ui-icon", "yellow", "light" ],
"surprised-pikachu.svg": [ "surprised-pikachu", "meme", "pokemon", "yellow" ],
"stonks.svg": [ "stonks", "meme", "mememan" ],
"tang-yuan.svg": [ "tang-yuan", "food", "bowl", "glutinous-rice-balls", "winter-solstice", "chinese", "red" ],
"tapir.svg": [ "tapir", "animal", "full-body", "black-white" ],
"tapir-baby.svg": [ "tapir-baby", "tapir", "baby", "animal", "full-body", "brown" ],
"tehtarik.svg": [ "tehtarik", "teh-tarik","drink", "beverage", "brown" ],
"tiktok.svg": [ "tiktok", "logo", "douyin", "cyan", "magenta" ],
"surprised-pikachu.svg": [ "surprised-pikachu", "meme", "pokemon", "yellow" ],
"take-my-money.svg": [ "take-my-money", "meme", "shut-up", "fry", "futurama", "red" ],
"tang-yuan.svg": [ "tang-yuan", "food", "bowl", "glutinous-rice-balls", "winter-solstice", "chinese", "red" ],
"tapir-baby.svg": [ "tapir-baby", "tapir", "baby", "animal", "full-body", "brown" ],
"tapir.svg": [ "tapir", "animal", "full-body", "black-white" ],
"tehtarik.svg": [ "tehtarik", "teh-tarik","drink", "beverage", "brown" ],
"this-is-fine.svg": [ "this-is-fine", "meme", "dog", "yellow", "orange" ],
"thumb-down.svg": [ "thumb-down", "thumb ", "ui-icon", "pink", "good", "upvote" ],
"thumb-up.svg": [ "thumb-up", "thumb ", "ui-icon", "blue", "bad", "downvote" ],
"tiger.svg": [ "tiger", "animal", "full-body", "orange", "yellow" ],
"tiktok.svg": [ "tiktok", "logo", "douyin", "cyan", "magenta" ],
"truck.svg": [ "truck", "vehicle", "shipping", "delivery", "transportation", "blue" ],
"truck-fast.svg": [ "truck-fast", "truck", "fast", "vehicle", "shipping", "delivery", "transportation", "blue" ],
"twitter-detailed.svg": [ "twitter-detailed", "twitter", "logo", "bird", "blue" ],
@ -220,6 +229,7 @@
"x.svg": [ "x", "twitter", "logo", "black" ],
"xmas-bell.svg": [ "xmas-bell", "xmas", "christmas", "festive", "yellow" ],
"xmas-stocking.svg": [ "xmas-stocking", "xmas", "christmas", "socks", "festive", "red" ],
"yacht.svg": [ "yacht", "ship", "transportation" ],
"youtube.svg": [ "youtube", "logo", "play", "red" ],
"zoom-in.svg": [ "zoom-in", "zoom", "ui-icon", "magnifier", "brown", "white" ],
"zoom-out.svg": [ "zoom-out", "zoom", "ui-icon", "magnifier", "brown", "white" ]

10
public/icons/calculator.svg Normal file
View File

@ -0,0 +1,10 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9 9" class="pixelicon-calculator">
<path fill="#343341" d="M1,3H2V4H3V3H4V2H3V1H2V2H1z"/>
<rect fill="#343341" x="5" y="2" width="3" height="1"/>
<rect fill="#343341" x="1" y="5" width="1" height="1"/>
<rect fill="#343341" x="3" y="5" width="1" height="1"/>
<path fill="#343341" d="M6,6H5V7H6V8H7V7H8V6H7V5H6z"/>
<rect fill="#343341" x="2" y="6" width="1" height="1"/>
<rect fill="#343341" x="1" y="7" width="1" height="1"/>
<rect fill="#343341" x="3" y="7" width="1" height="1"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 548 B

15
public/icons/convertible.svg Normal file
View File

@ -0,0 +1,15 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9 9" class="pixelicon-convertible">
<path fill="#89CDFF" d="M2,4H4V2H3V3H2z"/>
<path fill="#F92F3C" d="M1,4V5H0V7H1V6H2V5H3V6H4V7H5V6H6V5H7V6H9V4z"/>
<rect fill="#343341" x="7" y="3" width="2" 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="1" y="6" width="1" height="1"/>
<rect fill="#343341" x="3" y="6" width="1" height="1"/>
<rect fill="#343341" x="5" y="6" width="1" height="1"/>
<rect fill="#343341" x="7" y="6" width="1" height="1"/>
<rect fill="#343341" x="2" y="7" width="1" height="1"/>
<rect fill="#343341" x="6" y="7" width="1" height="1"/>
<rect fill="#FFFFFF" x="2" y="6" width="1" height="1"/>
<rect fill="#FFFFFF" x="6" y="6" width="1" height="1"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 838 B

10
public/icons/electric-guitar.svg Normal file
View File

@ -0,0 +1,10 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9 9" class="pixelicon-electric-guitar">
<path fill="#E5E3D1" d="M5,2H6V0H4V5H5z"/>
<path fill="#F92F3C" d="M2,5H4V4H3V3H2z"/>
<path fill="#F92F3C" d="M2,8H3V7H4V6H2z"/>
<rect fill="#F92F3C" x="3" y="8" width="3" height="1"/>
<rect fill="#EBEAF7" x="6" y="4" width="1" height="1"/>
<path fill="#EBEAF7" d="M4,6V7H6V8H7V6z"/>
<rect fill="#343341" x="3" y="5" width="3" height="1"/>
<rect fill="#343341" x="3" y="7" width="3" height="1"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 503 B

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

@ -0,0 +1,7 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9 9" class="pixelicon-github">
<path fill="#EBEAF7" d="M6,6H8V3H7V1H6V2H3V1H2V3H1V6H3V7H2V8H3V9H6z"/>
<path fill="#343341" d="M2,0V1H3V2H6V1H7V0z"/>
<path fill="#343341" d="M2,1H1V2H0V7H1V8H2V7H3V6H1V3H2z"/>
<path fill="#343341" d="M9,2H8V1H7V3H8V6H6V9H7V8H8V7H9z"/>
<rect fill="#343341" x="2" y="8" width="1" height="1"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 387 B

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

@ -0,0 +1,8 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9 9" class="pixelicon-helicopter">
<rect fill="#89CDFF" x="1" y="4" width="3" height="2"/>
<path fill="#F92F3C" d="M4,4V6H2V7H5V6H6V5H8V4H6V3H2V4z"/>
<rect fill="#F92F3C" x="8" y="3" width="1" height="1"/>
<rect fill="#6F6D81" x="4" y="2" width="1" height="1"/>
<rect fill="#EBEAF7" x="1" y="1" width="7" height="1"/>
<rect fill="#EBEAF7" x="8" y="4" width="1" height="1"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 439 B

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

@ -0,0 +1,12 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9 9" class="pixelicon-jigglypuff">
<rect fill="#FFD6D7" x="2" y="1" width="1" height="1"/>
<rect fill="#FFD6D7" x="7" y="1" width="1" height="1"/>
<path fill="#FFD6D7" d="M4,2H3V3H2V6H3V7H7V6H8V3H7V2H5V3H4z M3,4H4V5H3z M7,4V5H6V4z"/>
<path fill="#FFAEB0" d="M4,3H5V2H6V1H4z"/>
<rect fill="#FFAEB0" x="3" y="7" width="1" height="1"/>
<rect fill="#FFAEB0" x="6" y="7" width="1" height="1"/>
<rect fill="#343341" x="2" y="2" width="1" height="1"/>
<rect fill="#343341" x="7" y="2" width="1" height="1"/>
<rect fill="#00812E" x="3" y="4" width="1" height="1"/>
<rect fill="#00812E" x="6" y="4" width="1" height="1"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 682 B

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

@ -0,0 +1,18 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9 9" class="pixelicon-psyduck">
<rect fill="#343341" x="3" y="0" width="1" height="1"/>
<rect fill="#343341" x="5" y="0" width="1" height="1"/>
<rect fill="#343341" x="4" y="1" 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"/>
<path fill="#FFC400" d="M4,2V4H5V3H6V2z"/>
<path fill="#FFC400" d="M7,5V3H6V4H5V5H3V8H5V7H6V8H8V7H7V6H6V5z"/>
<rect fill="#FFFBD4" x="2" y="4" width="3" height="1"/>
<rect fill="#FFFBD4" x="2" y="7" width="1" height="1"/>
<rect fill="#FFFBD4" x="5" y="7" width="1" height="1"/>
<rect fill="#FFB100" x="3" y="2" width="1" height="1"/>
<rect fill="#FFB100" x="6" y="2" width="1" height="1"/>
<rect fill="#FFB100" x="2" y="3" width="1" height="1"/>
<rect fill="#FFB100" x="7" y="3" width="1" height="2"/>
<rect fill="#FFB100" x="2" y="5" width="1" height="1"/>
<rect fill="#FFB100" x="6" y="5" width="1" height="1"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1001 B

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

@ -0,0 +1,12 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9 9" class="pixelicon-ship">
<path fill="#00812E" d="M7,8V7H8V6H9V5H0V6H1V7H2V8z"/>
<path fill="#EBEAF7" d="M2,3H4V2H1V5H4V4H2z"/>
<rect fill="#F92F3C" x="2" y="1" width="1" height="1"/>
<rect fill="#89CDFF" x="2" y="3" width="2" height="1"/>
<rect fill="#D38100" x="6" y="3" width="1" height="1"/>
<rect fill="#D38100" x="5" y="4" width="1" height="1"/>
<rect fill="#D38100" x="7" y="4" width="1" height="1"/>
<rect fill="#FFB100" x="5" y="3" width="1" height="1"/>
<rect fill="#FFB100" x="7" y="3" width="1" height="1"/>
<rect fill="#FFB100" x="6" y="4" width="1" height="1"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 648 B

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

@ -0,0 +1,9 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9 9" class="pixelicon-tiger">
<rect fill="#343341" x="3" y="2" width="1" height="1"/>
<rect fill="#343341" x="5" y="2" width="1" height="1"/>
<rect fill="#343341" x="2" y="4" width="1" height="1"/>
<rect fill="#343341" x="6" y="4" width="1" height="1"/>
<rect fill="#343341" x="4" y="6" width="1" height="1"/>
<path fill="#FFB100" d="M0,6H1V7H2V8H3V6H6V8H7V7H8V6H9V4H8V1H7V2H6V3H5V2H4V3H3V2H2V1H1V4H0z M3,4V5H2V4z M7,4V5H6V4z"/>
<path fill="#E5E3D1" d="M3,8H6V6H5V7H4V6H3z"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 542 B

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

@ -0,0 +1,9 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9 9" class="pixelicon-waze">
<path fill="#EBEAF7" d="M3,0V1H2V2H1V4H0V6H1V7H7V6H8V5H9V2H8V1H7V0z M3,2H4V3H3z M3,5V4H4V5z M6,5V6H4V5z M6,2H7V3H6z"/>
<rect fill="#343341" x="3" y="2" width="1" height="1"/>
<rect fill="#343341" x="6" y="2" width="1" height="1"/>
<rect fill="#343341" x="3" y="4" width="1" height="1"/>
<rect fill="#343341" x="4" y="5" width="2" height="1"/>
<rect fill="#343341" x="3" y="7" width="1" height="1"/>
<rect fill="#343341" x="6" y="7" width="1" height="1"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 550 B

6
public/icons/yacht.svg Normal file
View File

@ -0,0 +1,6 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9 9" class="pixelicon-yacht">
<path fill="#EBEAF7" d="M2,8H7V7H8V6H1V7H2z"/>
<path fill="#F92F3C" d="M4,5H8V4H7V3H6V2H5V1H4z"/>
<path fill="#89CDFF" d="M4,5V2H3V3H2V4H1V5z"/>
<rect fill="#343341" x="4" y="5" width="1" height="1"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 294 B