Zum Inhalt springen

So animieren Sie SVG-Icons mit CSS

Fügen Sie Ihrem Inline-SVG eine CSS-Klasse hinzu und nutzen Sie transform oder stroke-dasharray Keyframes. Unser Live-Editor erstellt flüssige 60fps-Animationen ganz ohne JavaScript.

Geprüfte Fakten zu dieser Website

  • Exportformate: Optimized SVG, PNG, WebP, React TSX, Vue 3 SFC, Svelte, CSS mask or data URI, SVG sprite
  • Raster-Exportgrößen: 64px, 128px, 256px, 512px, 1024px, 2048px
  • Upload-Limit pro Datei im Arbeitsbereich: 2 MB
  • Lizenz und Autor stehen auf jeder Icon-Seite.

Related pages on SVG Nexus

← Praktische SVG-Anleitungen und Tutorials

Tippe, um 76,166 Vektorsymbole zu durchsuchen...

Navigieren | Enter oeffnen Alle Icons erkunden

Vergleichen

Quelle und Lizenz des Symbols

Lizenz Kommerzielle Nutzung Nennung Aendern oder umfaerben
MITErlaubtHinweis im PaketErlaubt
ISCErlaubtHinweis im PaketErlaubt
Apache-2.0ErlaubtPflicht mit HinweisdateiErlaubt
CC BY 4.0ErlaubtNennung noetigErlaubt
CC-BY-SA-4.0ErlaubtWeitergabe unter gleichen BedingungenWeitergabe unter gleichen Bedingungen
Trademark / BrandNur referenzielle NutzungRegeln des InhabersEingeschraenkt

Icon-Vorschau