From 9008a11018e19ec2c70a9e439be8791b019d16ef Mon Sep 17 00:00:00 2001
From: Afnizar Nur Ghifari
Date: Mon, 19 Oct 2020 07:58:49 +0700
Subject: [PATCH] feat: add icons and change to currentColor on tools (#6)
* feat: add icons and change to currentColor on tools
* fix: fix icons not in one group
---
.svgo.yaml | 2 ++
README.md | 44 +++++++++++++++++-----------
icons/20x20/alarm.svg | 3 ++
icons/20x20/align-center.svg | 3 ++
icons/20x20/align-justify.svg | 3 ++
icons/20x20/align-left.svg | 3 ++
icons/20x20/align-right.svg | 3 ++
icons/20x20/arrow-down.svg | 3 ++
icons/20x20/arrow-left-right.svg | 3 ++
icons/20x20/arrow-left.svg | 3 ++
icons/20x20/arrow-right.svg | 3 ++
icons/20x20/arrow-top-bottom.svg | 3 ++
icons/20x20/arrow-top-left.svg | 3 ++
icons/20x20/arrow-top-right.svg | 3 ++
icons/20x20/arrow-top.svg | 3 ++
icons/20x20/battery-0.svg | 3 ++
icons/20x20/battery-1.svg | 3 ++
icons/20x20/battery-2.svg | 3 ++
icons/20x20/battery-3.svg | 3 ++
icons/20x20/battery-charge.svg | 3 ++
icons/20x20/bell.svg | 3 ++
icons/20x20/bold.svg | 3 ++
icons/20x20/bookmark.svg | 3 ++
icons/20x20/box.svg | 3 ++
icons/20x20/calendar-check.svg | 3 ++
icons/20x20/calendar-min.svg | 3 ++
icons/20x20/calendar-plus.svg | 3 ++
icons/20x20/calendar.svg | 3 ++
icons/20x20/camera.svg | 3 ++
icons/20x20/caret-circle.svg | 3 ++
icons/20x20/caret-vertical.svg | 3 ++
icons/20x20/check-circle.svg | 3 ++
icons/20x20/chevron-double-down.svg | 3 ++
icons/20x20/chevron-double-left.svg | 3 ++
icons/20x20/chevron-double-right.svg | 3 ++
icons/20x20/chevron-double-up.svg | 3 ++
icons/20x20/circle.svg | 3 ++
icons/20x20/clipboard-check.svg | 3 ++
icons/20x20/clipboard-min.svg | 3 ++
icons/20x20/clipboard-plus.svg | 3 ++
icons/20x20/clipboard.svg | 2 +-
icons/20x20/clock.svg | 3 ++
icons/20x20/crop.svg | 3 ++
icons/20x20/document-image.svg | 3 ++
icons/20x20/document-text.svg | 3 ++
icons/20x20/documents.svg | 3 ++
icons/20x20/donut.svg | 3 ++
icons/20x20/download.svg | 3 ++
icons/20x20/edit-1.svg | 3 ++
icons/20x20/edit-2.svg | 3 ++
icons/20x20/edit-3.svg | 3 ++
icons/20x20/exclamation-circle.svg | 3 ++
icons/20x20/external-link.svg | 3 ++
icons/20x20/eye-closed.svg | 3 ++
icons/20x20/face-id-sad.svg | 3 ++
icons/20x20/face-id.svg | 3 ++
icons/20x20/file-check.svg | 3 ++
icons/20x20/file-min.svg | 3 ++
icons/20x20/file-plus.svg | 3 ++
icons/20x20/file.svg | 3 ++
icons/20x20/folder-min.svg | 3 ++
icons/20x20/folder-plus.svg | 3 ++
icons/20x20/folder.svg | 3 ++
icons/20x20/folders.svg | 3 ++
icons/20x20/font-roman.svg | 3 ++
icons/20x20/heart.svg | 3 ++
icons/20x20/home.svg | 3 ++
icons/20x20/image.svg | 3 ++
icons/20x20/inbox-in.svg | 3 ++
icons/20x20/inbox-out.svg | 3 ++
icons/20x20/inbox.svg | 3 ++
icons/20x20/info.svg | 3 ++
icons/20x20/italic.svg | 3 ++
icons/20x20/list.svg | 3 ++
icons/20x20/lock-closed.svg | 3 ++
icons/20x20/lock-open.svg | 3 ++
icons/20x20/mail-open.svg | 3 ++
icons/20x20/mail.svg | 3 ++
icons/20x20/maximize.svg | 3 ++
icons/20x20/menu.svg | 3 ++
icons/20x20/minimize.svg | 3 ++
icons/20x20/minus.svg | 3 ++
icons/20x20/more-horizontal.svg | 3 ++
icons/20x20/more-vertical.svg | 3 ++
icons/20x20/natatoko.svg | 3 ++
icons/20x20/overline.svg | 3 ++
icons/20x20/plus-circle.svg | 3 ++
icons/20x20/plus.svg | 3 ++
icons/20x20/question-circle.svg | 3 ++
icons/20x20/rectangle.svg | 3 ++
icons/20x20/refresh-alt.svg | 3 ++
icons/20x20/refresh.svg | 3 ++
icons/20x20/settings.svg | 3 ++
icons/20x20/shopping-bag-check.svg | 3 ++
icons/20x20/shopping-bag-min.svg | 3 ++
icons/20x20/shopping-bag-plus.svg | 3 ++
icons/20x20/shopping-bag.svg | 3 ++
icons/20x20/stats-chart-2.svg | 3 ++
icons/20x20/stats-chart.svg | 3 ++
icons/20x20/stop.svg | 3 ++
icons/20x20/strikethrough.svg | 3 ++
icons/20x20/trash-alt.svg | 3 ++
icons/20x20/trash.svg | 3 ++
icons/20x20/underline.svg | 3 ++
icons/20x20/upload.svg | 3 ++
icons/20x20/x-circle.svg | 3 ++
icons/20x20/x.svg | 3 ++
icons/20x20/zoom-in.svg | 3 ++
icons/20x20/zoom-out.svg | 3 ++
icons/24x24/alarm.svg | 2 +-
icons/24x24/battery-charge.svg | 2 +-
icons/24x24/calendar-check.svg | 3 +-
icons/24x24/calendar.svg | 2 +-
icons/24x24/camera.svg | 2 +-
icons/24x24/clipboard-check.svg | 2 +-
icons/24x24/file-check.svg | 2 +-
icons/24x24/inbox.svg | 2 +-
icons/24x24/lock-open.svg | 2 +-
icons/24x24/minimize.svg | 2 +-
icons/24x24/overline.svg | 2 +-
icons/24x24/printer.svg | 4 +--
icons/24x24/settings.svg | 2 +-
icons/24x24/shopping-bag-check.svg | 3 +-
icons/24x24/strikethrough.svg | 3 ++
scripts/build-vue/index.js | 2 +-
125 files changed, 367 insertions(+), 36 deletions(-)
create mode 100644 icons/20x20/alarm.svg
create mode 100644 icons/20x20/align-center.svg
create mode 100644 icons/20x20/align-justify.svg
create mode 100644 icons/20x20/align-left.svg
create mode 100644 icons/20x20/align-right.svg
create mode 100644 icons/20x20/arrow-down.svg
create mode 100644 icons/20x20/arrow-left-right.svg
create mode 100644 icons/20x20/arrow-left.svg
create mode 100644 icons/20x20/arrow-right.svg
create mode 100644 icons/20x20/arrow-top-bottom.svg
create mode 100644 icons/20x20/arrow-top-left.svg
create mode 100644 icons/20x20/arrow-top-right.svg
create mode 100644 icons/20x20/arrow-top.svg
create mode 100644 icons/20x20/battery-0.svg
create mode 100644 icons/20x20/battery-1.svg
create mode 100644 icons/20x20/battery-2.svg
create mode 100644 icons/20x20/battery-3.svg
create mode 100644 icons/20x20/battery-charge.svg
create mode 100644 icons/20x20/bell.svg
create mode 100644 icons/20x20/bold.svg
create mode 100644 icons/20x20/bookmark.svg
create mode 100644 icons/20x20/box.svg
create mode 100644 icons/20x20/calendar-check.svg
create mode 100644 icons/20x20/calendar-min.svg
create mode 100644 icons/20x20/calendar-plus.svg
create mode 100644 icons/20x20/calendar.svg
create mode 100644 icons/20x20/camera.svg
create mode 100644 icons/20x20/caret-circle.svg
create mode 100644 icons/20x20/caret-vertical.svg
create mode 100644 icons/20x20/check-circle.svg
create mode 100644 icons/20x20/chevron-double-down.svg
create mode 100644 icons/20x20/chevron-double-left.svg
create mode 100644 icons/20x20/chevron-double-right.svg
create mode 100644 icons/20x20/chevron-double-up.svg
create mode 100644 icons/20x20/circle.svg
create mode 100644 icons/20x20/clipboard-check.svg
create mode 100644 icons/20x20/clipboard-min.svg
create mode 100644 icons/20x20/clipboard-plus.svg
create mode 100644 icons/20x20/clock.svg
create mode 100644 icons/20x20/crop.svg
create mode 100644 icons/20x20/document-image.svg
create mode 100644 icons/20x20/document-text.svg
create mode 100644 icons/20x20/documents.svg
create mode 100644 icons/20x20/donut.svg
create mode 100644 icons/20x20/download.svg
create mode 100644 icons/20x20/edit-1.svg
create mode 100644 icons/20x20/edit-2.svg
create mode 100644 icons/20x20/edit-3.svg
create mode 100644 icons/20x20/exclamation-circle.svg
create mode 100644 icons/20x20/external-link.svg
create mode 100644 icons/20x20/eye-closed.svg
create mode 100644 icons/20x20/face-id-sad.svg
create mode 100644 icons/20x20/face-id.svg
create mode 100644 icons/20x20/file-check.svg
create mode 100644 icons/20x20/file-min.svg
create mode 100644 icons/20x20/file-plus.svg
create mode 100644 icons/20x20/file.svg
create mode 100644 icons/20x20/folder-min.svg
create mode 100644 icons/20x20/folder-plus.svg
create mode 100644 icons/20x20/folder.svg
create mode 100644 icons/20x20/folders.svg
create mode 100644 icons/20x20/font-roman.svg
create mode 100644 icons/20x20/heart.svg
create mode 100644 icons/20x20/home.svg
create mode 100644 icons/20x20/image.svg
create mode 100644 icons/20x20/inbox-in.svg
create mode 100644 icons/20x20/inbox-out.svg
create mode 100644 icons/20x20/inbox.svg
create mode 100644 icons/20x20/info.svg
create mode 100644 icons/20x20/italic.svg
create mode 100644 icons/20x20/list.svg
create mode 100644 icons/20x20/lock-closed.svg
create mode 100644 icons/20x20/lock-open.svg
create mode 100644 icons/20x20/mail-open.svg
create mode 100644 icons/20x20/mail.svg
create mode 100644 icons/20x20/maximize.svg
create mode 100644 icons/20x20/menu.svg
create mode 100644 icons/20x20/minimize.svg
create mode 100644 icons/20x20/minus.svg
create mode 100644 icons/20x20/more-horizontal.svg
create mode 100644 icons/20x20/more-vertical.svg
create mode 100644 icons/20x20/natatoko.svg
create mode 100644 icons/20x20/overline.svg
create mode 100644 icons/20x20/plus-circle.svg
create mode 100644 icons/20x20/plus.svg
create mode 100644 icons/20x20/question-circle.svg
create mode 100644 icons/20x20/rectangle.svg
create mode 100644 icons/20x20/refresh-alt.svg
create mode 100644 icons/20x20/refresh.svg
create mode 100644 icons/20x20/settings.svg
create mode 100644 icons/20x20/shopping-bag-check.svg
create mode 100644 icons/20x20/shopping-bag-min.svg
create mode 100644 icons/20x20/shopping-bag-plus.svg
create mode 100644 icons/20x20/shopping-bag.svg
create mode 100644 icons/20x20/stats-chart-2.svg
create mode 100644 icons/20x20/stats-chart.svg
create mode 100644 icons/20x20/stop.svg
create mode 100644 icons/20x20/strikethrough.svg
create mode 100644 icons/20x20/trash-alt.svg
create mode 100644 icons/20x20/trash.svg
create mode 100644 icons/20x20/underline.svg
create mode 100644 icons/20x20/upload.svg
create mode 100644 icons/20x20/x-circle.svg
create mode 100644 icons/20x20/x.svg
create mode 100644 icons/20x20/zoom-in.svg
create mode 100644 icons/20x20/zoom-out.svg
create mode 100644 icons/24x24/strikethrough.svg
diff --git a/.svgo.yaml b/.svgo.yaml
index b0c8d52..5fc8b76 100644
--- a/.svgo.yaml
+++ b/.svgo.yaml
@@ -21,3 +21,5 @@ plugins:
- removeEmptyAttrs: true
- removeHiddenElems: true
- collapseGroups: true
+ - convertColors:
+ currentColor: true
\ No newline at end of file
diff --git a/README.md b/README.md
index 7b98b4a..424fe0c 100644
--- a/README.md
+++ b/README.md
@@ -9,8 +9,10 @@
A fun-themed simple open source icon by the folks at Natatoko . This icons provide 2 icons variant: 24x24 and 20x20. Practically, this icons are used on our web application, but feel free to use it on your project!
+---
+
-
+
## Installation
@@ -19,7 +21,6 @@ Install with [npm](npmjs.com/).
```bash
npm install nataicons --save
-
```
## Usage
@@ -29,18 +30,8 @@ npm install nataicons --save
Copy the SVGs you want to use from `icons/24x24` or `icons/20x20` inside `node_modules/nataicons` and inline them in your HTML.
```html
-
-
+
+
```
@@ -57,14 +48,16 @@ Copy the SVGs you want to use from `icons/24x24` or `icons/20x20` inside `node_m
### Vue
1. Import the icon
- The Vue component located inside the package, so to import the component make sure to type the package name like this `nataicons/vue`.
+
+The Vue component located inside the package, so to import the component make sure to type the package name `nataicons/vue`.
```js
import { Home24, Inbox24, Folder24, ... } from "nataicons/vue"
```
2. Use the icon on your project
- By default, each icon size will be on 24x24 and 20x20 depends on the variant. You can set a custom `size`: Multiple based sizing followed by an `x` or set a `px` directly by passing an integer.
+
+By default, each icon size will be on 24x24 and 20x20 depends on the variant. You can set a custom `size`: Multiple based sizing followed by an `x` or set a `px` directly by passing an integer.
```js
// Multiple based sizing
@@ -74,11 +67,28 @@ import { Home24, Inbox24, Folder24, ... } from "nataicons/vue"
```
+### React
+
+1. Import the icon
+
+Same like Vue, to use the React components type the package `nataicons/react` on your project.
+
+```js
+import { Home24, Inbox24, Folder24, ... } from "nataicons/react"
+```
+
+2. Use the icon on your project
+
+```js
+
+```
+
## Inspiration
1. [vue-hero-icons](https://github.com/matschik/vue-hero-icons)
2. [radix-icons](https://github.com/modulz/radix-icons)
+3. [heroicons](https://github.com/tailwindlabs/heroicons)
## License
-Nataicons is licensed under the [MIT License](https://github.com/afnizarnur/nataicons/blob/dev/LICENSE). In short, you are free to use this icons in any personal, open-source or commercial work. Attribution is optional but appreciated.
+Nataicons is licensed under the [MIT License](https://github.com/afnizarnur/nataicons/blob/dev/LICENSE). In short, you are free to use this icons in any personal, open-source or commercial work. Attribution is optional but appreciated.
\ No newline at end of file
diff --git a/icons/20x20/alarm.svg b/icons/20x20/alarm.svg
new file mode 100644
index 0000000..6187800
--- /dev/null
+++ b/icons/20x20/alarm.svg
@@ -0,0 +1,3 @@
+
+
+
diff --git a/icons/20x20/align-center.svg b/icons/20x20/align-center.svg
new file mode 100644
index 0000000..a53f68d
--- /dev/null
+++ b/icons/20x20/align-center.svg
@@ -0,0 +1,3 @@
+
+
+
diff --git a/icons/20x20/align-justify.svg b/icons/20x20/align-justify.svg
new file mode 100644
index 0000000..f49aef0
--- /dev/null
+++ b/icons/20x20/align-justify.svg
@@ -0,0 +1,3 @@
+
+
+
diff --git a/icons/20x20/align-left.svg b/icons/20x20/align-left.svg
new file mode 100644
index 0000000..b1394f2
--- /dev/null
+++ b/icons/20x20/align-left.svg
@@ -0,0 +1,3 @@
+
+
+
diff --git a/icons/20x20/align-right.svg b/icons/20x20/align-right.svg
new file mode 100644
index 0000000..adee497
--- /dev/null
+++ b/icons/20x20/align-right.svg
@@ -0,0 +1,3 @@
+
+
+
diff --git a/icons/20x20/arrow-down.svg b/icons/20x20/arrow-down.svg
new file mode 100644
index 0000000..0d1d9a1
--- /dev/null
+++ b/icons/20x20/arrow-down.svg
@@ -0,0 +1,3 @@
+
+
+
diff --git a/icons/20x20/arrow-left-right.svg b/icons/20x20/arrow-left-right.svg
new file mode 100644
index 0000000..440b3ab
--- /dev/null
+++ b/icons/20x20/arrow-left-right.svg
@@ -0,0 +1,3 @@
+
+
+
diff --git a/icons/20x20/arrow-left.svg b/icons/20x20/arrow-left.svg
new file mode 100644
index 0000000..a34c361
--- /dev/null
+++ b/icons/20x20/arrow-left.svg
@@ -0,0 +1,3 @@
+
+
+
diff --git a/icons/20x20/arrow-right.svg b/icons/20x20/arrow-right.svg
new file mode 100644
index 0000000..cba1b42
--- /dev/null
+++ b/icons/20x20/arrow-right.svg
@@ -0,0 +1,3 @@
+
+
+
diff --git a/icons/20x20/arrow-top-bottom.svg b/icons/20x20/arrow-top-bottom.svg
new file mode 100644
index 0000000..cf33c98
--- /dev/null
+++ b/icons/20x20/arrow-top-bottom.svg
@@ -0,0 +1,3 @@
+
+
+
diff --git a/icons/20x20/arrow-top-left.svg b/icons/20x20/arrow-top-left.svg
new file mode 100644
index 0000000..847b9e0
--- /dev/null
+++ b/icons/20x20/arrow-top-left.svg
@@ -0,0 +1,3 @@
+
+
+
diff --git a/icons/20x20/arrow-top-right.svg b/icons/20x20/arrow-top-right.svg
new file mode 100644
index 0000000..a24ded3
--- /dev/null
+++ b/icons/20x20/arrow-top-right.svg
@@ -0,0 +1,3 @@
+
+
+
diff --git a/icons/20x20/arrow-top.svg b/icons/20x20/arrow-top.svg
new file mode 100644
index 0000000..5368211
--- /dev/null
+++ b/icons/20x20/arrow-top.svg
@@ -0,0 +1,3 @@
+
+
+
diff --git a/icons/20x20/battery-0.svg b/icons/20x20/battery-0.svg
new file mode 100644
index 0000000..58ef126
--- /dev/null
+++ b/icons/20x20/battery-0.svg
@@ -0,0 +1,3 @@
+
+
+
diff --git a/icons/20x20/battery-1.svg b/icons/20x20/battery-1.svg
new file mode 100644
index 0000000..5f1992b
--- /dev/null
+++ b/icons/20x20/battery-1.svg
@@ -0,0 +1,3 @@
+
+
+
diff --git a/icons/20x20/battery-2.svg b/icons/20x20/battery-2.svg
new file mode 100644
index 0000000..004c534
--- /dev/null
+++ b/icons/20x20/battery-2.svg
@@ -0,0 +1,3 @@
+
+
+
diff --git a/icons/20x20/battery-3.svg b/icons/20x20/battery-3.svg
new file mode 100644
index 0000000..6e52adc
--- /dev/null
+++ b/icons/20x20/battery-3.svg
@@ -0,0 +1,3 @@
+
+
+
diff --git a/icons/20x20/battery-charge.svg b/icons/20x20/battery-charge.svg
new file mode 100644
index 0000000..40d8098
--- /dev/null
+++ b/icons/20x20/battery-charge.svg
@@ -0,0 +1,3 @@
+
+
+
diff --git a/icons/20x20/bell.svg b/icons/20x20/bell.svg
new file mode 100644
index 0000000..65da875
--- /dev/null
+++ b/icons/20x20/bell.svg
@@ -0,0 +1,3 @@
+
+
+
diff --git a/icons/20x20/bold.svg b/icons/20x20/bold.svg
new file mode 100644
index 0000000..5dc47a6
--- /dev/null
+++ b/icons/20x20/bold.svg
@@ -0,0 +1,3 @@
+
+
+
diff --git a/icons/20x20/bookmark.svg b/icons/20x20/bookmark.svg
new file mode 100644
index 0000000..1f5870e
--- /dev/null
+++ b/icons/20x20/bookmark.svg
@@ -0,0 +1,3 @@
+
+
+
diff --git a/icons/20x20/box.svg b/icons/20x20/box.svg
new file mode 100644
index 0000000..17fdb64
--- /dev/null
+++ b/icons/20x20/box.svg
@@ -0,0 +1,3 @@
+
+
+
diff --git a/icons/20x20/calendar-check.svg b/icons/20x20/calendar-check.svg
new file mode 100644
index 0000000..f47613d
--- /dev/null
+++ b/icons/20x20/calendar-check.svg
@@ -0,0 +1,3 @@
+
+
+
diff --git a/icons/20x20/calendar-min.svg b/icons/20x20/calendar-min.svg
new file mode 100644
index 0000000..183f35d
--- /dev/null
+++ b/icons/20x20/calendar-min.svg
@@ -0,0 +1,3 @@
+
+
+
diff --git a/icons/20x20/calendar-plus.svg b/icons/20x20/calendar-plus.svg
new file mode 100644
index 0000000..7f423a4
--- /dev/null
+++ b/icons/20x20/calendar-plus.svg
@@ -0,0 +1,3 @@
+
+
+
diff --git a/icons/20x20/calendar.svg b/icons/20x20/calendar.svg
new file mode 100644
index 0000000..57feed8
--- /dev/null
+++ b/icons/20x20/calendar.svg
@@ -0,0 +1,3 @@
+
+
+
diff --git a/icons/20x20/camera.svg b/icons/20x20/camera.svg
new file mode 100644
index 0000000..e8b7148
--- /dev/null
+++ b/icons/20x20/camera.svg
@@ -0,0 +1,3 @@
+
+
+
diff --git a/icons/20x20/caret-circle.svg b/icons/20x20/caret-circle.svg
new file mode 100644
index 0000000..e0781de
--- /dev/null
+++ b/icons/20x20/caret-circle.svg
@@ -0,0 +1,3 @@
+
+
+
diff --git a/icons/20x20/caret-vertical.svg b/icons/20x20/caret-vertical.svg
new file mode 100644
index 0000000..88e3dfa
--- /dev/null
+++ b/icons/20x20/caret-vertical.svg
@@ -0,0 +1,3 @@
+
+
+
diff --git a/icons/20x20/check-circle.svg b/icons/20x20/check-circle.svg
new file mode 100644
index 0000000..7dd981a
--- /dev/null
+++ b/icons/20x20/check-circle.svg
@@ -0,0 +1,3 @@
+
+
+
diff --git a/icons/20x20/chevron-double-down.svg b/icons/20x20/chevron-double-down.svg
new file mode 100644
index 0000000..3d99e0c
--- /dev/null
+++ b/icons/20x20/chevron-double-down.svg
@@ -0,0 +1,3 @@
+
+
+
diff --git a/icons/20x20/chevron-double-left.svg b/icons/20x20/chevron-double-left.svg
new file mode 100644
index 0000000..566af8f
--- /dev/null
+++ b/icons/20x20/chevron-double-left.svg
@@ -0,0 +1,3 @@
+
+
+
diff --git a/icons/20x20/chevron-double-right.svg b/icons/20x20/chevron-double-right.svg
new file mode 100644
index 0000000..001a0ed
--- /dev/null
+++ b/icons/20x20/chevron-double-right.svg
@@ -0,0 +1,3 @@
+
+
+
diff --git a/icons/20x20/chevron-double-up.svg b/icons/20x20/chevron-double-up.svg
new file mode 100644
index 0000000..90ae237
--- /dev/null
+++ b/icons/20x20/chevron-double-up.svg
@@ -0,0 +1,3 @@
+
+
+
diff --git a/icons/20x20/circle.svg b/icons/20x20/circle.svg
new file mode 100644
index 0000000..2c0ef37
--- /dev/null
+++ b/icons/20x20/circle.svg
@@ -0,0 +1,3 @@
+
+
+
diff --git a/icons/20x20/clipboard-check.svg b/icons/20x20/clipboard-check.svg
new file mode 100644
index 0000000..4f56774
--- /dev/null
+++ b/icons/20x20/clipboard-check.svg
@@ -0,0 +1,3 @@
+
+
+
diff --git a/icons/20x20/clipboard-min.svg b/icons/20x20/clipboard-min.svg
new file mode 100644
index 0000000..52bf1c9
--- /dev/null
+++ b/icons/20x20/clipboard-min.svg
@@ -0,0 +1,3 @@
+
+
+
diff --git a/icons/20x20/clipboard-plus.svg b/icons/20x20/clipboard-plus.svg
new file mode 100644
index 0000000..e8ab07c
--- /dev/null
+++ b/icons/20x20/clipboard-plus.svg
@@ -0,0 +1,3 @@
+
+
+
diff --git a/icons/20x20/clipboard.svg b/icons/20x20/clipboard.svg
index fadc610..2bd5f6a 100644
--- a/icons/20x20/clipboard.svg
+++ b/icons/20x20/clipboard.svg
@@ -1,3 +1,3 @@
-
+
diff --git a/icons/20x20/clock.svg b/icons/20x20/clock.svg
new file mode 100644
index 0000000..af472b5
--- /dev/null
+++ b/icons/20x20/clock.svg
@@ -0,0 +1,3 @@
+
+
+
diff --git a/icons/20x20/crop.svg b/icons/20x20/crop.svg
new file mode 100644
index 0000000..dcac18e
--- /dev/null
+++ b/icons/20x20/crop.svg
@@ -0,0 +1,3 @@
+
+
+
diff --git a/icons/20x20/document-image.svg b/icons/20x20/document-image.svg
new file mode 100644
index 0000000..6b679c8
--- /dev/null
+++ b/icons/20x20/document-image.svg
@@ -0,0 +1,3 @@
+
+
+
diff --git a/icons/20x20/document-text.svg b/icons/20x20/document-text.svg
new file mode 100644
index 0000000..9ab8b61
--- /dev/null
+++ b/icons/20x20/document-text.svg
@@ -0,0 +1,3 @@
+
+
+
diff --git a/icons/20x20/documents.svg b/icons/20x20/documents.svg
new file mode 100644
index 0000000..500fbce
--- /dev/null
+++ b/icons/20x20/documents.svg
@@ -0,0 +1,3 @@
+
+
+
diff --git a/icons/20x20/donut.svg b/icons/20x20/donut.svg
new file mode 100644
index 0000000..46abe2f
--- /dev/null
+++ b/icons/20x20/donut.svg
@@ -0,0 +1,3 @@
+
+
+
diff --git a/icons/20x20/download.svg b/icons/20x20/download.svg
new file mode 100644
index 0000000..01031b0
--- /dev/null
+++ b/icons/20x20/download.svg
@@ -0,0 +1,3 @@
+
+
+
diff --git a/icons/20x20/edit-1.svg b/icons/20x20/edit-1.svg
new file mode 100644
index 0000000..f8eba6b
--- /dev/null
+++ b/icons/20x20/edit-1.svg
@@ -0,0 +1,3 @@
+
+
+
diff --git a/icons/20x20/edit-2.svg b/icons/20x20/edit-2.svg
new file mode 100644
index 0000000..fdcd9cb
--- /dev/null
+++ b/icons/20x20/edit-2.svg
@@ -0,0 +1,3 @@
+
+
+
diff --git a/icons/20x20/edit-3.svg b/icons/20x20/edit-3.svg
new file mode 100644
index 0000000..4765c9e
--- /dev/null
+++ b/icons/20x20/edit-3.svg
@@ -0,0 +1,3 @@
+
+
+
diff --git a/icons/20x20/exclamation-circle.svg b/icons/20x20/exclamation-circle.svg
new file mode 100644
index 0000000..4ac20bb
--- /dev/null
+++ b/icons/20x20/exclamation-circle.svg
@@ -0,0 +1,3 @@
+
+
+
diff --git a/icons/20x20/external-link.svg b/icons/20x20/external-link.svg
new file mode 100644
index 0000000..34325fe
--- /dev/null
+++ b/icons/20x20/external-link.svg
@@ -0,0 +1,3 @@
+
+
+
diff --git a/icons/20x20/eye-closed.svg b/icons/20x20/eye-closed.svg
new file mode 100644
index 0000000..a7dcb84
--- /dev/null
+++ b/icons/20x20/eye-closed.svg
@@ -0,0 +1,3 @@
+
+
+
diff --git a/icons/20x20/face-id-sad.svg b/icons/20x20/face-id-sad.svg
new file mode 100644
index 0000000..6973d54
--- /dev/null
+++ b/icons/20x20/face-id-sad.svg
@@ -0,0 +1,3 @@
+
+
+
diff --git a/icons/20x20/face-id.svg b/icons/20x20/face-id.svg
new file mode 100644
index 0000000..367a1cf
--- /dev/null
+++ b/icons/20x20/face-id.svg
@@ -0,0 +1,3 @@
+
+
+
diff --git a/icons/20x20/file-check.svg b/icons/20x20/file-check.svg
new file mode 100644
index 0000000..f87fcf9
--- /dev/null
+++ b/icons/20x20/file-check.svg
@@ -0,0 +1,3 @@
+
+
+
diff --git a/icons/20x20/file-min.svg b/icons/20x20/file-min.svg
new file mode 100644
index 0000000..ac52ff7
--- /dev/null
+++ b/icons/20x20/file-min.svg
@@ -0,0 +1,3 @@
+
+
+
diff --git a/icons/20x20/file-plus.svg b/icons/20x20/file-plus.svg
new file mode 100644
index 0000000..cb1ce1c
--- /dev/null
+++ b/icons/20x20/file-plus.svg
@@ -0,0 +1,3 @@
+
+
+
diff --git a/icons/20x20/file.svg b/icons/20x20/file.svg
new file mode 100644
index 0000000..c297a55
--- /dev/null
+++ b/icons/20x20/file.svg
@@ -0,0 +1,3 @@
+
+
+
diff --git a/icons/20x20/folder-min.svg b/icons/20x20/folder-min.svg
new file mode 100644
index 0000000..1665f46
--- /dev/null
+++ b/icons/20x20/folder-min.svg
@@ -0,0 +1,3 @@
+
+
+
diff --git a/icons/20x20/folder-plus.svg b/icons/20x20/folder-plus.svg
new file mode 100644
index 0000000..1c1cb7b
--- /dev/null
+++ b/icons/20x20/folder-plus.svg
@@ -0,0 +1,3 @@
+
+
+
diff --git a/icons/20x20/folder.svg b/icons/20x20/folder.svg
new file mode 100644
index 0000000..81155e8
--- /dev/null
+++ b/icons/20x20/folder.svg
@@ -0,0 +1,3 @@
+
+
+
diff --git a/icons/20x20/folders.svg b/icons/20x20/folders.svg
new file mode 100644
index 0000000..2c19018
--- /dev/null
+++ b/icons/20x20/folders.svg
@@ -0,0 +1,3 @@
+
+
+
diff --git a/icons/20x20/font-roman.svg b/icons/20x20/font-roman.svg
new file mode 100644
index 0000000..1a55db8
--- /dev/null
+++ b/icons/20x20/font-roman.svg
@@ -0,0 +1,3 @@
+
+
+
diff --git a/icons/20x20/heart.svg b/icons/20x20/heart.svg
new file mode 100644
index 0000000..f76fae6
--- /dev/null
+++ b/icons/20x20/heart.svg
@@ -0,0 +1,3 @@
+
+
+
diff --git a/icons/20x20/home.svg b/icons/20x20/home.svg
new file mode 100644
index 0000000..084dc27
--- /dev/null
+++ b/icons/20x20/home.svg
@@ -0,0 +1,3 @@
+
+
+
diff --git a/icons/20x20/image.svg b/icons/20x20/image.svg
new file mode 100644
index 0000000..1520ac5
--- /dev/null
+++ b/icons/20x20/image.svg
@@ -0,0 +1,3 @@
+
+
+
diff --git a/icons/20x20/inbox-in.svg b/icons/20x20/inbox-in.svg
new file mode 100644
index 0000000..9ddd5b3
--- /dev/null
+++ b/icons/20x20/inbox-in.svg
@@ -0,0 +1,3 @@
+
+
+
diff --git a/icons/20x20/inbox-out.svg b/icons/20x20/inbox-out.svg
new file mode 100644
index 0000000..5444fe9
--- /dev/null
+++ b/icons/20x20/inbox-out.svg
@@ -0,0 +1,3 @@
+
+
+
diff --git a/icons/20x20/inbox.svg b/icons/20x20/inbox.svg
new file mode 100644
index 0000000..a2e1659
--- /dev/null
+++ b/icons/20x20/inbox.svg
@@ -0,0 +1,3 @@
+
+
+
diff --git a/icons/20x20/info.svg b/icons/20x20/info.svg
new file mode 100644
index 0000000..55aacd3
--- /dev/null
+++ b/icons/20x20/info.svg
@@ -0,0 +1,3 @@
+
+
+
diff --git a/icons/20x20/italic.svg b/icons/20x20/italic.svg
new file mode 100644
index 0000000..bda9b32
--- /dev/null
+++ b/icons/20x20/italic.svg
@@ -0,0 +1,3 @@
+
+
+
diff --git a/icons/20x20/list.svg b/icons/20x20/list.svg
new file mode 100644
index 0000000..d0186b4
--- /dev/null
+++ b/icons/20x20/list.svg
@@ -0,0 +1,3 @@
+
+
+
diff --git a/icons/20x20/lock-closed.svg b/icons/20x20/lock-closed.svg
new file mode 100644
index 0000000..bfba934
--- /dev/null
+++ b/icons/20x20/lock-closed.svg
@@ -0,0 +1,3 @@
+
+
+
diff --git a/icons/20x20/lock-open.svg b/icons/20x20/lock-open.svg
new file mode 100644
index 0000000..b840bda
--- /dev/null
+++ b/icons/20x20/lock-open.svg
@@ -0,0 +1,3 @@
+
+
+
diff --git a/icons/20x20/mail-open.svg b/icons/20x20/mail-open.svg
new file mode 100644
index 0000000..ebedfd7
--- /dev/null
+++ b/icons/20x20/mail-open.svg
@@ -0,0 +1,3 @@
+
+
+
diff --git a/icons/20x20/mail.svg b/icons/20x20/mail.svg
new file mode 100644
index 0000000..323351f
--- /dev/null
+++ b/icons/20x20/mail.svg
@@ -0,0 +1,3 @@
+
+
+
diff --git a/icons/20x20/maximize.svg b/icons/20x20/maximize.svg
new file mode 100644
index 0000000..7a781f0
--- /dev/null
+++ b/icons/20x20/maximize.svg
@@ -0,0 +1,3 @@
+
+
+
diff --git a/icons/20x20/menu.svg b/icons/20x20/menu.svg
new file mode 100644
index 0000000..1dc7a1b
--- /dev/null
+++ b/icons/20x20/menu.svg
@@ -0,0 +1,3 @@
+
+
+
diff --git a/icons/20x20/minimize.svg b/icons/20x20/minimize.svg
new file mode 100644
index 0000000..98d9329
--- /dev/null
+++ b/icons/20x20/minimize.svg
@@ -0,0 +1,3 @@
+
+
+
diff --git a/icons/20x20/minus.svg b/icons/20x20/minus.svg
new file mode 100644
index 0000000..f50fc6b
--- /dev/null
+++ b/icons/20x20/minus.svg
@@ -0,0 +1,3 @@
+
+
+
diff --git a/icons/20x20/more-horizontal.svg b/icons/20x20/more-horizontal.svg
new file mode 100644
index 0000000..6456b02
--- /dev/null
+++ b/icons/20x20/more-horizontal.svg
@@ -0,0 +1,3 @@
+
+
+
diff --git a/icons/20x20/more-vertical.svg b/icons/20x20/more-vertical.svg
new file mode 100644
index 0000000..b19d7a7
--- /dev/null
+++ b/icons/20x20/more-vertical.svg
@@ -0,0 +1,3 @@
+
+
+
diff --git a/icons/20x20/natatoko.svg b/icons/20x20/natatoko.svg
new file mode 100644
index 0000000..5bf0287
--- /dev/null
+++ b/icons/20x20/natatoko.svg
@@ -0,0 +1,3 @@
+
+
+
diff --git a/icons/20x20/overline.svg b/icons/20x20/overline.svg
new file mode 100644
index 0000000..57b2829
--- /dev/null
+++ b/icons/20x20/overline.svg
@@ -0,0 +1,3 @@
+
+
+
diff --git a/icons/20x20/plus-circle.svg b/icons/20x20/plus-circle.svg
new file mode 100644
index 0000000..838cef6
--- /dev/null
+++ b/icons/20x20/plus-circle.svg
@@ -0,0 +1,3 @@
+
+
+
diff --git a/icons/20x20/plus.svg b/icons/20x20/plus.svg
new file mode 100644
index 0000000..76e9991
--- /dev/null
+++ b/icons/20x20/plus.svg
@@ -0,0 +1,3 @@
+
+
+
diff --git a/icons/20x20/question-circle.svg b/icons/20x20/question-circle.svg
new file mode 100644
index 0000000..344be11
--- /dev/null
+++ b/icons/20x20/question-circle.svg
@@ -0,0 +1,3 @@
+
+
+
diff --git a/icons/20x20/rectangle.svg b/icons/20x20/rectangle.svg
new file mode 100644
index 0000000..9f72e41
--- /dev/null
+++ b/icons/20x20/rectangle.svg
@@ -0,0 +1,3 @@
+
+
+
diff --git a/icons/20x20/refresh-alt.svg b/icons/20x20/refresh-alt.svg
new file mode 100644
index 0000000..a6f763d
--- /dev/null
+++ b/icons/20x20/refresh-alt.svg
@@ -0,0 +1,3 @@
+
+
+
diff --git a/icons/20x20/refresh.svg b/icons/20x20/refresh.svg
new file mode 100644
index 0000000..96ea595
--- /dev/null
+++ b/icons/20x20/refresh.svg
@@ -0,0 +1,3 @@
+
+
+
diff --git a/icons/20x20/settings.svg b/icons/20x20/settings.svg
new file mode 100644
index 0000000..8299e19
--- /dev/null
+++ b/icons/20x20/settings.svg
@@ -0,0 +1,3 @@
+
+
+
diff --git a/icons/20x20/shopping-bag-check.svg b/icons/20x20/shopping-bag-check.svg
new file mode 100644
index 0000000..522b18b
--- /dev/null
+++ b/icons/20x20/shopping-bag-check.svg
@@ -0,0 +1,3 @@
+
+
+
diff --git a/icons/20x20/shopping-bag-min.svg b/icons/20x20/shopping-bag-min.svg
new file mode 100644
index 0000000..efb8843
--- /dev/null
+++ b/icons/20x20/shopping-bag-min.svg
@@ -0,0 +1,3 @@
+
+
+
diff --git a/icons/20x20/shopping-bag-plus.svg b/icons/20x20/shopping-bag-plus.svg
new file mode 100644
index 0000000..bd1f435
--- /dev/null
+++ b/icons/20x20/shopping-bag-plus.svg
@@ -0,0 +1,3 @@
+
+
+
diff --git a/icons/20x20/shopping-bag.svg b/icons/20x20/shopping-bag.svg
new file mode 100644
index 0000000..f05e51d
--- /dev/null
+++ b/icons/20x20/shopping-bag.svg
@@ -0,0 +1,3 @@
+
+
+
diff --git a/icons/20x20/stats-chart-2.svg b/icons/20x20/stats-chart-2.svg
new file mode 100644
index 0000000..98d49c2
--- /dev/null
+++ b/icons/20x20/stats-chart-2.svg
@@ -0,0 +1,3 @@
+
+
+
diff --git a/icons/20x20/stats-chart.svg b/icons/20x20/stats-chart.svg
new file mode 100644
index 0000000..4952a59
--- /dev/null
+++ b/icons/20x20/stats-chart.svg
@@ -0,0 +1,3 @@
+
+
+
diff --git a/icons/20x20/stop.svg b/icons/20x20/stop.svg
new file mode 100644
index 0000000..75963ef
--- /dev/null
+++ b/icons/20x20/stop.svg
@@ -0,0 +1,3 @@
+
+
+
diff --git a/icons/20x20/strikethrough.svg b/icons/20x20/strikethrough.svg
new file mode 100644
index 0000000..d81b992
--- /dev/null
+++ b/icons/20x20/strikethrough.svg
@@ -0,0 +1,3 @@
+
+
+
diff --git a/icons/20x20/trash-alt.svg b/icons/20x20/trash-alt.svg
new file mode 100644
index 0000000..d2378bf
--- /dev/null
+++ b/icons/20x20/trash-alt.svg
@@ -0,0 +1,3 @@
+
+
+
diff --git a/icons/20x20/trash.svg b/icons/20x20/trash.svg
new file mode 100644
index 0000000..4827200
--- /dev/null
+++ b/icons/20x20/trash.svg
@@ -0,0 +1,3 @@
+
+
+
diff --git a/icons/20x20/underline.svg b/icons/20x20/underline.svg
new file mode 100644
index 0000000..7a46643
--- /dev/null
+++ b/icons/20x20/underline.svg
@@ -0,0 +1,3 @@
+
+
+
diff --git a/icons/20x20/upload.svg b/icons/20x20/upload.svg
new file mode 100644
index 0000000..4890979
--- /dev/null
+++ b/icons/20x20/upload.svg
@@ -0,0 +1,3 @@
+
+
+
diff --git a/icons/20x20/x-circle.svg b/icons/20x20/x-circle.svg
new file mode 100644
index 0000000..67993a3
--- /dev/null
+++ b/icons/20x20/x-circle.svg
@@ -0,0 +1,3 @@
+
+
+
diff --git a/icons/20x20/x.svg b/icons/20x20/x.svg
new file mode 100644
index 0000000..ac84100
--- /dev/null
+++ b/icons/20x20/x.svg
@@ -0,0 +1,3 @@
+
+
+
diff --git a/icons/20x20/zoom-in.svg b/icons/20x20/zoom-in.svg
new file mode 100644
index 0000000..4e3f1a6
--- /dev/null
+++ b/icons/20x20/zoom-in.svg
@@ -0,0 +1,3 @@
+
+
+
diff --git a/icons/20x20/zoom-out.svg b/icons/20x20/zoom-out.svg
new file mode 100644
index 0000000..5e44699
--- /dev/null
+++ b/icons/20x20/zoom-out.svg
@@ -0,0 +1,3 @@
+
+
+
diff --git a/icons/24x24/alarm.svg b/icons/24x24/alarm.svg
index 1e14038..8ec1e97 100644
--- a/icons/24x24/alarm.svg
+++ b/icons/24x24/alarm.svg
@@ -1,3 +1,3 @@
-
+
diff --git a/icons/24x24/battery-charge.svg b/icons/24x24/battery-charge.svg
index d457cc1..488e67c 100644
--- a/icons/24x24/battery-charge.svg
+++ b/icons/24x24/battery-charge.svg
@@ -1,3 +1,3 @@
-
+
diff --git a/icons/24x24/calendar-check.svg b/icons/24x24/calendar-check.svg
index 1f5794e..41f18c5 100644
--- a/icons/24x24/calendar-check.svg
+++ b/icons/24x24/calendar-check.svg
@@ -1,4 +1,3 @@
-
-
+
diff --git a/icons/24x24/calendar.svg b/icons/24x24/calendar.svg
index 74b3325..a737aa0 100644
--- a/icons/24x24/calendar.svg
+++ b/icons/24x24/calendar.svg
@@ -1,3 +1,3 @@
-
+
diff --git a/icons/24x24/camera.svg b/icons/24x24/camera.svg
index 329dd89..7896efa 100644
--- a/icons/24x24/camera.svg
+++ b/icons/24x24/camera.svg
@@ -1,3 +1,3 @@
-
+
diff --git a/icons/24x24/clipboard-check.svg b/icons/24x24/clipboard-check.svg
index 5862619..099453e 100644
--- a/icons/24x24/clipboard-check.svg
+++ b/icons/24x24/clipboard-check.svg
@@ -1,3 +1,3 @@
-
+
diff --git a/icons/24x24/file-check.svg b/icons/24x24/file-check.svg
index 079c542..a2a3730 100644
--- a/icons/24x24/file-check.svg
+++ b/icons/24x24/file-check.svg
@@ -1,3 +1,3 @@
-
+
diff --git a/icons/24x24/inbox.svg b/icons/24x24/inbox.svg
index fc86c14..2730c5e 100644
--- a/icons/24x24/inbox.svg
+++ b/icons/24x24/inbox.svg
@@ -1,3 +1,3 @@
-
+
diff --git a/icons/24x24/lock-open.svg b/icons/24x24/lock-open.svg
index 3d52579..beec8ea 100644
--- a/icons/24x24/lock-open.svg
+++ b/icons/24x24/lock-open.svg
@@ -1,3 +1,3 @@
-
+
diff --git a/icons/24x24/minimize.svg b/icons/24x24/minimize.svg
index a63e9c2..83ac864 100644
--- a/icons/24x24/minimize.svg
+++ b/icons/24x24/minimize.svg
@@ -1,3 +1,3 @@
-
+
diff --git a/icons/24x24/overline.svg b/icons/24x24/overline.svg
index dbb86b0..73ce667 100644
--- a/icons/24x24/overline.svg
+++ b/icons/24x24/overline.svg
@@ -1,3 +1,3 @@
-
+
diff --git a/icons/24x24/printer.svg b/icons/24x24/printer.svg
index c609090..10a9c38 100644
--- a/icons/24x24/printer.svg
+++ b/icons/24x24/printer.svg
@@ -1,3 +1,3 @@
-
-
+
+
diff --git a/icons/24x24/settings.svg b/icons/24x24/settings.svg
index 7c6a26d..4a79582 100644
--- a/icons/24x24/settings.svg
+++ b/icons/24x24/settings.svg
@@ -1,3 +1,3 @@
-
+
diff --git a/icons/24x24/shopping-bag-check.svg b/icons/24x24/shopping-bag-check.svg
index b538f53..bebb003 100644
--- a/icons/24x24/shopping-bag-check.svg
+++ b/icons/24x24/shopping-bag-check.svg
@@ -1,4 +1,3 @@
-
-
+
diff --git a/icons/24x24/strikethrough.svg b/icons/24x24/strikethrough.svg
new file mode 100644
index 0000000..802560c
--- /dev/null
+++ b/icons/24x24/strikethrough.svg
@@ -0,0 +1,3 @@
+
+
+
diff --git a/scripts/build-vue/index.js b/scripts/build-vue/index.js
index 9a13c65..8488879 100644
--- a/scripts/build-vue/index.js
+++ b/scripts/build-vue/index.js
@@ -3,7 +3,7 @@ const fs = require("fs").promises
const packageJSONTemplate = (name) =>
`{
-"name": "nataicons/vue",
+"name": "nataicons",
"version": "${pkg.version}",
"main": "lib/index.cjs.js",
"module": "lib/index.es.js",