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

Compare commits

base: shuqi:7431b50b8d3cb027f557911658a1c3dafbaa1a8b
Branches Tags
shuqi:main
..
compare: shuqi:098d1e5d3e250e1dd6bf9c688d766bdb8c46b317
Branches Tags
shuqi:main

3 Commits
7431b50b8d ... 098d1e5d3e

Author SHA1 Message Date
Shuqi
098d1e5d3e Improved Chrome icon colours 2025-05-09 12:28:16 +08:00
Shuqi
dbe8982edc Added some logos 2025-05-09 12:27:58 +08:00
Shuqi
4b65e7cc78 Added candy and lollipop 2025-05-09 12:26:59 +08:00
11 changed files with 98 additions and 6 deletions
Show Stats Expand all files Collapse all files

11
public/icons.json
View File

@ -49,7 +49,8 @@
"california-roll.svg" : [ "california-roll", "food", "sushi", "japan", "rice", "orange" ],
"camera-polaroid.svg": [ "camera-polaroid", "grey-gray" ],
"camera.svg": [ "camera", "grey-gray" ],
"candycane.svg": [ "candycane", "xmas", "christmas", "festive", "red", "white" ],
"candy.svg": [ "candy", "sweet", "food", "xmas", "christmas", "festive", "red" ],
"candycane.svg": [ "candycane", "food", "xmas", "christmas", "festive", "red" ],
"capybara.svg": [ "capybara", "animal", "full-body", "brown" ],
"car.svg": [ "car", "vehicle", "transportation", "blue" ],
"caret-down.svg": [ "caret-down", "ui-icon", "blue" ],
@ -68,8 +69,10 @@
"cat-white.svg": [ "cat-white", "cat", "face", "animal", "white" ],
"charmander.svg": [ "charmander", "pokemon", "orange" ],
"chart.svg": [ "chart", "ui-icon" ],
"chatgpt.svg": [ "chatgpt", "chat-gpt", "logo", "apps", "application", "ai" ],
"christmas-tree.svg": [ "christmas-tree", "green", "christmas", "tree", "xmas", "festive" ],
"chrome.svg": [ "chrome", "google", "browser", "logo", "apps", "application", "colourful-colorful" ],
"claude.svg": [ "claude", "logo", "apps", "application", "ai" ],
"clipboard.svg": [ "clipboard", "ui-icon", "cut", "copy", "paste" ],
"clock.svg": [ "clock", "ui-icon", "time", "white" ],
"cloud.svg": [ "cloud", "ui-icon", "weather", "white" ],
@ -121,6 +124,7 @@
"fries.svg": [ "fries", "french-fries", "fast-food", "snack", "red", "yellow" ],
"game-controller.svg": [ "game-controller", "play-station", "x-box", "nintendo", "buttons", "ui-icon", "purple" ],
"gear.svg": [ "gear", "settings", "preferences", "ui-icon", "black" ],
"gemini.svg": [ "gemini", "logo", "apps", "application", "ai" ],
"ghost.svg": [ "ghost", "white", "halloween", "spooky", "festive" ],
"ghost-blue.svg": [ "ghost-blue", "blue", "halloween", "spooky", "festive", "pacman", "game" ],
"ghost-orange.svg": [ "ghost-orange", "orange", "halloween", "spooky", "festive", "pacman", "game" ],
@ -130,6 +134,9 @@
"gingerbread-man.svg": [ "gingerbread-man", "xmas", "christmas", "festive", "brown" ],
"github.svg": [ "github", "logo", "black" ],
"github-big.svg": [ "github-big", "github", "logo", "black" ],
"google.svg": [ "google", "logo", "apps", "application", "search" ],
"google-full.svg": [ "google-full", "logo", "apps", "application", "search" ],
"google-maps.svg": [ "google-maps", "logo", "apps", "application", "navigation", "location", "gps" ],
"gua-bao.svg": [ "gua-bao", "guabao", "bao", "food", "taiwan", "white", "brown" ],
"guitar.svg": [ "guitar", "musical-instrument", "brown" ],
"headphones.svg": [ "headphones", "ui-icon", "black", "grey-gray" ],
@ -160,6 +167,7 @@
"linkedin.svg": [ "linkedin", "logo", "apps", "application", "social-network", "blue" ],
"lock.svg": [ "lock", "ui-icon", "yellow", "orange" ],
"locomotive.svg": [ "locomotive", "vehicle", "train", "choo-choo-train", "transportation", "red" ],
"lollipop.svg": [ "lollipop", "candy", "sweet", "food", "pink", "purple" ],
"lu-rou-fan.svg": [ "lu-rou-fan", "food", "rice", "bowl", "taiwan", "brown" ],
"luggage.svg": [ "luggage", "bag", "travel", "pink" ],
"magnifier.svg": [ "magnifier", "zoom", "ui-icon", "brown", "white", "search" ],
@ -202,6 +210,7 @@
"panda.svg": [ "panda", "animal", "bear", "full-body", "black", "white" ],
"paper-bag.svg": [ "paper-bag", "ui-icon", "pink" ],
"paste.svg": [ "paste", "ui-icon", "cut", "copy" ],
"paypal.svg": [ "paypal", "pay-pal", "logo", "apps", "application", "payment" ],
"pear.svg": [ "pear", "fruit", "food", "green" ],
"pencil.svg": [ "pencil", "ui-icon", "write", "edit" ],
"penguin.svg": [ "penguin", "animal", "bird", "full-body", "black", "white" ],

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

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

After

Width:  |  Height:  |  Size: 470 B

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

@ -0,0 +1,11 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9 9" class="pixelicon-chatgpt">
<rect fill="#343341" x="2" y="0" width="2" height="1"/>
<rect fill="#343341" x="5" y="0" width="2" height="1"/>
<path fill="#343341" d="M2,1H1V3H0V7H1V8H2V7H3V6H1V4H2z"/>
<rect fill="#343341" x="4" y="1" width="1" height="1"/>
<path fill="#343341" d="M6,3H8V5H7V8H8V6H9V2H8V1H7V2H6z"/>
<path fill="#343341" d="M2,5H3V6H5V7H6V5H7V4H6V3H4V2H3V4H2z M5,4V5H4V4z"/>
<rect fill="#343341" x="4" y="7" width="1" height="1"/>
<rect fill="#343341" x="2" y="8" width="2" height="1"/>
<rect fill="#343341" x="5" y="8" width="2" height="1"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 629 B

10
public/icons/chrome.svg
View File

@ -1,7 +1,7 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9 9" class="pixelicon-chrome">
<polygon fill="#F92F3C" points="6,2 6,1 3,1 3,2 2,2 2,3 1,3 1,4 2,4 2,5 3,5 3,3 7,3 7,2"/>
<path fill="#EBEAF7" d="M3,3v3h3V3H3z M5,5H4V4h1V5z"/>
<rect fill="#4435FF" x="4" y="4" width="1" height="1"/>
<polygon fill="#00AF3E" points="3,6 3,5 2,5 2,4 1,4 1,6 2,6 2,7 3,7 3,8 4,8 4,7 5,7 5,6"/>
<polygon fill="#FFE800" points="6,3 6,6 5,6 5,7 4,7 4,8 6,8 6,7 7,7 7,6 8,6 8,3"/>
<path fill="#EA4335" d="M1,4H2V5H3V3H7V2H6V1H3V2H2V3H1z"/>
<path fill="#FFFFFF" d="M6,3H3V6H6z M5,4V5H4V4z"/>
<path fill="#FBBC05" d="M8,3H6V6H5V7H4V8H6V7H7V6H8z"/>
<path fill="#34A853" d="M1,6H2V7H3V8H4V7H5V6H3V5H2V4H1z"/>
<rect fill="#4285F4" x="4" y="4" width="1" height="1"/>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 471 B

After

Width:  |  Height:  |  Size: 375 B

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

@ -0,0 +1,7 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9 9" class="pixelicon-claude">
<path fill="#D97757" d="M6,4V3H5V1H4V3H3V4H1V5H3V6H4V8H5V6H6V5H8V4z"/>
<rect fill="#D97757" x="2" y="2" width="1" height="1"/>
<rect fill="#D97757" x="6" y="2" width="1" height="1"/>
<rect fill="#D97757" x="2" y="6" width="1" height="1"/>
<rect fill="#D97757" x="6" y="6" width="1" height="1"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 390 B

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

@ -0,0 +1,12 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9 9" class="pixelicon-gemini">
<rect fill="#7C72C6" x="4" y="0" width="1" height="3"/>
<rect fill="#7C72C6" x="3" y="3" width="1" height="2"/>
<rect fill="#7C72C6" x="2" y="5" width="1" height="1"/>
<rect fill="#637FCE" x="4" y="3" width="1" height="2"/>
<rect fill="#637FCE" x="3" y="5" width="1" height="2"/>
<rect fill="#9168C0" x="3" y="2" width="1" height="1"/>
<path fill="#9168C0" d="M2,4H0V5H3V3H2z"/>
<rect fill="#438DD7" x="5" y="2" width="1" height="3"/>
<rect fill="#438DD7" x="4" y="5" width="1" height="4"/>
<path fill="#1BA1E3" d="M7,3H6V5H5V7H6V6H7V5H9V4H7z"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 646 B

9
public/icons/google-full.svg Normal file
View File

@ -0,0 +1,9 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9 9" class="pixelicon-google-full">
<rect fill="#4285F4" x="2" y="3" width="1" height="1"/>
<path fill="#4285F4" d="M2,4H1V6H3V5H2z"/>
<rect fill="#4285F4" x="5" y="5" width="1" height="2"/>
<rect fill="#EA4335" x="3" y="5" width="1" height="1"/>
<rect fill="#EA4335" x="7" y="5" width="1" height="1"/>
<rect fill="#FBBC05" x="4" y="5" width="1" height="1"/>
<rect fill="#34A853" x="6" y="4" width="1" height="2"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 481 B

7
public/icons/google-maps.svg Normal file
View File

@ -0,0 +1,7 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9 9" class="pixelicon-google-maps">
<rect fill="#1A73E8" x="3" y="2" width="2" height="1"/>
<path fill="#4285F4" d="M5,4H7V3H6V2H5z"/>
<path fill="#EA4335" d="M2,5H3V4H4V3H2z"/>
<path fill="#34A853" d="M5,6H4V8H5V7H6V6H7V4H6V5H5z"/>
<path fill="#FBBC04" d="M2,6H3V7H4V5H2z"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 340 B

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

@ -0,0 +1,8 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9 9" class="pixelicon-google">
<rect fill="#EA4335" x="3" y="2" width="3" height="1"/>
<rect fill="#EA4335" x="2" y="3" width="1" height="1"/>
<rect fill="#FBBC05" x="2" y="4" width="1" height="2"/>
<rect fill="#34A853" x="3" y="6" width="2" height="1"/>
<path fill="#4285F4" d="M5,5H6V6H7V4H5z"/>
<rect fill="#4285F4" x="5" y="6" width="1" height="1"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 419 B

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

@ -0,0 +1,15 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9 9" class="pixelicon-lollipop">
<path fill="#9F65FF" d="M3,0V1H2V2H5V1H6V0z"/>
<rect fill="#9F65FF" x="6" y="1" width="1" height="1"/>
<rect fill="#9F65FF" x="1" y="2" width="1" height="3"/>
<rect fill="#9F65FF" x="5" y="2" width="1" height="2"/>
<rect fill="#9F65FF" x="7" y="2" width="1" height="3"/>
<path fill="#9F65FF" d="M4,3H3V5H5V4H4z"/>
<rect fill="#9F65FF" x="2" y="5" width="1" height="1"/>
<rect fill="#9F65FF" x="6" y="5" width="1" height="1"/>
<rect fill="#9F65FF" x="3" y="6" width="3" height="1"/>
<rect fill="#FFAEB0" x="5" y="1" width="1" height="1"/>
<path fill="#FFAEB0" d="M3,3H4V4H5V2H2V5H3z"/>
<path fill="#FFAEB0" d="M6,4H5V5H3V6H6V5H7V2H6z"/>
<rect fill="#EBEAF7" x="4" y="7" width="1" height="2"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 797 B

5
public/icons/paypal.svg Normal file
View File

@ -0,0 +1,5 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9 9" class="pixelicon-paypal">
<path fill="#002987" d="M3,3H6V2H2V7H3z"/>
<rect fill="#00186A" x="3" y="3" width="3" height="2"/>
<path fill="#0085CC" d="M3,5V8H4V6H7V3H6V5z"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 239 B