@natura11y/icons 2.2.0
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/.fantasticonrc.js +26 -0
- package/README.md +43 -0
- package/dist/index.html +987 -0
- package/dist/natura11y-icons-sprite.svg +406 -0
- package/dist/natura11y-icons.css +342 -0
- package/dist/natura11y-icons.json +110 -0
- package/dist/natura11y-icons.min.css +1 -0
- package/dist/natura11y-icons.ttf +0 -0
- package/dist/natura11y-icons.woff +0 -0
- package/dist/natura11y-icons.woff2 +0 -0
- package/optimized-svg/accessibility.svg +4 -0
- package/optimized-svg/arrow-down.svg +3 -0
- package/optimized-svg/arrow-left.svg +3 -0
- package/optimized-svg/arrow-right.svg +3 -0
- package/optimized-svg/arrow-up.svg +3 -0
- package/optimized-svg/asterisk.svg +3 -0
- package/optimized-svg/bell.svg +3 -0
- package/optimized-svg/bluesky.svg +3 -0
- package/optimized-svg/bookmark-add.svg +3 -0
- package/optimized-svg/bookmark-remove.svg +3 -0
- package/optimized-svg/bookmark.svg +3 -0
- package/optimized-svg/calendar.svg +4 -0
- package/optimized-svg/call.svg +3 -0
- package/optimized-svg/car.svg +3 -0
- package/optimized-svg/caret-down.svg +3 -0
- package/optimized-svg/caret-left.svg +3 -0
- package/optimized-svg/caret-right.svg +3 -0
- package/optimized-svg/caret-up.svg +3 -0
- package/optimized-svg/checkbox-checked.svg +3 -0
- package/optimized-svg/checkbox-unchecked.svg +3 -0
- package/optimized-svg/chevron-down.svg +3 -0
- package/optimized-svg/chevron-left.svg +3 -0
- package/optimized-svg/chevron-right.svg +3 -0
- package/optimized-svg/chevron-up.svg +3 -0
- package/optimized-svg/clear.svg +3 -0
- package/optimized-svg/close.svg +3 -0
- package/optimized-svg/confirm.svg +3 -0
- package/optimized-svg/delete.svg +3 -0
- package/optimized-svg/disabled.svg +3 -0
- package/optimized-svg/double-chevron-down.svg +4 -0
- package/optimized-svg/double-chevron-left.svg +4 -0
- package/optimized-svg/double-chevron-right.svg +4 -0
- package/optimized-svg/double-chevron-up.svg +4 -0
- package/optimized-svg/edit.svg +3 -0
- package/optimized-svg/expand.svg +7 -0
- package/optimized-svg/facebook.svg +3 -0
- package/optimized-svg/figma.svg +3 -0
- package/optimized-svg/file-download.svg +4 -0
- package/optimized-svg/file-upload.svg +4 -0
- package/optimized-svg/github.svg +3 -0
- package/optimized-svg/globe.svg +3 -0
- package/optimized-svg/grid.svg +3 -0
- package/optimized-svg/hashtag.svg +3 -0
- package/optimized-svg/heart.svg +3 -0
- package/optimized-svg/home.svg +4 -0
- package/optimized-svg/info.svg +3 -0
- package/optimized-svg/instagram.svg +3 -0
- package/optimized-svg/language.svg +3 -0
- package/optimized-svg/lightbulb.svg +3 -0
- package/optimized-svg/linkedin.svg +3 -0
- package/optimized-svg/list.svg +3 -0
- package/optimized-svg/loading.svg +3 -0
- package/optimized-svg/location.svg +4 -0
- package/optimized-svg/lock.svg +3 -0
- package/optimized-svg/mail.svg +4 -0
- package/optimized-svg/map-pin.svg +3 -0
- package/optimized-svg/menu.svg +3 -0
- package/optimized-svg/minus.svg +3 -0
- package/optimized-svg/mobile.svg +3 -0
- package/optimized-svg/mode-light-dark.svg +3 -0
- package/optimized-svg/moon.svg +3 -0
- package/optimized-svg/more-horizontal.svg +3 -0
- package/optimized-svg/more-vertical.svg +3 -0
- package/optimized-svg/npm.svg +3 -0
- package/optimized-svg/open-new.svg +4 -0
- package/optimized-svg/page-end.svg +3 -0
- package/optimized-svg/page-start.svg +3 -0
- package/optimized-svg/parking.svg +4 -0
- package/optimized-svg/pause-circle.svg +4 -0
- package/optimized-svg/pause.svg +3 -0
- package/optimized-svg/people.svg +4 -0
- package/optimized-svg/person.svg +3 -0
- package/optimized-svg/plane.svg +3 -0
- package/optimized-svg/play-circle.svg +4 -0
- package/optimized-svg/play.svg +3 -0
- package/optimized-svg/plus.svg +3 -0
- package/optimized-svg/print.svg +3 -0
- package/optimized-svg/question-mark.svg +3 -0
- package/optimized-svg/radio-checked.svg +4 -0
- package/optimized-svg/radio-unchecked.svg +3 -0
- package/optimized-svg/recycle.svg +4 -0
- package/optimized-svg/search.svg +3 -0
- package/optimized-svg/settings.svg +3 -0
- package/optimized-svg/share.svg +3 -0
- package/optimized-svg/shopping-cart.svg +3 -0
- package/optimized-svg/shrink.svg +3 -0
- package/optimized-svg/sign-in.svg +4 -0
- package/optimized-svg/sign-out.svg +4 -0
- package/optimized-svg/star-fill.svg +3 -0
- package/optimized-svg/star-outline.svg +3 -0
- package/optimized-svg/sun.svg +3 -0
- package/optimized-svg/switch-off.svg +3 -0
- package/optimized-svg/switch-on.svg +3 -0
- package/optimized-svg/tiktok.svg +3 -0
- package/optimized-svg/twitter-x.svg +3 -0
- package/optimized-svg/twitter.svg +3 -0
- package/optimized-svg/volume-mute.svg +3 -0
- package/optimized-svg/volume.svg +4 -0
- package/optimized-svg/warn.svg +3 -0
- package/optimized-svg/wheelchair.svg +3 -0
- package/optimized-svg/youtube.svg +3 -0
- package/optimized-svg/zoom-in.svg +4 -0
- package/optimized-svg/zoom-out.svg +4 -0
- package/original-svg/accessibility.svg +4 -0
- package/original-svg/arrow-down.svg +3 -0
- package/original-svg/arrow-left.svg +3 -0
- package/original-svg/arrow-right.svg +3 -0
- package/original-svg/arrow-up.svg +3 -0
- package/original-svg/asterisk.svg +3 -0
- package/original-svg/bell.svg +3 -0
- package/original-svg/bluesky.svg +3 -0
- package/original-svg/bookmark-add.svg +3 -0
- package/original-svg/bookmark-remove.svg +3 -0
- package/original-svg/bookmark.svg +3 -0
- package/original-svg/calendar.svg +4 -0
- package/original-svg/call.svg +3 -0
- package/original-svg/car.svg +3 -0
- package/original-svg/caret-down.svg +3 -0
- package/original-svg/caret-left.svg +3 -0
- package/original-svg/caret-right.svg +3 -0
- package/original-svg/caret-up.svg +3 -0
- package/original-svg/checkbox-checked.svg +3 -0
- package/original-svg/checkbox-unchecked.svg +3 -0
- package/original-svg/chevron-down.svg +3 -0
- package/original-svg/chevron-left.svg +3 -0
- package/original-svg/chevron-right.svg +3 -0
- package/original-svg/chevron-up.svg +3 -0
- package/original-svg/clear.svg +3 -0
- package/original-svg/close.svg +3 -0
- package/original-svg/confirm.svg +3 -0
- package/original-svg/delete.svg +3 -0
- package/original-svg/disabled.svg +3 -0
- package/original-svg/double-chevron-down.svg +4 -0
- package/original-svg/double-chevron-left.svg +4 -0
- package/original-svg/double-chevron-right.svg +4 -0
- package/original-svg/double-chevron-up.svg +4 -0
- package/original-svg/edit.svg +3 -0
- package/original-svg/expand.svg +7 -0
- package/original-svg/facebook.svg +3 -0
- package/original-svg/figma.svg +3 -0
- package/original-svg/file-download.svg +4 -0
- package/original-svg/file-upload.svg +4 -0
- package/original-svg/github.svg +3 -0
- package/original-svg/globe.svg +3 -0
- package/original-svg/grid.svg +3 -0
- package/original-svg/hashtag.svg +3 -0
- package/original-svg/heart.svg +3 -0
- package/original-svg/home.svg +4 -0
- package/original-svg/info.svg +3 -0
- package/original-svg/instagram.svg +3 -0
- package/original-svg/language.svg +3 -0
- package/original-svg/lightbulb.svg +3 -0
- package/original-svg/linkedin.svg +3 -0
- package/original-svg/list.svg +3 -0
- package/original-svg/loading.svg +3 -0
- package/original-svg/location.svg +4 -0
- package/original-svg/lock.svg +3 -0
- package/original-svg/mail.svg +4 -0
- package/original-svg/map-pin.svg +3 -0
- package/original-svg/menu.svg +3 -0
- package/original-svg/minus.svg +3 -0
- package/original-svg/mobile.svg +3 -0
- package/original-svg/mode-light-dark.svg +3 -0
- package/original-svg/moon.svg +3 -0
- package/original-svg/more-horizontal.svg +3 -0
- package/original-svg/more-vertical.svg +3 -0
- package/original-svg/npm.svg +3 -0
- package/original-svg/open-new.svg +4 -0
- package/original-svg/page-end.svg +3 -0
- package/original-svg/page-start.svg +3 -0
- package/original-svg/parking.svg +4 -0
- package/original-svg/pause-circle.svg +4 -0
- package/original-svg/pause.svg +3 -0
- package/original-svg/people.svg +4 -0
- package/original-svg/person.svg +3 -0
- package/original-svg/plane.svg +3 -0
- package/original-svg/play-circle.svg +4 -0
- package/original-svg/play.svg +3 -0
- package/original-svg/plus.svg +3 -0
- package/original-svg/print.svg +3 -0
- package/original-svg/question-mark.svg +3 -0
- package/original-svg/radio-checked.svg +4 -0
- package/original-svg/radio-unchecked.svg +3 -0
- package/original-svg/recycle.svg +4 -0
- package/original-svg/search.svg +3 -0
- package/original-svg/settings.svg +3 -0
- package/original-svg/share.svg +3 -0
- package/original-svg/shopping-cart.svg +3 -0
- package/original-svg/shrink.svg +3 -0
- package/original-svg/sign-in.svg +4 -0
- package/original-svg/sign-out.svg +4 -0
- package/original-svg/star-fill.svg +3 -0
- package/original-svg/star-outline.svg +3 -0
- package/original-svg/sun.svg +3 -0
- package/original-svg/switch-off.svg +3 -0
- package/original-svg/switch-on.svg +3 -0
- package/original-svg/tiktok.svg +3 -0
- package/original-svg/twitter-x.svg +3 -0
- package/original-svg/twitter.svg +3 -0
- package/original-svg/volume-mute.svg +3 -0
- package/original-svg/volume.svg +4 -0
- package/original-svg/warn.svg +3 -0
- package/original-svg/wheelchair.svg +3 -0
- package/original-svg/youtube.svg +3 -0
- package/original-svg/zoom-in.svg +4 -0
- package/original-svg/zoom-out.svg +4 -0
- package/package.json +48 -0
- package/scripts/minify-icons-css.mjs +16 -0
- package/src/data/icons.d.mts +12 -0
- package/src/data/icons.mjs +1154 -0
- package/svgo.config.js +35 -0
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
const codepoints = require('./dist/natura11y-icons.json');
|
|
2
|
+
|
|
3
|
+
module.exports = {
|
|
4
|
+
inputDir: './original-svg', // (required)
|
|
5
|
+
outputDir: './dist', // (required)
|
|
6
|
+
fontTypes: ['ttf', 'woff2', 'woff'],
|
|
7
|
+
assetTypes: ['css', 'json', 'html'],
|
|
8
|
+
name: 'natura11y-icons',
|
|
9
|
+
codepoints: codepoints,
|
|
10
|
+
prefix: 'icon',
|
|
11
|
+
selector: '.icon',
|
|
12
|
+
tag: 'span',
|
|
13
|
+
formatOptions: {
|
|
14
|
+
json: {
|
|
15
|
+
indent: 3
|
|
16
|
+
}
|
|
17
|
+
},
|
|
18
|
+
pathOptions: {
|
|
19
|
+
html: './dist/index.html',
|
|
20
|
+
css: './dist/natura11y-icons.css',
|
|
21
|
+
json: './dist/natura11y-icons.json',
|
|
22
|
+
ttf: './dist/natura11y-icons.ttf',
|
|
23
|
+
woff: './dist/natura11y-icons.woff',
|
|
24
|
+
woff2: './dist/natura11y-icons.woff2'
|
|
25
|
+
}
|
|
26
|
+
};
|
package/README.md
ADDED
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
# Natura11y Icons
|
|
2
|
+
|
|
3
|
+
Use Natura11y's open source icon font, or use this package as the starting point for your own icon library.
|
|
4
|
+
|
|
5
|
+
---
|
|
6
|
+
|
|
7
|
+
## CDN
|
|
8
|
+
|
|
9
|
+
```html
|
|
10
|
+
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@natura11y/icons@2.2.0/dist/natura11y-icons.min.css">
|
|
11
|
+
```
|
|
12
|
+
|
|
13
|
+
---
|
|
14
|
+
|
|
15
|
+
## Build Icons
|
|
16
|
+
|
|
17
|
+
1. Save your SVGs to `./original-svg`.
|
|
18
|
+
|
|
19
|
+
2. Install package dependencies:
|
|
20
|
+
|
|
21
|
+
```bash
|
|
22
|
+
npm install
|
|
23
|
+
```
|
|
24
|
+
|
|
25
|
+
3. Optimize SVGs, build the icon font, and write the minified CDN stylesheet:
|
|
26
|
+
|
|
27
|
+
```bash
|
|
28
|
+
npm run build:icons
|
|
29
|
+
```
|
|
30
|
+
|
|
31
|
+
---
|
|
32
|
+
|
|
33
|
+
## The icon font
|
|
34
|
+
|
|
35
|
+
The build generates `dist/natura11y-icons.css`, `dist/natura11y-icons.min.css`, font files, a sprite, and icon metadata. You can customize the generated icon font with `.fantasticonrc.js`.
|
|
36
|
+
|
|
37
|
+
---
|
|
38
|
+
|
|
39
|
+
Related:
|
|
40
|
+
|
|
41
|
+
- [NPM: @natura11y/icons](https://www.npmjs.com/package/@natura11y/icons)
|
|
42
|
+
- [Repo: Natura11y Core](https://github.com/Natura11y/core)
|
|
43
|
+
- [Docs: Natura11y Docs](https://gonatura11y.com)
|