# Iconos

Cada icono de Feitio, dibujado a mano. Busca por nombre, en portugués o inglés, y toca para copiar el código.

## Todos los iconos

Filtrar iconos

-   
-   
-   
-   
-   
-   
-   
-   
-   
-   
-   
-   

No hay icono con ese nombre. ¿Necesita uno nuevo? Vea cómo solicitarlo, abajo.

Toca un icono para copiar su código.

## How to use

Todos los iconos viven en un solo archivo, `icons/sprite.svg`. Cada uno se llama por nombre, hereda el color de texto circundante y el tamaño de fuente.

```html
<button type="button" class="feitio-button">
  <svg class="feitio-icon" aria-hidden="true"><use href="feitio/icons/sprite.svg#feitio-plus"/></svg>
  Novo agendamento
</button>
```

-   Con una palabra al lado, el icono obtiene `aria-hidden="true"`: la palabra explica.
-   Por sí solo, su contenedor lleva el nombre: `aria-label` en el botón o enlace.
-   El tamaño proviene del texto (`1em`); para otro tamaño, cambia el tamaño de fuente circundante o el `inline-size`.

## Un nuevo icono

Se dibuja un nuevo icono siguiendo las reglas de [Iconografía e ilustración](/es/design/desenho/#como-se-desenha): dos trazos en cada unión, inclinados, en el color de texto. El archivo va a `icons/<name>.svg`, y `bun run build` reconstruye el sprite; las pruebas de Feitio verifican las reglas.