# @haxtheweb/simple-icon

> Render an SVG based icon

Latest version **26.8.0** (published 2026-08-14) · Apache-2.0 license · 0 weekly downloads

## Install

```sh
npm install @haxtheweb/simple-icon
pnpm add @haxtheweb/simple-icon
yarn add @haxtheweb/simple-icon
bun add @haxtheweb/simple-icon
```

## Health

**Score 60/100 (C)** — status: active.

Positive: esm support; no vulnerabilities; recently updated; high maintenance score.

Warnings: low downloads; no types.

## Facts

| | |
|---|---|
| Version | 26.8.0 |
| Published | 2026-08-14 |
| First published | 2024-05-23 |
| Weekly downloads | 0 |
| License | Apache-2.0 |
| TypeScript types | none |
| Module format | ESM + CommonJS |
| Dependencies | 4 |
| Unpacked size | 461.4 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 274 |
| Author | haxtheweb |
| Maintainers | btopro |
| Keywords | webcomponents, html, haxtheweb, lit |

## Links

- npm: https://www.npmjs.com/package/@haxtheweb/simple-icon
- Repository: https://github.com/haxtheweb/webcomponents
- Homepage: https://github.com/haxtheweb/webcomponents#readme
- Issues: https://github.com/haxtheweb/webcomponents/issues
- npm.io page: https://npm.io/package/@haxtheweb/simple-icon

## Dependencies (4)

- [lit](https://npm.io/package/lit.md) 3.3.3
- [flag-icons](https://npm.io/package/flag-icons.md) 6.6.4
- [@haxtheweb/hax-iconset](https://npm.io/package/@haxtheweb/hax-iconset.md) ^26.8.0
- [@haxtheweb/simple-colors](https://npm.io/package/@haxtheweb/simple-colors.md) ^26.8.0

## Alternatives

- [@tsparticles/shape-image](https://npm.io/package/@tsparticles/shape-image.md) — 303.7K weekly downloads
- [@tsparticles/shape-line](https://npm.io/package/@tsparticles/shape-line.md) — 233.7K weekly downloads
- [stringify-attributes](https://npm.io/package/stringify-attributes.md) — 58.6K weekly downloads
- [mobile-drag-drop](https://npm.io/package/mobile-drag-drop.md) — 46.3K weekly downloads
- [@comunica/actor-rdf-parse-html](https://npm.io/package/@comunica/actor-rdf-parse-html.md) — 29.2K weekly downloads

## Recent versions

- 26.8.0 (latest) — 2026-08-14
- 26.0.0 — 2026-05-12
- 25.0.0 — 2026-01-09
- 11.0.5 — 2025-06-18
- 11.0.0 — 2025-06-06
- 10.0.2 — 2025-01-31
- 10.0.1 — 2024-12-23
- 10.0.0 — 2024-12-20
- 9.0.27 — 2024-12-11
- 9.0.26 — 2024-12-09
- 9.0.25 — 2024-12-09
- 9.0.24 — 2024-12-09
- 9.0.22 — 2024-12-05
- 9.0.18 — 2024-11-13
- 9.0.7 — 2024-10-18
- … 6 more at https://npm.io/package/@haxtheweb/simple-icon/versions

## README

# <simple-icon>

Icon
> Render an SVG based icon

## Usage
To use this web component in your project you can utilize one of the following styles of syntax.

```js
/* In an existing JS module / web component */
import '@haxtheweb/simple-icon/simple-icon.js';

/* CDN */
<script type="module" src="https://cdn.hax.cloud/cdn/build/es6/node_modules/@haxtheweb/simple-icon/simple-icon.js"></script>
```

## Develop / Demo
Running `npm start` will start a local development server and open your default browser to display it. It will start watching *.js and lib/*.js files for changes automatically for your demo.
```bash
$ npm start
```


## Contributing

1. Fork it! `git clone https://github.com/haxtheweb/webcomponents.git`
2. Create your feature branch: `git checkout -b my-new-feature`
3. Commit your changes: `git commit -m 'Add some feature'`
4. Push to the branch: `git push origin my-new-feature`
5. Submit a pull request :D

Icon

## License
[Apache-2.0 License](http://opensource.org/licenses/Apache-2.0)

---
_Source: https://npm.io/package/@haxtheweb/simple-icon · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._