@archway-kit/icons v0.5.6
Installation
npm install @archway-kit/icons
Usage
Import css
file and use archway-icons
as a font using classes.
<link rel="stylesheet" type="text/css" href="@archway-kit/icons/dist/archway-icons.css" />
<i class="archway-anchor" />
You can also import enums / types to access all the icons' names and IDs in your TypeScript / JavaScript files:
import { ArchwayIcons, ArchwayIconsClasses } from '@archway-kit/icons';
import type { ArchwayIconsKey, ArchwayIconsId, ArchwayIconsClass } from '@archway-kit/icons';
console.log(ArchwayIcons.ArrowDownCircle);
// > "arrow-down-circle"
console.log(ArchwayIconsClasses.ArrowDownCircle);
// > "archway-arrow-down-circle"
Development
To add new icons, put the SVG sources in the ./src
dir and run:
npm run optimize
That script will optimize SVGs and transform strokes into resizable paths.
You can also run npm run debug
to generate artifacts (as well as html
and svg
previews) in the debug mode in the ./build
dir, so you can double-check the results.
To build artifacts for production, run npm run build
.
2 days ago
2 days ago
5 days ago
5 days ago
6 days ago
6 days ago
6 days ago
19 days ago
19 days ago
19 days ago
20 days ago
23 days ago
26 days ago
29 days ago
1 month ago
1 month ago
1 month ago
1 month ago
2 months ago
2 months ago
2 months ago
2 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
4 months ago
4 months ago
4 months ago
4 months ago
4 months ago
4 months ago
4 months ago
4 months ago
4 months ago
4 months ago
4 months ago
4 months ago
4 months ago
4 months ago
4 months ago
4 months ago
4 months ago
5 months ago
5 months ago
5 months ago
5 months ago
5 months ago
5 months ago
5 months ago
6 months ago
6 months ago
6 months ago
6 months ago
6 months ago
6 months ago
6 months ago