@atmus/icons

5.973 ícones rounded nos estilos Solid, Stroke, Duotone, Twotone e Bulk.

npm install @atmus/icons

@import '@atmus/icons/solid.css';

<i class="atm atm-search-01" aria-hidden="true"></i>

A classe base atm é obrigatória

As declarações de fonte se aplicam a .atm. A classe do ícone (atm-search-01) sozinha define apenas o glifo. Isso é deliberado: uma regra que casasse [class^="atm-"] capturaria qualquer classe com esse prefixo, inclusive as de design systems que não são ícones.

Estilos

Os cinco compartilham o mesmo mapa Unicode, então trocar o estilo nunca troca o ícone. Importe all.css para ter os cinco e alterne pela classe:

<i class="atm atm-stroke atm-search-01"></i>
<i class="atm atm-duotone atm-search-01"></i>

Subset core

<style>-core.css declara duas fontes sob a mesma família, separadas por unicode-range: um subset pequeno com os ícones mais usados e a fonte completa. O navegador só busca a completa quando a página realmente renderiza um ícone fora do core.

@import '@atmus/icons/solid-core.css';

Formatos

O pacote traz apenas WOFF2. Para TTF/WOFF, use a CDN em https://cdn.atmus.dev.br/assets/icons/.

codepoints.json

Mapa append-only nome → codepoint. Um nome mantém seu codepoint entre versões e nomes removidos mantêm o slot reservado, então atualizar o pacote nunca troca o glifo de um ícone existente.