Icons

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

Alle Icons

• Task: Code kopierenfeitio-taskCopied
• Calendar: Code kopierenfeitio-calendarCopied
• Search: Code kopierenfeitio-searchCopied
• Settings: Code kopierenfeitio-slidersCopied
• Create: Code kopierenfeitio-plusCopied
• Done: Code kopierenfeitio-checkCopied
• Close: Code kopierenfeitio-closeCopied
• Warning: Code kopierenfeitio-warnCopied
• Info: Code kopierenfeitio-infoCopied
• Open: Code kopierenfeitio-chevron-downCopied
• Next: Code kopierenfeitio-chevron-rightCopied
• Menu: Code kopierenfeitio-menuCopied

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.

<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: 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.