icon source update for v1.2

halfmage · Sep 29, 2020 · e0c09ea · e0c09ea
1 parent 7b17b51
commit e0c09ea
Show file tree

Hide file tree

Showing 384 changed files with 374 additions and 2,046 deletions.
diff --git a/README.md b/README.md
@@ -5,6 +5,10 @@
 ![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?
+
+Finest handmade pixelart icons based on a 24x24 grid. For retro vibes.
+
 ## Gettings Started
 
 ### Using svg
@@ -15,24 +19,30 @@ npm install pixelarticons
 yarn add pixelarticons
 ```
 
-By installing the npm-package your are able to access all icons from the `icons` folder via import:
+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";
 ```
 
-This will be updated in the future ti make it easier to implement icons, including use of props.
+Or us the svg code directly:
 
-## What are pixelarticons?
-
-Finest handmade pixelart icons based on a 24x24 grid. For retro vibes.
+```html
+<!-- the file.svg directly in html -->
+<svg width="24" height="24" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path d="M3 22h18V8h-2V6h-2v2h-2V6h2V4h-2V2H3v20zm2-2V4h8v6h6v10H5z" fill="currentColor" />
+</svg>
+```
 
 ## 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
+- [ ] Prepare a filled version set
+- [ ] Prepare version sets for different sizes
 
 ## Where else to find?
 

diff --git a/svg/4k.svg b/svg/4k.svg
diff --git a/svg/add-box.svg b/svg/add-box.svg
diff --git a/svg/add-circle.svg b/svg/add-circle.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/airplay.svg b/svg/airplay.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/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