Merge pull request #5 from halfmage/viewbox-fix

Viewbox fixes and new icons
halfmage · Mar 13, 2021 · 26a7418 · 26a7418
2 parents 2839491 + 20e4933
commit 26a7418
Show file tree

Hide file tree

Showing 464 changed files with 1,403 additions and 471 deletions.
diff --git a/README.md b/README.md
@@ -1,32 +1,35 @@
 ![alt text](cover.jpg "Pixelarticons Cover")
-
-# [Pixelarticons.com](https://pixelarticons.com "Pixelarticons - Website")
+# Pixelarticons
 
 ![npm](https://img.shields.io/npm/v/pixelarticons.svg?color=green&label=npm&style=popout-square)
 ![npm](https://img.shields.io/npm/dt/pixelarticons.svg?color=blue&style=popout-square)
 
-## What ist pixelarticons?
+359 careful handmade pixel art icons based on a 24x24 grid and `currentColor` fills. All icons were made individually using rectangles to recreate a non-anti-aliased look. It makes use of subtle padding for each icon. It is recommended to use the icons with a width and height of 24px, 48px, 72px, 96px because on all scales outside of 24px the icons will appear blurry.
 
-Finest handmade pixelart icons based on a 24x24 grid. For retro vibes.
+## How to get the icons
 
+- From the [🌐 Pixelarticons website](https://pixelarticons.com "Pixelarticons - Website")
+- Duplicate the [🎨 Pixelarticons Figma file](https://www.figma.com/community/file/952542622393317653/Pixelarticons)
+- Use them directly in your code: 👇
+
 ## Gettings Started
+### Use any icons staticly from CDN
+```html
+<!-- get the file icon from unpkg -->
+<img src="https://unpkg.com/pixelarticons@latest/svg/file.svg" />
 
-### Using svg
-
-```javascript
-npm install pixelarticons
-// or
-yarn add pixelarticons
+<!-- get the file icon from jsdelivr -->
+<img src="https://cdn.jsdelivr.net/npm/pixelarticons@latest/svg/file.svg>
+```
+### Install via package manager
+```bash
+npm i pixelarticons # or yarn add pixelarticons
 ```
-
-By installing the npm-package your are able to access all icons from the `svg` folder via import:
-
 ```jsx
 // import the file.svg icon directly
 import File from "pixelarticons/svg/file.svg";
 ```
-
-Or us the svg code directly:
+### Insert plain svg code
 
 ```html
 <!-- the file.svg directly in html -->
@@ -38,9 +41,9 @@ Or us the svg code directly:
 ## Current tasks
 
 - [x] Figma file with components
-- [x] Updating svg source code for all icons
-- [x] Convert all rectangles into svg-paths
-- [ ] Make public figma-file with icon library
+- [x] Updating SVG source code for all icons
+- [x] Convert all rectangles into SVG-paths
+- [X] Make public Figma-file with icon library
 - [ ] Add a new filled set
 - [ ] Add a new 32x32 set
 - [ ] Add brands and social media icons

diff --git a/cover.jpg b/cover.jpg
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "pixelarticons",
-  "version": "1.3.0",
+  "version": "1.3.1-0",
   "description": "Finest handmade pixelart icons.",
   "main": "index.js",
   "scripts": {

diff --git a/svg/4g.svg b/svg/4g.svg
diff --git a/svg/4k-box.svg b/svg/4k-box.svg
diff --git a/svg/4k.svg b/svg/4k.svg
diff --git a/svg/5g.svg b/svg/5g.svg
diff --git a/svg/ab-testing.svg b/svg/ab-testing.svg
diff --git a/svg/ac.svg b/svg/ac.svg
diff --git a/svg/add-box-multiple.svg b/svg/add-box-multiple.svg
diff --git a/svg/add-box.svg b/svg/add-box.svg
diff --git a/svg/add-col.svg b/svg/add-col.svg
diff --git a/svg/add-grid.svg b/svg/add-grid.svg
diff --git a/svg/add-row.svg b/svg/add-row.svg
diff --git a/svg/alert.svg b/svg/alert.svg
diff --git a/svg/align-center.svg b/svg/align-center.svg
diff --git a/svg/align-justify.svg b/svg/align-justify.svg
diff --git a/svg/align-left.svg b/svg/align-left.svg
diff --git a/svg/align-right.svg b/svg/align-right.svg
diff --git a/svg/analytics.svg b/svg/analytics.svg
diff --git a/svg/anchor.svg b/svg/anchor.svg
diff --git a/svg/android.svg b/svg/android.svg
diff --git a/svg/animation.svg b/svg/animation.svg
diff --git a/svg/archive.svg b/svg/archive.svg
diff --git a/svg/arrow-bar-down.svg b/svg/arrow-bar-down.svg
diff --git a/svg/arrow-bar-left.svg b/svg/arrow-bar-left.svg
diff --git a/svg/arrow-bar-right.svg b/svg/arrow-bar-right.svg
diff --git a/svg/arrow-bar-up.svg b/svg/arrow-bar-up.svg
diff --git a/svg/arrow-down-box.svg b/svg/arrow-down-box.svg
diff --git a/svg/arrow-down.svg b/svg/arrow-down.svg
diff --git a/svg/arrow-left-box.svg b/svg/arrow-left-box.svg
diff --git a/svg/arrow-left.svg b/svg/arrow-left.svg
diff --git a/svg/arrow-right-box.svg b/svg/arrow-right-box.svg
diff --git a/svg/arrow-right.svg b/svg/arrow-right.svg
diff --git a/svg/arrow-up-box.svg b/svg/arrow-up-box.svg
diff --git a/svg/arrow-up.svg b/svg/arrow-up.svg
diff --git a/svg/arrows-horizontal.svg b/svg/arrows-horizontal.svg
diff --git a/svg/arrows-vertical.svg b/svg/arrows-vertical.svg
diff --git a/svg/art-text.svg b/svg/art-text.svg
diff --git a/svg/article-multiple.svg b/svg/article-multiple.svg
diff --git a/svg/article.svg b/svg/article.svg