carbon icons svelte

Carbon-icons -velte

Ícones SVG do sistema de design de carbono como componentes esbeltos.

Esta biblioteca de ícones de dependência zero cria ícones do sistema de design de carbono como componentes esbeltos. Embora seja melhor emparelhado com os componentes de carbono, esses ícones podem ser consumidos independentes.

Experimente no repler repl.

INDEXIONO DE ICON

Instalação

 # npm
npm i carbon-icons-svelte

# pnpm
pnpm i carbon-icons-svelte

# Yarn
yarn add carbon-icons-svelte

# Bun
bun add carbon-icons-svelte

Uso

Básico

Importe o ícone da pasta carbon-icons-svelte/lib . Consulte o índice de ícones para obter uma lista de ícones suportados.

< script >
  import Add from " carbon-icons-svelte/lib/Add.svelte " ;
</ script >

< Add />

Tamanho personalizado

Use o suporte size para especificar o tamanho do ícone.

Os tamanhos de ícones suportados incluem 16 , 20 , 24 e 32 .

O tamanho padrão é 16 .

< Add size ={ 16 } />
< Add size ={ 20 } />
< Add size ={ 24 } />
< Add size ={ 32 } />

Adereços personalizados

$$restProps são encaminhados para o elemento svg .

Você pode usar fill para personalizar a cor ou passar em qualquer outro atributo svg válido para o componente.

< Add fill = " red " class = " icon " />

Rotulado

< Add aria-label = " Add " />

Ícone rotulado que é focado

< Add aria-label = " Add " tabindex = " 0 " />

Rotulado por

< label id = " add-file " >Add file</ label >

< Add aria-labelledby = " add-file " />

API

Adereços

Todos os adereços são opcionais.

Nome	Tipo	Valor padrão
tamanho	16 | 20 | 24 | 32	16
título	string	undefined

Changelog

Contribuindo

Licença

Apache 2.0