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

New icons

This commit is contained in:
Shuqi 2023-11-20 03:00:46 +08:00
parent 9d3c08e658
commit 6d70d37a8b
8 changed files with 96 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
public/icons/burger.svg
View File

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

Before

Width:  |  Height:  |  Size: 503 B

After

Width:  |  Height:  |  Size: 511 B

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

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

After

Width:  |  Height:  |  Size: 442 B

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

@ -0,0 +1,8 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9 9" class="pixelicon-luggage">
<polygon fill="#A1A0B4" points="3,0 3,2 4,2 4,1 5,1 5,2 6,2 6,0"/>
<path fill="#FFAEB0" d="M2,2v6h5V2H2z M3,7V3h1v4H3z M6,7H5V3h1V7z"/>
<rect fill="#F68285" x="3" y="3" width="1" height="4"/>
<rect fill="#F68285" x="5" y="3" width="1" height="4"/>
<rect fill="#343341" x="2" y="8" width="1" height="1"/>
<rect fill="#343341" x="6" y="8" width="1" height="1"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 457 B

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

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

After

Width:  |  Height:  |  Size: 466 B

11
public/icons/pizza-slice.svg Normal file
View File

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

After

Width:  |  Height:  |  Size: 670 B

31
public/icons/pizza-whole.svg Normal file
View File

@ -0,0 +1,31 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9 9" class="pixelicon-pizza-whole">
<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="#C10015" x="3" y="2" width="1" height="1"/>
<rect fill="#C10015" x="5" y="2" width="1" height="1"/>
<rect fill="#C10015" x="2" y="3" width="1" height="1"/>
<rect fill="#C10015" x="4" y="3" width="1" height="1"/>
<rect fill="#C10015" x="6" y="3" width="1" height="1"/>
<rect fill="#C10015" x="3" y="4" width="1" height="1"/>
<rect fill="#C10015" x="5" y="4" width="1" height="1"/>
<rect fill="#C10015" x="2" y="5" width="1" height="1"/>
<rect fill="#C10015" x="4" y="5" width="1" height="1"/>
<rect fill="#C10015" x="6" y="5" width="1" height="1"/>
<rect fill="#C10015" x="3" y="6" width="1" height="1"/>
<rect fill="#C10015" x="5" y="6" width="1" height="1"/>
<rect fill="#FFE800" x="4" y="2" width="1" height="1"/>
<rect fill="#FFE800" x="2" y="4" width="1" height="1"/>
<rect fill="#FFE800" x="4" y="4" width="1" height="1"/>
<rect fill="#FFE800" x="6" y="4" width="1" height="1"/>
<rect fill="#FFE800" x="4" y="6" width="1" height="1"/>
<rect fill="#FFB100" x="3" y="3" width="1" height="1"/>
<rect fill="#FFB100" x="5" y="5" width="1" height="1"/>
<rect fill="#00AF3E" x="5" y="3" width="1" height="1"/>
<rect fill="#00AF3E" x="3" y="5" width="1" height="1"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.7 KiB

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

@ -0,0 +1,14 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9 9" class="pixelicon-shop">
<path fill="#EBEAF7" d="M1,4v4h1V5h2v3h4V4H1z M7,7H5V5h2V7z"/>
<rect x="2" y="2" fill="#EBEAF7" width="1" height="1"/>
<rect x="4" y="2" fill="#EBEAF7" width="1" height="1"/>
<rect x="6" y="2" fill="#EBEAF7" width="1" height="1"/>
<rect x="1" y="3" fill="#A1A0B4" width="7" height="1"/>
<rect x="2" y="5" fill="#89CDFF" width="2" height="3"/>
<rect x="5" y="5" fill="#89CDFF" width="2" height="2"/>
<rect x="1" y="2" fill="#F92F3C" width="1" height="1"/>
<rect x="3" y="2" fill="#F92F3C" width="1" height="1"/>
<rect x="5" y="2" fill="#F92F3C" width="1" height="1"/>
<rect x="7" y="2" fill="#F92F3C" width="1" height="1"/>
<rect x="0" y="4" fill="#FFB100" width="1" height="2"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 779 B

12
src/icons.json
View File

@ -24,8 +24,8 @@
"book.svg": [ "book", "red" ], "book.svg": [ "book", "red" ],
"bookmark.svg": [ "bookmark", "ui-icon", "red" ], "bookmark.svg": [ "bookmark", "ui-icon", "red" ],
"bubble-tea.svg": [ "bubble-tea", "drink", "beverage", "food", "brown" ], "bubble-tea.svg": [ "bubble-tea", "drink", "beverage", "food", "brown" ],
"burger-menu.svg": [ "burger-menu", "ui-icon", "food", "orange" ], "burger-menu.svg": [ "burger-menu", "ui-icon", "orange" ],
"burger.svg": [ "burger", "food", "orange" ], "burger.svg": [ "burger", "fast-food", "orange" ],
"bus.svg": [ "bus", "vehicle", "transportation", "red" ], "bus.svg": [ "bus", "vehicle", "transportation", "red" ],
"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" ],
@ -69,19 +69,21 @@
"file-text.svg": [ "file-text", "paper", "ui-icon", "blue" ], "file-text.svg": [ "file-text", "paper", "ui-icon", "blue" ],
"file.svg": [ "file", "paper", "ui-icon", "blue" ], "file.svg": [ "file", "paper", "ui-icon", "blue" ],
"folder.svg": [ "folder", "ui-icon", "orange", "yellow" ], "folder.svg": [ "folder", "ui-icon", "orange", "yellow" ],
"fries.svg": [ "fries", "french-fries", "fast-food", "red", "yellow" ],
"gear.svg": [ "gear", "ui-icon", "black" ], "gear.svg": [ "gear", "ui-icon", "black" ],
"gift.svg": [ "gift", "red", "christmas", "xmas", "birthday", "bday", "present", "festive" ], "gift.svg": [ "gift", "red", "christmas", "xmas", "birthday", "bday", "present", "festive" ],
"gingerbread-man.svg": [ "gingerbread-man", "xmas", "christmas", "festive", "brown" ], "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" ],
"house.svg": [ "house", "ui-icon" ], "house.svg": [ "house", "home", "building", "ui-icon" ],
"ice-cream.svg": [ "ice-cream", "dessert", "food", "ui-icon", "pink", "brown" ], "ice-cream.svg": [ "ice-cream", "dessert", "food", "ui-icon", "pink", "brown" ],
"inbox.svg": [ "inbox", "arrow", "email", "e-mail", "ui-icon", "blue", "orange" ], "inbox.svg": [ "inbox", "arrow", "email", "e-mail", "ui-icon", "blue", "orange" ],
"instagram-detailed.svg": [ "instagram-detailed", "logo", "purple", "magenta" ], "instagram-detailed.svg": [ "instagram-detailed", "logo", "purple", "magenta" ],
"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" ],
"luggage.svg": [ "luggage", "bag", "travel", "pink" ],
"magnifier.svg": [ "magnifier", "zoom", "ui-icon", "brown", "white", "search" ], "magnifier.svg": [ "magnifier", "zoom", "ui-icon", "brown", "white", "search" ],
"mail.svg": [ "mail", "email", "e-mail", "envelope", "ui-icon", "brown" ], "mail.svg": [ "mail", "email", "e-mail", "envelope", "ui-icon", "brown" ],
"mail-open.svg": [ "mail-open", "email", "e-mail", "envelope", "ui-icon", "brown", "blue" ], "mail-open.svg": [ "mail-open", "email", "e-mail", "envelope", "ui-icon", "brown", "blue" ],
@ -98,10 +100,13 @@
"paste.svg": [ "paste", "ui-icon", "cut", "copy" ], "paste.svg": [ "paste", "ui-icon", "cut", "copy" ],
"pear.svg": [ "pear", "fruit", "food", "green" ], "pear.svg": [ "pear", "fruit", "food", "green" ],
"pencil.svg": [ "pencil", "ui-icon", "yellow", "blue", "edit" ], "pencil.svg": [ "pencil", "ui-icon", "yellow", "blue", "edit" ],
"penguin.svg": [ "penguin", "animal", "bird", "full-body", "black", "white" ],
"phone.svg": [ "phone", "ui-icon", "red" ], "phone.svg": [ "phone", "ui-icon", "red" ],
"photo.svg": [ "photo", "ui-icon", "blue" ], "photo.svg": [ "photo", "ui-icon", "blue" ],
"picture.svg": [ "picture", "drawing", "painting", "ui-icon", "blue" ], "picture.svg": [ "picture", "drawing", "painting", "ui-icon", "blue" ],
"pin.svg": [ "pin", "ui-icon", "red" ], "pin.svg": [ "pin", "ui-icon", "red" ],
"pizza-slice.svg": [ "pizza-slice", "food", "orange", "yellow" ],
"pizza-whole.svg": [ "pizza-whole", "food", "orange", "yellow", "red" ],
"plane.svg": [ "plane", "air-plane", "airplane", "aero-plane", "aeroplane", "aircraft", "vehicle", "transportation", "white", "red" ], "plane.svg": [ "plane", "air-plane", "airplane", "aero-plane", "aeroplane", "aircraft", "vehicle", "transportation", "white", "red" ],
"printer.svg": [ "printer", "fax", "paper", "ui-icon" ], "printer.svg": [ "printer", "fax", "paper", "ui-icon" ],
"pumpkin.svg": [ "pumpkin", "halloween", "spooky", "festive", "orange" ], "pumpkin.svg": [ "pumpkin", "halloween", "spooky", "festive", "orange" ],
@ -116,6 +121,7 @@
"santa.svg": [ "santa-full", "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" ],
"shop.svg": [ "shop", "business", "house", "building", "ui-icon", "grey-gray" ],
"shortcake.svg": [ "shortcake", "short-cake", "strawberry", "food", "dessert", "candles", "red", "orange" ], "shortcake.svg": [ "shortcake", "short-cake", "strawberry", "food", "dessert", "candles", "red", "orange" ],
"snowman.svg": [ "snowman", "white" ], "snowman.svg": [ "snowman", "white" ],
"strawberry.svg": [ "strawberry", "fruit", "food", "red" ], "strawberry.svg": [ "strawberry", "fruit", "food", "red" ],