An icon set based on Feather Icons to use in the Archway-branded dapps.
npm install @archway-kit/icons
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"
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
.