# @fluid-topics/ft-icon
> Typography components
Latest version **2.2.18** (published 2026-09-23) · ISC license · 20.6K weekly downloads
## Install
```sh
npm install @fluid-topics/ft-icon
pnpm add @fluid-topics/ft-icon
yarn add @fluid-topics/ft-icon
bun add @fluid-topics/ft-icon
```
## Health
**Score 65/100 (B)** — status: active.
Positive: no vulnerabilities; recently updated; high maintenance score.
Warnings: no types; no esm support.
## Facts
| | |
|---|---|
| Version | 2.2.18 |
| Published | 2026-09-23 |
| First published | 2022-03-03 |
| Weekly downloads | 20.6K |
| License | ISC |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 0 |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Author | Fluid Topics |
| Maintainers | antidot, mike.antidot, rtellier |
| Keywords | Lit |
## Links
- npm: https://www.npmjs.com/package/@fluid-topics/ft-icon
- Repository: https://scm.mrs.antidot.net:2222/fluidtopics/ft-web-components
- npm.io page: https://npm.io/package/@fluid-topics/ft-icon
## Alternatives
- [lodash.assign](https://npm.io/package/lodash.assign.md) — 2.3M weekly downloads
- [lodash.chunk](https://npm.io/package/lodash.chunk.md) — 1.8M weekly downloads
- [react-native-ios-utilities](https://npm.io/package/react-native-ios-utilities.md) — 138.5K weekly downloads
- [@technically/lodash](https://npm.io/package/@technically/lodash.md) — 50.9K weekly downloads
- [@fremtind/jkl-core](https://npm.io/package/@fremtind/jkl-core.md) — 4.2K weekly downloads
## Recent versions
- 2.2.18 (latest) — 2026-09-23
- 2.2.17 — 2026-09-23
- 2.2.16 — 2026-09-22
- 2.2.15 — 2026-09-22
- 2.2.14 — 2026-09-17
- 2.2.13 — 2026-09-16
- 2.2.12 — 2026-09-16
- 2.2.11 — 2026-09-15
- 2.2.10 — 2026-09-14
- 2.2.9 — 2026-09-10
- 2.2.8 — 2026-09-08
- 2.2.7 — 2026-09-08
- 2.2.6 — 2026-09-07
- 2.2.5 — 2026-09-01
- 2.2.4 — 2026-09-01
- … 498 more at https://npm.io/package/@fluid-topics/ft-icon/versions
## README
An icon component.
## Install
```shell
npm install @fluid-topics/ft-icon
yarn add @fluid-topics/ft-icon
```
## Usage
```typescript
import { html } from "lit"
import "@fluid-topics/ft-icon"
function render() {
return html`
account_settings
`
}
```
Define icon fonts as follows:
```html
...
```
---
_Source: https://npm.io/package/@fluid-topics/ft-icon · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._