@generation/icons 1.1.0 → 1.1.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +25 -0
- package/assets/briefcase-outline.svg +1 -0
- package/assets/magic-wand.svg +5 -0
- package/assets/photo-outline.svg +3 -0
- package/assets/photo.svg +1 -0
- package/dist/index.js +1 -1
- package/package.json +1 -1
- package/src/Icons/BriefcaseOutline.jsx +18 -0
- package/src/Icons/MagicWand.jsx +14 -0
- package/src/Icons/Photo.jsx +16 -0
- package/src/Icons/PhotoOutline.jsx +19 -0
- package/src/Icons/index.js +4 -0
package/README.md
ADDED
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
# Generation Icons
|
|
2
|
+
|
|
3
|
+
## Add new icons
|
|
4
|
+
|
|
5
|
+
### Easy build all
|
|
6
|
+
1. Add the SVG file to the assets folder
|
|
7
|
+
|
|
8
|
+
2. Change the fill value property to `currentColor`
|
|
9
|
+
|
|
10
|
+
3. Run `npm run build-all`
|
|
11
|
+
|
|
12
|
+
### Run the build-all step by step instead
|
|
13
|
+
1. Add the SVG file to the assets folder
|
|
14
|
+
|
|
15
|
+
2. Change the fill value property to `currentColor`
|
|
16
|
+
|
|
17
|
+
3. Run `npm run transform`
|
|
18
|
+
This should generate the React components for the SVGs in the `src/Icons`
|
|
19
|
+
|
|
20
|
+
4. Run `npm run create`
|
|
21
|
+
This should create the imports for the React components in the index
|
|
22
|
+
|
|
23
|
+
|
|
24
|
+
## See your icons locally
|
|
25
|
+
- You can't
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="currentColor"><path d="M0 0h24v24H0z" fill="none"/><path d="M14 6V4h-4v2h4zM4 8v11h16V8H4zm16-2c1.11 0 2 .89 2 2v11c0 1.11-.89 2-2 2H4c-1.11 0-2-.89-2-2l.01-11c0-1.11.88-2 1.99-2h4V4c0-1.11.89-2 2-2h4c1.11 0 2 .89 2 2v2h4z" fill-rule="evenodd"/></svg>
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
<svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<g>
|
|
3
|
+
<path d="M21.9996 2L19.4996 3.4L16.9996 2L18.3996 4.5L16.9996 7L19.4996 5.6L21.9996 7L20.5996 4.5L21.9996 2ZM14.3696 7.29C13.9796 6.9 13.3496 6.9 12.9596 7.29L1.28957 18.96C0.89957 19.35 0.89957 19.98 1.28957 20.37L3.62957 22.71C4.01957 23.1 4.64957 23.1 5.03957 22.71L16.6996 11.05C17.0896 10.66 17.0896 10.03 16.6996 9.64L14.3696 7.29ZM13.3396 12.78L11.2196 10.66L13.6596 8.22L15.7796 10.34L13.3396 12.78Z" fill="currentColor"/>
|
|
4
|
+
</g>
|
|
5
|
+
</svg>
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M13.9035 4.50002H16.3999C17.2661 4.50002 17.9749 5.22002 17.9749 6.10002V15.7C17.9749 16.58 17.2661 17.3 16.3999 17.3H3.79985C2.9336 17.3 2.22485 16.58 2.22485 15.7V6.10002C2.22485 5.22002 2.9336 4.50002 3.79985 4.50002H6.29623L7.73735 2.90002H12.4624L13.9035 4.50002ZM3.79985 15.7H16.3999V6.10002H13.2105L11.7694 4.50002H8.43035L6.98923 6.10002H3.79985V15.7ZM10.0999 6.90002C7.92635 6.90002 6.16235 8.69202 6.16235 10.9C6.16235 13.108 7.92635 14.9 10.0999 14.9C12.2734 14.9 14.0374 13.108 14.0374 10.9C14.0374 8.69202 12.2734 6.90002 10.0999 6.90002ZM7.73735 10.9C7.73735 12.22 8.80048 13.3 10.0999 13.3C11.3992 13.3 12.4624 12.22 12.4624 10.9C12.4624 9.58001 11.3992 8.50001 10.0999 8.50001C8.80048 8.50001 7.73735 9.58001 7.73735 10.9Z" fill="currentColor"/>
|
|
3
|
+
</svg>
|
package/assets/photo.svg
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="currentColor"><path d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="3.2"/><path d="M9 2L7.17 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2h-3.17L15 2H9zm3 15c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5z"/></svg>
|