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

Initial commit

Browse Source
This commit is contained in:
Shuqi 2023-11-08 00:46:14 +08:00
commit 5750c64e0d
118 changed files with 5219 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
.eslintrc.cjs Normal file
View File

@ -0,0 +1,20 @@
module.exports = {
root: true,
env: { browser: true, es2020: true },
extends: [
'eslint:recommended',
'plugin:react/recommended',
'plugin:react/jsx-runtime',
'plugin:react-hooks/recommended',
],
ignorePatterns: ['dist', '.eslintrc.cjs'],
parserOptions: { ecmaVersion: 'latest', sourceType: 'module' },
settings: { react: { version: '18.2' } },
plugins: ['react-refresh'],
rules: {
'react-refresh/only-export-components': [
'warn',
{ allowConstantExport: true },
],
},
}

24
.gitignore vendored Normal file
View File

@ -0,0 +1,24 @@
# Logs
logs
*.log
npm-debug.log*
yarn-debug.log*
yarn-error.log*
pnpm-debug.log*
lerna-debug.log*
node_modules
dist
dist-ssr
*.local
# Editor directories and files
.vscode/*
!.vscode/extensions.json
.idea
.DS_Store
*.suo
*.ntvs*
*.njsproj
*.sln
*.sw?

8
README.md Normal file
View File

@ -0,0 +1,8 @@
# React + Vite
This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
Currently, two official plugins are available:
- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react/README.md) uses [Babel](https://babeljs.io/) for Fast Refresh
- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh

13
index.html Normal file
View File

@ -0,0 +1,13 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Pixel Icons</title>
</head>
<body>
<div id="root"></div>
<script type="module" src="/src/main.jsx"></script>
</body>
</html>

3966
package-lock.json generated Normal file
View File

File diff suppressed because it is too large Load Diff

28
package.json Normal file
View File

@ -0,0 +1,28 @@
{
"name": "pixel-icon-web",
"private": true,
"version": "0.0.0",
"type": "module",
"scripts": {
"dev": "vite",
"build": "vite build",
"lint": "eslint . --ext js,jsx --report-unused-disable-directives --max-warnings 0",
"preview": "vite preview"
},
"dependencies": {
"@reduxjs/toolkit": "^1.9.7",
"react": "^18.2.0",
"react-dom": "^18.2.0",
"react-redux": "^8.1.3"
},
"devDependencies": {
"@types/react": "^18.2.15",
"@types/react-dom": "^18.2.7",
"@vitejs/plugin-react": "^4.0.3",
"eslint": "^8.45.0",
"eslint-plugin-react": "^7.32.2",
"eslint-plugin-react-hooks": "^4.6.0",
"eslint-plugin-react-refresh": "^0.4.3",
"vite": "^4.4.5"
}
}

5
public/icons/align-center.svg Normal file
View File

@ -0,0 +1,5 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9 9" class="pixelicon-align-center">
<polygon fill="#343341" points="3,2 6,2 6,3 3,3"/>
<polygon fill="#343341" points="2,4 7,4 7,5 2,5"/>
<polygon fill="#343341" points="3,6 6,6 6,7 3,7"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 252 B

5
public/icons/align-justify.svg Normal file
View File

@ -0,0 +1,5 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9 9" class="pixelicon-align-justify">
<polygon fill="#343341" points="2,2 7,2 7,3 2,3"/>
<polygon fill="#343341" points="2,4 7,4 7,5 2,5"/>
<polygon fill="#343341" points="2,6 7,6 7,7 2,7"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 253 B

5
public/icons/align-left.svg Normal file
View File

@ -0,0 +1,5 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9 9" class="pixelicon-align-left">
<polygon fill="#343341" points="2,2 6,2 6,3 2,3"/>
<polygon fill="#343341" points="2,4 7,4 7,5 2,5"/>
<polygon fill="#343341" points="2,6 4,6 4,7 2,7"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 250 B

5
public/icons/align-right.svg Normal file
View File

@ -0,0 +1,5 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9 9" class="pixelicon-align-right">
<polygon fill="#343341" points="3,2 7,2 7,3 3,3"/>
<polygon fill="#343341" points="2,4 7,4 7,5 2,5"/>
<polygon fill="#343341" points="5,6 7,6 7,7 5,7"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 251 B

5
public/icons/apple-logo.svg Normal file
View File

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

After

Width:  |  Height:  |  Size: 340 B

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

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

After

Width:  |  Height:  |  Size: 433 B

3
public/icons/arrow-down.svg Normal file
View File

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9 9" class="pixelicon-arrow-down">
<polygon fill="#4435FF" points="4,1 4,5 2,5 2,6 3,6 3,7 4,7 4,8 5,8 5,7 6,7 6,6 7,6 7,5 5,5 5,1"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 194 B

3
public/icons/arrow-left.svg Normal file
View File

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9 9" class="pixelicon-arrow-left">
<polygon fill="#4435FF" points="8,4 4,4 4,2 3,2 3,3 2,3 2,4 1,4 1,5 2,5 2,6 3,6 3,7 4,7 4,5 8,5"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 194 B

3
public/icons/arrow-right.svg Normal file
View File

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9 9" class="pixelicon-arrow-right">
<polygon fill="#4435FF" points="1,5 5,5 5,7 6,7 6,6 7,6 7,5 8,5 8,4 7,4 7,3 6,3 6,2 5,2 5,4 1,4"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 195 B

3
public/icons/arrow-up.svg Normal file
View File

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9 9" class="pixelicon-arrow-up">
<polygon fill="#4435FF" points="5,8 5,4 7,4 7,3 6,3 6,2 5,2 5,1 4,1 4,2 3,2 3,3 2,3 2,4 4,4 4,8"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 192 B

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

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

After

Width:  |  Height:  |  Size: 312 B

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

@ -0,0 +1,9 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9 9" class="pixelicon-basket">
<path fill="#F92F3C" d="M1,4v2h1v2h5V6h1V4H1z M4,7H3V5h1V7z M6,7H5V5h1V7z"/>
<rect fill="#DA2934" x="3" y="5" width="1" height="2"/>
<rect fill="#DA2934" x="5" y="5" width="1" height="2"/>
<rect fill="#9C5F00" x="2" y="3" width="1" height="1"/>
<rect fill="#9C5F00" x="3" y="2" width="1" height="1"/>
<rect fill="#9C5F00" x="6" y="3" width="1" height="1"/>
<rect fill="#9C5F00" x="5" y="2" width="1" height="1"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 510 B

4
public/icons/battery-1-6.svg Normal file
View File

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

After

Width:  |  Height:  |  Size: 220 B

4
public/icons/battery-2-6.svg Normal file
View File

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

After

Width:  |  Height:  |  Size: 220 B

4
public/icons/battery-3-6.svg Normal file
View File

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

After

Width:  |  Height:  |  Size: 220 B

4
public/icons/battery-4-6.svg Normal file
View File

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

After

Width:  |  Height:  |  Size: 220 B

4
public/icons/battery-5-6.svg Normal file
View File

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

After

Width:  |  Height:  |  Size: 220 B

4
public/icons/battery-6-6.svg Normal file
View File

@ -0,0 +1,4 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9 9" class="pixelicon-battery-6-6">
<rect fill="#73E030" x="1" y="3" width="6" height="3"/>
<rect fill="#6F6D81" x="7" y="4" width="1" height="1"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 209 B

4
public/icons/bell.svg Normal file
View File

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

After

Width:  |  Height:  |  Size: 224 B

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

@ -0,0 +1,6 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9 9" class="pixelicon-bin">
<rect fill="#6F6D81" x="4" y="0" width="1" height="1"/>
<path fill="#6F6D81" d="M6,2V1H5v1H4V1H3v1H1v1h1v5h5V3h1V2H6z M4,7H3V3h1V7z M6,7H5V3h1V7z"/>
<rect fill="#A1A0B4" x="3" y="3" width="1" height="4"/>
<rect fill="#A1A0B4" x="5" y="3" width="1" height="4"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 352 B

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

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

After

Width:  |  Height:  |  Size: 453 B

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

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

After

Width:  |  Height:  |  Size: 270 B

3
public/icons/bookmark.svg Normal file
View File

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9 9" class="pixelicon-bookmark">
<path fill="#F92F3C" d="M7,7V1C5.7,1,3.5,1,2,1v6h1V6h1V5h1v1h1v1H7z"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 164 B

8
public/icons/burger-menu.svg Normal file
View File

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

After

Width:  |  Height:  |  Size: 437 B

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

@ -0,0 +1,9 @@
<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"/>
<rect fill="#D38100" x="2" y="6" width="5" height="1"/>
<rect fill="#00AF3E" x="2" y="4" width="1" height="1"/>
<polygon fill="#FFE800" points="4,5 5,5 5,4 3,4 3,6 4,6"/>
<rect fill="#F92F3C" x="5" y="4" width="2" height="1"/>
<rect fill="#805000" x="2" y="5" width="1" height="1"/>
<rect fill="#805000" x="4" y="5" width="3" height="1"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 503 B

17
public/icons/bus.svg Normal file
View File

@ -0,0 +1,17 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9 9" class="pixelicon-bus">
<path fill="#F92F3C" d="M0,1v1h1v2H0v2h1V5h1v1h1v1h3V6h1V5h1v1h1V4H8V2h1V1H0z M2,2h2v2H2V2z M7,4H5V2h2V4z"/>
<rect fill="#89CDFF" x="0" y="2" width="1" height="2"/>
<rect fill="#89CDFF" x="2" y="2" width="2" height="2"/>
<rect fill="#89CDFF" x="5" y="2" width="2" height="2"/>
<rect fill="#89CDFF" x="8" y="2" width="1" height="2"/>
<rect fill="#FFFFFF" x="1" y="6" width="1" height="1"/>
<rect fill="#FFFFFF" x="7" y="6" width="1" height="1"/>
<rect fill="#343341" x="1" y="5" width="1" height="1"/>
<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="0" y="6" width="1" height="1"/>
<rect fill="#343341" x="7" y="5" width="1" height="1"/>
<rect fill="#343341" x="8" y="6" width="1" height="1"/>
<rect fill="#343341" x="7" y="7" width="1" height="1"/>
<rect fill="#343341" x="6" y="6" width="1" height="1"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 995 B

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

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

After

Width:  |  Height:  |  Size: 348 B

14
public/icons/camera-polaroid.svg Normal file
View File

@ -0,0 +1,14 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9 9" class="pixelicon-camera-polaroid">
<path fill="#E5E3D1" d="M0,1v4h3V2h3v3h3V1H0z M2,4H1V3h1V4z M8,4H7V3h1V4z"/>
<rect fill="#FFFCE8" x="0" y="5" width="3" height="1"/>
<rect fill="#FFFCE8" x="6" y="5" width="3" height="1"/>
<rect fill="#343341" x="1" y="6" width="7" height="1"/>
<polygon fill="#E5E3D1" points="8,6 8,7 1,7 1,6 0,6 0,8 9,8 9,6"/>
<rect fill="#F92F3C" x="1" y="3" width="1" height="1"/>
<rect fill="#FFFFFF" x="7" y="3" width="1" height="1"/>
<path fill="#343341" d="M3,2v3h3V2H3z M5,4H4V3h1V4z"/>
<rect fill="#6F6D81" x="4" y="3" width="1" height="1"/>
<rect fill="#F92F3C" x="3" y="5" width="1" height="1"/>
<rect fill="#FFE800" x="4" y="5" width="1" height="1"/>
<rect fill="#89CDFF" x="5" y="5" width="1" height="1"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 814 B

16
public/icons/camera.svg Normal file
View File

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

After

Width:  |  Height:  |  Size: 891 B

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

@ -0,0 +1,15 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9 9" class="pixelicon-car">
<polygon fill="#89CDFF" points="2,2 2,3 1,3 1,4 8,4 8,2 "/>
<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="#FFFFFF" x="2" y="6" width="1" height="1"/>
<rect fill="#343341" x="3" y="6" width="1" height="1"/>
<rect fill="#343341" x="2" y="7" width="1" height="1"/>
<rect fill="#343341" x="5" y="6" width="1" height="1"/>
<rect fill="#FFFFFF" x="6" y="6" width="1" height="1"/>
<rect fill="#343341" x="7" y="6" width="1" height="1"/>
<rect fill="#343341" x="6" y="7" width="1" height="1"/>
<rect fill="#4435FF" x="2" y="1" width="6" height="1"/>
<polygon fill="#4435FF" points="0,4 0,7 1,7 1,6 2,6 2,5 3,5 3,6 4,6 4,7 5,7 5,6 6,6 6,5 7,5 7,6 8,6 8,7 9,7 9,4 "/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 892 B

3
public/icons/caret-down.svg Normal file
View File

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9 9" class="pixelicon-caret-down">
<polygon fill="#4435FF" points="2,4 3,4 3,5 4,5 4,6 5,6 5,5 6,5 6,4 7,4 7,3 2,3 "/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 179 B

3
public/icons/caret-left.svg Normal file
View File

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9 9" class="pixelicon-caret-left">
<polygon fill="#4435FF" points="5,2 5,3 4,3 4,4 3,4 3,5 4,5 4,6 5,6 5,7 6,7 6,2 "/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 179 B

3
public/icons/caret-right.svg Normal file
View File

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9 9" class="pixelicon-caret-right">
<polygon fill="#4435FF" points="4,7 4,6 5,6 5,5 6,5 6,4 5,4 5,3 4,3 4,2 3,2 3,7 "/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 180 B

3
public/icons/caret-up.svg Normal file
View File

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9 9" class="pixelicon-caret-up">
<polygon fill="#4435FF" points="7,5 6,5 6,4 5,4 5,3 4,3 4,4 3,4 3,5 2,5 2,6 7,6 "/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 177 B

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

@ -0,0 +1,6 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9 9" class="pixelicon-chart">
<polygon fill="#4236F7" points="1,2 3,2 3,3 1,3"/>
<polygon fill="#FFEA00" points="2,3 8,3 8,7 3,7 3,6 2,6"/>
<polygon fill="#343340" points="3,7 4,7 4,8 3,8"/>
<polygon fill="#343340" points="6,7 7,7 7,8 6,8"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 305 B

10
public/icons/cat-black.svg Normal file
View File

@ -0,0 +1,10 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9 9" class="pixelicon-cat-black">
<rect fill="#343341" x="1" y="1" width="1" height="1"/>
<rect fill="#343341" x="7" y="1" width="1" height="1"/>
<path fill="#343341" d="M7,3V2H6v1H3V2H2v1H1v4h1v1h5V7h1V3H7z M3,6H2V5h1V6z M5,7H4V6h1V7z M7,6H6V5h1V6z"/>
<rect fill="#6F6D81" x="1" y="2" width="1" height="1"/>
<rect fill="#6F6D81" x="7" y="2" width="1" height="1"/>
<rect fill="#FFFBD4" x="2" y="5" width="1" height="1"/>
<rect fill="#FFFBD4" x="6" y="5" width="1" height="1"/>
<rect fill="#FFAEB0" x="4" y="6" width="1" height="1"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 600 B

12
public/icons/cat-calico.svg Normal file
View File

@ -0,0 +1,12 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9 9" class="pixelicon-cat-calico">
<path fill="#EBEAF7" d="M7,5v1H6V4H5V3H4v1H3v2H2V5H1v2h1V8h5V7h1V5H7z M5,7H4V6h1V7z"/>
<rect fill="#FFB100" x="1" y="1" width="1" height="1"/>
<polygon fill="#FFB100" points="3,3 3,2 2,2 2,3 1,3 1,5 3,5 3,4 4,4 4,3"/>
<rect fill="#D38100" x="7" y="1" width="1" height="1"/>
<polygon fill="#D38100" points="7,2 6,2 6,3 5,3 5,4 6,4 6,5 8,5 8,3 7,3"/>
<rect fill="#9C5F00" x="1" y="2" width="1" height="1"/>
<rect fill="#9C5F00" x="7" y="2" 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="#FFAEB0" x="4" y="6" width="1" height="1"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 733 B

15
public/icons/cat-grey.svg Normal file
View File

@ -0,0 +1,15 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9 9" class="pixelicon-cat-grey">
<rect fill="#A1A0B4" x="1" y="1" width="1" height="1"/>
<rect fill="#A1A0B4" x="7" y="1" width="1" height="1"/>
<polygon fill="#A1A0B4" points="3,2 2,2 2,4 1,4 1,7 2,7 2,5 4,5 4,4 3,4"/>
<rect fill="#A1A0B4" x="4" y="3" width="1" height="1"/>
<polygon fill="#A1A0B4" points="6,2 6,4 5,4 5,5 7,5 7,7 8,7 8,4 7,4 7,2"/>
<rect fill="#6F6D81" x="1" y="2" width="1" height="2"/>
<rect fill="#6F6D81" x="3" y="3" width="1" height="1"/>
<rect fill="#6F6D81" x="5" y="3" width="1" height="1"/>
<rect fill="#6F6D81" x="7" y="2" width="1" height="2"/>
<rect fill="#343341" x="2" y="5" width="1" height="1"/>
<rect fill="#343341" x="6" y="5" width="1" height="1"/>
<path fill="#EBEAF7" d="M6,6V5H5V4H4v1H3v1H2v2h5V6H6z M5,7H4V6h1V7z"/>
<rect fill="#FFAEB0" x="4" y="6" width="1" height="1"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 886 B

15
public/icons/cat-orange.svg Normal file
View File

@ -0,0 +1,15 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9 9" class="pixelicon-cat-orange">
<rect fill="#FFB100" x="1" y="1" width="1" height="1"/>
<rect fill="#FFB100" x="7" y="1" width="1" height="1"/>
<polygon fill="#FFB100" points="3,2 2,2 2,4 1,4 1,7 2,7 2,5 4,5 4,4 3,4"/>
<rect fill="#FFB100" x="4" y="3" width="1" height="1"/>
<polygon fill="#FFB100" points="6,2 6,4 5,4 5,5 7,5 7,7 8,7 8,4 7,4 7,2"/>
<rect fill="#D38100" x="1" y="2" width="1" height="2"/>
<rect fill="#D38100" x="3" y="3" width="1" height="1"/>
<rect fill="#D38100" x="5" y="3" width="1" height="1"/>
<rect fill="#D38100" x="7" y="2" width="1" height="2"/>
<rect fill="#343341" x="2" y="5" width="1" height="1"/>
<rect fill="#343341" x="6" y="5" width="1" height="1"/>
<path fill="#EBEAF7" d="M6,6V5H5V4H4v1H3v1H2v2h5V6H6z M5,7H4V6h1V7z"/>
<rect fill="#FFAEB0" x="4" y="6" width="1" height="1"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 888 B

12
public/icons/cat-tabby.svg Normal file
View File

@ -0,0 +1,12 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9 9" class="pixelicon-cat-tabby">
<path fill="#FFB100" d="M7,4V2H6v1v1H5V3H4v1H3V3V2H2v2H1v3h1V8h5V7h1V4H7z M3,6H2V5h1V6z M5,7H4V6h1V7z M7,6H6V5h1V6z"/>
<rect fill="#FFB100" x="1" y="1" width="1" height="1"/>
<rect fill="#FFB100" x="7" y="1" width="1" height="1"/>
<rect fill="#D38100" x="1" y="2" width="1" height="2"/>
<rect fill="#D38100" x="3" y="3" width="1" height="1"/>
<rect fill="#D38100" x="5" y="3" width="1" height="1"/>
<rect fill="#D38100" x="7" y="2" width="1" height="2"/>
<rect fill="#343341" x="2" y="5" width="1" height="1"/>
<rect fill="#343341" x="6" y="5" width="1" height="1"/>
<rect fill="#D38100" x="4" y="6" width="1" height="1"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 726 B

10
public/icons/cat-white.svg Normal file
View File

@ -0,0 +1,10 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9 9" class="pixelicon-cat-white">
<rect fill="#ECEBF7" x="1" y="1" width="1" height="1"/>
<rect fill="#ECEBF7" x="7" y="1" width="1" height="1"/>
<path fill="#ECEBF7" d="M7,3V2H6v1H3V2H2v1H1v4h1v1h5V7h1V3H7z M3,6H2V5h1V6z M5,7H4V6h1V7z M7,6H6V5h1V6z"/>
<rect fill="#FFAEB0" x="1" y="2" width="1" height="1"/>
<rect fill="#FFAEB0" x="7" y="2" width="1" height="1"/>
<rect fill="#343340" x="2" y="5" width="1" height="1"/>
<rect fill="#343340" x="6" y="5" width="1" height="1"/>
<rect fill="#FFAEB0" x="4" y="6" width="1" height="1"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 600 B

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

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

After

Width:  |  Height:  |  Size: 260 B

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

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

After

Width:  |  Height:  |  Size: 471 B

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

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

After

Width:  |  Height:  |  Size: 403 B

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

@ -0,0 +1,14 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9 9" class="pixelicon-cloud">
<polygon fill="#EBEAF7" points="2,2 4,2 4,3 2,3"/>
<polygon fill="#EBEAF7" points="5,2 6,2 6,3 5,3"/>
<polygon fill="#EBEAF7" points="1,3 2,3 2,4 1,4"/>
<polygon fill="#EBEAF7" points="4,3 5,3 5,4 4,4"/>
<polygon fill="#EBEAF7" points="6,3 7,3 7,4 6,4"/>
<polygon fill="#EBEAF7" points="0,4 1,4 1,7 0,7"/>
<polygon fill="#EBEAF7" points="7,4 8,4 8,5 7,5"/>
<polygon fill="#EBEAF7" points="2,5 3,5 3,6 2,6"/>
<polygon fill="#EBEAF7" points="4,5 5,5 5,6 4,6"/>
<polygon fill="#EBEAF7" points="8,5 9,5 9,7 8,7"/>
<polygon fill="#EBEAF7" points="1,7 8,7 8,8 1,8"/>
<path fill="#FFFFFF" fill-rule="evenodd" d="M2,3H4V4H5V3H6V4H7V5H8V7H1V4H2z M2,5H3V6H2z M4,5H5V6H4z"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 765 B

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

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

After

Width:  |  Height:  |  Size: 672 B

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

@ -0,0 +1,12 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9 9" class="pixelicon-copy">
<rect fill="#D0EAFF" x="6" y="5" width="1" height="1"/>
<rect fill="#D0EAFF" x="6" y="6" width="1" height="1"/>
<rect fill="#D0EAFF" x="3" y="5" width="1" height="1"/>
<rect fill="#D0EAFF" x="3" y="7" width="1" height="1"/>
<rect fill="#D0EAFF" x="6" y="7" width="1" height="1"/>
<path fill="#D0EAFF" d="M6,7H4V6h2V7h1V3H3v5h3V7z M4,4h2v1H4V4z"/>
<rect fill="#6F6D81" x="4" y="4" width="2" height="1"/>
<rect fill="#6F6D81" x="4" y="6" width="2" height="1"/>
<polygon fill="#89CDFF" points="2,1 2,6 3,6 3,3 6,3 6,1"/>
<rect fill="#89CDFF" x="6" y="7" width="1" height="1"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 672 B

14
public/icons/dog-beagle.svg Normal file
View File

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

After

Width:  |  Height:  |  Size: 832 B

11
public/icons/dog-shiba.svg Normal file
View File

@ -0,0 +1,11 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9 9" class="pixelicon-dog-shiba">
<path fill="#FFB100" d="M7,4V3H6V2H5v1H4V2H3v1H2v1H1v3h2V6h3v1h2V4H7z M4,5H3V4h1V5z M6,5H5V4h1V5z"/>
<rect fill="#343341" x="3" y="4" width="1" height="1"/>
<rect fill="#343341" x="5" y="4" width="1" height="1"/>
<rect fill="#343341" x="4" y="6" width="1" height="1"/>
<rect fill="#FFB100" x="2" y="1" width="1" height="1"/>
<rect fill="#FFB100" x="6" y="1" width="1" height="1"/>
<rect fill="#FFCF52" x="2" y="2" width="1" height="1"/>
<rect fill="#FFCF52" x="6" y="2" width="1" height="1"/>
<polygon fill="#EBEAF7" points="6,7 6,6 5,6 5,7 4,7 4,6 3,6 3,7 2,7 2,8 7,8 7,7"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 678 B

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

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

After

Width:  |  Height:  |  Size: 368 B

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

@ -0,0 +1,9 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9 9" class="pixelicon-earth">
<path fill="#89CDFF" d="M3,4H2V3H1c0,0.9,0,2.1,0,3h1v1h1V6h1V5H3V4z"/>
<rect fill="#89CDFF" x="5" y="1" width="1" height="1"/>
<path fill="#89CDFF" d="M7,3V2H6v1H5v1H4v1h1v1h1v1h1c0-0.9,0-2.1,0-3h1V3H7z"/>
<rect fill="#89CDFF" x="5" y="7" width="1" height="1"/>
<path fill="#00812E" d="M5,1C4.5,1,3.5,1,3,1v1H2c0,0.5,0,1.5,0,2h1v1h1V4h1V3h1V2H5V1z"/>
<path fill="#00812E" d="M3,6c0,0.5,0,1.5,0,2c0.5,0,1.5,0,2,0V7h1V6H5V5H4v1H3z"/>
<path fill="#00812E" d="M7,4c0,0.5,0,1.5,0,2h1c0-0.5,0-1.5,0-2H7z"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 597 B

6
public/icons/facebook-detailed.svg Normal file
View File

@ -0,0 +1,6 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9 9" class="pixelicon-facebook-detailed">
<polygon fill="#1C77EF" points="3,1 6,1 6,2 7,2 7,3 8,3 8,6 7,6 7,7 6,7 6,8 5,8 5,6 6,6 6,5 5,5 5,4 6,4 6,3 4,3 4,5 3,5 3,6 4,6 4,8 3,8 3,7 2,7 2,6 1,6 1,3 2,3 2,2 3,2"/>
<polygon fill="#B5D0F1" points="4,3 5,3 5,4 4,4"/>
<polygon fill="#FFFFFF" points="5,3 6,3 6,4 5,4"/>
<polygon fill="#FFFFFF" points="4,4 5,4 5,5 6,5 6,6 5,6 5,8 4,8 4,6 3,6 3,5 4,5"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 461 B

4
public/icons/facebook.svg Normal file
View File

@ -0,0 +1,4 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9 9" class="pixelicon-facebook">
<polygon fill="#1C77EF" points="3,1 6,1 6,2 7,2 7,3 8,3 8,6 7,6 7,7 6,7 6,8 5,8 5,6 6,6 6,5 5,5 5,4 6,4 6,3 4,3 4,5 3,5 3,6 4,6 4,8 3,8 3,7 2,7 2,6 1,6 1,3 2,3 2,2 3,2"/>
<polygon fill="#FFFFFF" points="4,3 6,3 6,4 5,4 5,5 6,5 6,6 5,6 5,8 4,8 4,6 3,6 3,5 4,5"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 356 B

7
public/icons/file-picture.svg Normal file
View File

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

After

Width:  |  Height:  |  Size: 419 B

7
public/icons/file-text.svg Normal file
View File

@ -0,0 +1,7 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9 9" class="pixelicon-file-text">
<path fill="#D0EAFF" d="M2,1v7h3V7H3V6h2h2V1H2z M6,5H3V4h3V5z M6,3H3V2h3V3z"/>
<rect fill="#6F6D81" x="3" y="2" width="3" height="1"/>
<rect fill="#6F6D81" x="3" y="4" width="3" height="1"/>
<rect fill="#6F6D81" x="3" y="6" width="2" height="1"/>
<polygon fill="#89CDFF" points="6,7 7,7 7,6 5,6 5,8 6,8"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 404 B

4
public/icons/file.svg Normal file
View File

@ -0,0 +1,4 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9 9" class="pixelicon-file">
<polygon fill="#D0EAFF" points="5,6 7,6 7,1 2,1 2,8 5,8"/>
<polygon fill="#89CDFF" points="6,7 7,7 7,6 5,6 5,8 6,8"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 208 B

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

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

After

Width:  |  Height:  |  Size: 335 B

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

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

After

Width:  |  Height:  |  Size: 404 B

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

@ -0,0 +1,6 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9 9" class="pixelicon-guitar">
<rect fill="#9C5F00" x="4" y="2" width="1" height="2"/>
<rect fill="#D38100" x="4" y="0" width="2" height="2"/>
<path fill="#D38100" d="M7,6V5H6V4H3v1H2v1h1v1H2v2h5V7H6V6H7z M5,7H4V6h1V7z"/>
<rect fill="#343341" x="4" y="6" width="1" height="1"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 341 B

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

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

After

Width:  |  Height:  |  Size: 493 B

4
public/icons/heart.svg Normal file
View File

@ -0,0 +1,4 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9 9" class="pixelicon-heart">
<polygon fill="#F92F3C" points="2,2 4,2 4,3 5,3 5,2 7,2 7,3 8,3 8,5 7,5 7,6 6,6 6,7 5,7 5,8 4,8 4,7 3,7 3,6 2,6 2,5 1,5 1,3 3,3 3,4 2,4"/>
<polygon fill="#FFAEB0" points="2,3 3,3 3,4 2,4"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 281 B

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

@ -0,0 +1,11 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9 9" class="pixelicon-house">
<polygon fill="#F92F3C" points="4,1 5,1 5,2 4,2"/>
<polygon fill="#F92F3C" points="3,2 4,2 4,3 3,3"/>
<polygon fill="#F92F3C" points="5,2 6,2 6,3 5,3"/>
<polygon fill="#F92F3C" points="2,3 3,3 3,4 2,4"/>
<polygon fill="#F92F3C" points="6,3 7,3 7,4 6,4"/>
<polygon fill="#F92F3C" points="1,4 2,4 2,5 1,5"/>
<polygon fill="#F92F3C" points="7,4 8,4 8,5 7,5"/>
<polygon fill="#FFFBD4" points="4,2 5,2 5,3 6,3 6,4 7,4 7,8 6,8 6,5 3,5 3,8 2,8 2,4 3,4 3,3 4,3"/>
<polygon fill="#D38100" points="3,5 6,5 6,8 3,8"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 605 B

23
public/icons/instagram-detailed.svg Normal file
View File

@ -0,0 +1,23 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9 9" class="pixelicon-instagram-detailed">
<polygon fill="#FF008E" points="2,1 3,1 3,2 2,2"/>
<polygon fill="#FF008E" points="1,2 2,2 2,4 1,4"/>
<polygon fill="#FF008E" points="3,4 4,4 4,5 3,5"/>
<polygon fill="#FF008E" points="4,5 5,5 5,6 4,6"/>
<polygon fill="#FF008E" points="7,6 8,6 8,7 7,7"/>
<polygon fill="#FF008E" points="5,7 7,7 7,8 5,8"/>
<polygon fill="#C400C5" points="3,1 5,1 5,2 3,2"/>
<polygon fill="#C400C5" points="6,2 7,2 7,3 6,3"/>
<polygon fill="#C400C5" points="4,3 5,3 5,4 4,4"/>
<polygon fill="#C400C5" points="5,4 6,4 6,5 5,5"/>
<polygon fill="#C400C5" points="7,4 8,4 8,6 7,6"/>
<polygon fill="#9D00E4" points="5,1 7,1 7,2 5,2"/>
<polygon fill="#9D00E4" points="7,2 8,2 8,4 7,4"/>
<polygon fill="#FF5CB9" points="3,3 4,3 4,4 3,4"/>
<polygon fill="#FF5CB9" points="5,5 6,5 6,6 5,6"/>
<polygon fill="#CD37D2" points="5,3 6,3 6,4 5,4"/>
<polygon fill="#FF9409" points="1,4 2,4 2,6 1,6"/>
<polygon fill="#FF9409" points="3,7 5,7 5,8 3,8"/>
<polygon fill="#FF5FB8" points="3,5 4,5 4,6 3,6"/>
<polygon fill="#FFD600" points="1,6 2,6 2,7 1,7"/>
<polygon fill="#FFD600" points="2,7 3,7 3,8 2,8"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.2 KiB

13
public/icons/instagram.svg Normal file
View File

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

After

Width:  |  Height:  |  Size: 681 B

3
public/icons/key.svg Normal file
View File

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9 9" class="pixelicon-key">
<path fill="#FFE800" d="M6,1V0H3v1H2v2h1v1h1v5h2V8H5V7h1V6H5V4h1V3h1V1H6z M5,1v1H4V1H5z"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 179 B

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

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

After

Width:  |  Height:  |  Size: 316 B

3
public/icons/moon.svg Normal file
View File

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

After

Width:  |  Height:  |  Size: 204 B

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

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

After

Width:  |  Height:  |  Size: 657 B

6
public/icons/paper-bag.svg Normal file
View File

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

After

Width:  |  Height:  |  Size: 348 B

16
public/icons/paste.svg Normal file
View File

@ -0,0 +1,16 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 26.4.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 9 9" style="enable-background:new 0 0 9 9;" xml:space="preserve">
<style type="text/css">
.st0{fill:#D38100;}
.st1{fill:#FFE800;}
.st2{fill:#D0EAFF;}
.st3{fill:#89CDFF;}
</style>
<polygon class="st0" points="6,2 6,3 3,3 3,2 2,2 2,8 5,8 5,5 7,5 7,2 "/>
<polygon class="st1" points="5,1 5,2 4,2 4,1 3,1 3,3 6,3 6,1 "/>
<rect x="4" class="st1" width="1" height="1"/>
<polygon class="st2" points="7,8 8,8 8,5 5,5 5,9 7,9 "/>
<rect x="7" y="8" class="st3" width="1" height="1"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 760 B

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

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

After

Width:  |  Height:  |  Size: 334 B

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

@ -0,0 +1,7 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9 9" class="pixelicon-phone">
<rect fill="#F92F3C" x="1" y="3" width="1" height="1"/>
<rect fill="#F92F3C" x="2" y="2" width="5" height="1"/>
<rect fill="#F92F3C" x="7" y="3" width="1" height="1"/>
<path fill="#F92F3C" d="M6,5V4H3v1H2v3h5V5H6z M5,7H4V6h1V7z"/>
<rect fill="#FFFFFF" x="4" y="6" width="1" height="1"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 381 B

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

@ -0,0 +1,6 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9 9" class="pixelicon-photo">
<path fill="#EBEAF7" d="M1,0v8h7V0H1z M7,6H2V1h5V6z"/>
<path fill="#89CDFF" d="M2,1v3h2v1h1V4h1V3h1V1H2z M4,3H3V2h1V3z"/>
<rect fill="#FFE800" x="3" y="2" width="1" height="1"/>
<polygon fill="#00AF3E" points="6,3 6,4 5,4 5,5 4,5 4,4 2,4 2,6 7,6 7,3"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 346 B

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

@ -0,0 +1,6 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9 9" class="pixelicon-picture">
<path fill="#EBEAF7" d="M1,1v7h7V1H1z M7,7H2V2h5V7z"/>
<path fill="#89CDFF" d="M2,2v3h2v1h1V5h1V4h1V2H2z M4,4H3V3h1V4z"/>
<rect fill="#FFE800" x="3" y="3" width="1" height="1"/>
<polygon fill="#00AF3E" points="6,4 6,5 5,5 5,6 4,6 4,5 2,5 2,7 7,7 7,4"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 348 B

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

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

After

Width:  |  Height:  |  Size: 283 B

16
public/icons/reddit-detailed.svg Normal file
View File

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

After

Width:  |  Height:  |  Size: 970 B

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

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

After

Width:  |  Height:  |  Size: 762 B

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

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

After

Width:  |  Height:  |  Size: 483 B

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

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

After

Width:  |  Height:  |  Size: 851 B

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

@ -0,0 +1,5 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9 9" class="pixelicon-smartphone">
<polygon fill="#FFFFFF" points="3,2 3,7 4,7 4,6 5,6 5,7 6,7 6,2"/>
<path fill="#343341" d="M2,1v7h5V1H2z M6,7H3V2h3V7z"/>
<rect fill="#A1A0B4" x="4" y="6" width="1" height="1"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 275 B

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

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

After

Width:  |  Height:  |  Size: 904 B

11
public/icons/sound-high.svg Normal file
View File

@ -0,0 +1,11 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9 9" class="pixelicon-sound-high">
<polygon fill="#FFE800" points="3,2 3,3 1,3 1,6 3,6 3,7 4,7 4,2"/>
<polygon fill="#EBEAF7" points="5,2 6,2 6,3 5,3"/>
<polygon fill="#EBEAF7" points="6,3 7,3 7,6 6,6"/>
<polygon fill="#EBEAF7" points="5,6 6,6 6,7 5,7"/>
<polygon fill="#EBEAF7" points="6,0 7,0 7,1 6,1"/>
<polygon fill="#EBEAF7" points="7,1 8,1 8,2 7,2"/>
<polygon fill="#EBEAF7" points="8,2 9,2 9,7 8,7"/>
<polygon fill="#EBEAF7" points="7,7 8,7 8,8 7,8"/>
<polygon fill="#EBEAF7" points="6,8 7,8 7,9 6,9"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 578 B

6
public/icons/sound-low.svg Normal file
View File

@ -0,0 +1,6 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9 9" class="pixelicon-sound-low">
<polygon fill="#FFE800" points="3,2 3,3 1,3 1,6 3,6 3,7 4,7 4,2"/>
<polygon fill="#EBEAF7" points="5,2 6,2 6,3 5,3"/>
<polygon fill="#EBEAF7" points="6,3 7,3 7,6 6,6"/>
<polygon fill="#EBEAF7" points="5,6 6,6 6,7 5,7"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 317 B

8
public/icons/sound-mute.svg Normal file
View File

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

After

Width:  |  Height:  |  Size: 447 B

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

@ -0,0 +1,10 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9 9" class="pixelicon-spotify">
<rect fill="#73E030" x="3" y="1" width="3" height="1"/>
<rect fill="#73E030" x="6" y="2" width="1" height="1"/>
<path fill="#73E030" d="M7,3v1H6V3H1v3h3v1H3v1h3V7h1V6h1V3H7z M6,6H5V5H2V4h3v1h1V6z"/>
<rect fill="#343341" x="2" y="6" width="2" height="1"/>
<rect fill="#343341" x="5" y="5" width="1" height="1"/>
<rect fill="#343341" x="6" y="3" width="1" height="1"/>
<rect fill="#343341" x="2" y="2" width="4" height="1"/>
<rect fill="#343341" x="2" y="4" width="3" height="1"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 578 B

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

@ -0,0 +1,11 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9 9" class="pixelicon-sun">
<polygon fill="#FFE800" points="4,0 5,0 5,1 4,1"/>
<polygon fill="#FFE800" points="1,1 2,1 2,2 1,2"/>
<polygon fill="#FFE800" points="7,1 8,1 8,2 7,2"/>
<polygon fill="#FFE800" points="3,2 6,2 6,3 7,3 7,6 6,6 6,7 3,7 3,6 2,6 2,3 3,3"/>
<polygon fill="#FFE800" points="0,4 1,4 1,5 0,5"/>
<polygon fill="#FFE800" points="8,4 9,4 9,5 8,5"/>
<polygon fill="#FFE800" points="1,7 2,7 2,8 1,8"/>
<polygon fill="#FFE800" points="7,7 8,7 8,8 7,8"/>
<polygon fill="#FFE800" points="4,8 5,8 5,9 4,9"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 587 B

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

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

After

Width:  |  Height:  |  Size: 445 B

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

@ -0,0 +1,14 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9 9" class="pixelicon-tiktok">
<polygon fill="#48F4EF" points="4,1 5,1 5,7 3,7 3,6 4,6"/>
<polygon fill="#48F4EF" points="2,4 3,4 3,5 2,5"/>
<polygon fill="#48F4EF" points="1,5 2,5 2,7 1,7"/>
<polygon fill="#48F4EF" points="2,7 3,7 3,8 2,8"/>
<polygon fill="#343341" points="5,1 6,1 6,2 7,2 7,3 6,3 6,7 5,7"/>
<polygon fill="#343341" points="7,3 8,3 8,4 7,4"/>
<polygon fill="#343341" points="3,4 4,4 4,5 3,5"/>
<polygon fill="#343341" points="2,5 3,5 3,7 2,7"/>
<polygon fill="#343341" points="3,7 5,7 5,8 3,8"/>
<polygon fill="#FF7BAC" points="6,3 7,3 7,4 8,4 8,5 7,5 7,7 6,7"/>
<polygon fill="#FF7BAC" points="5,7 6,7 6,8 5,8"/>
<polygon fill="#FF7BAC" points="3,8 5,8 5,9 3,9"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 754 B

4
public/icons/twitter-detailed.svg Normal file
View File

@ -0,0 +1,4 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9 9" class="pixelicon-twitter-detailed">
<polygon fill="#00ABFA" points="5,2 7,2 7,3 8,3 8,4 7,4 7,6 6,6 6,7 3,7 3,6 2,6 2,3 1,3 1,4 4,4 4,3 5,3"/>
<polygon fill="#2ACCFD" points="1,5 2,5 2,6 1,6"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 260 B

3
public/icons/twitter.svg Normal file
View File

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9 9" class="pixelicon-twitter">
<polygon fill="#00ABFA" points="5,2 7,2 7,3 8,3 8,4 7,4 7,6 6,6 6,7 3,7 3,6 2,6 2,3 1,3 1,4 4,4 4,3 5,3"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 199 B

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

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

After

Width:  |  Height:  |  Size: 316 B

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

@ -0,0 +1,6 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 1 9 9" class="pixelicon-user">
<polygon fill="#343340" points="3,1 6,1 6,2 3,2"/>
<polygon fill="#343340" points="6,2 7,2 7,4 6,4"/>
<polygon fill="#FFE6C7" points="3,2 6,2 6,5 5,5 5,6 4,6 4,5 3,5"/>
<polygon fill="#99CCFF" points="2,6 7,6 7,9 2,9"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 312 B

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

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

After

Width:  |  Height:  |  Size: 646 B

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

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

After

Width:  |  Height:  |  Size: 601 B

Some files were not shown because too many files have changed in this diff Show More