# Icons

Jedes Feitio-Icon, von Hand gezeichnet. Nach Name suchen, auf Portugiesisch oder Englisch, und zum Kopieren des Codes tippen.

## Alle Icons

Icons filtern

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

Kein Icon mit diesem Namen. Brauchen Sie einen neuen? Sehen Sie sich unten an, wie man fragen kann.

Tippen Sie auf ein Icon, um seinen Code zu kopieren.

## Wie man sie verwendet

Alle Icons leben in einer Datei, `icons/sprite.svg`. Jedes wird nach Name aufgerufen, erbt die umgebende Textfarbe und die Schriftgröße.

```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>
```

-   Mit einem Wort daneben erhält das Icon `aria-hidden="true"`: das Wort erklärt es.
-   Selbstständig trägt sein Container den Namen: `aria-label` auf der Taste oder dem Link.
-   Die Größe stammt aus dem Text (`1em`); für eine andere Größe ändern Sie die umgebende Schriftgröße oder das `inline-size`.

## Ein neues Icon

Ein neues Icon wird gezeichnet, folgend den Regeln von [Iconographie und Illustration](/de/design/desenho/#como-se-desenha): zwei Striche an jeder Verbindung, geneigt, in der Textfarbe. Die Datei geht in `icons/<name>.svg`, und `bun run build` baut den Sprite neu auf; Feitios Test prüft die Regeln.