blemlicons

Everything needs an icon :)

Install

npm i blemlicons
# or
pnpm add blemlicons

Usage

Import or reference icons directly.

Example (HTML)

<img src="/node_modules/blemlicons/icons/problemli.svg" alt="" width="24" height="24" />

Bundler (e.g. Vite/Next)

import check from "blemlicons/icons/problemli.svg";

<img src={check} alt="" />

Dev

You can run a small validation script to check all SVGs before publishing:

npm run validate

This checks:

• all icons have a 24×24 viewBox
• use currentColor for stroke/fill
• no inline width/height attributes

Create new icons

Make sure your icon

• is 24px × 24px
• has ~2 px padding on all sides Weird shapes (not round or rectangular) may, at some positions, go a little closer to the edge

Then:

1. Add your SVG to the icons folder
2. Run npm run validate to check it
3. if necessary, either manually fix or run npm run fix
4. commit and push
5. publish

   npm version patch
   npm publish --access public