Ladeanimationen
111 animierte Open-Source-SVG-Loader. Wähle einen aus, passe Farbe & Tempo an und exportiere ihn
Editor
Wähle einen Loader aus dem Katalog
Wähle einen Loader aus dem Katalog,
um ihn anzupassen
Keine Loader passen zu deiner Suche.
Kostenlose animierte SVG-Loader
Eine kuratierte Bibliothek schlanker Ladeanimationen. Passe Farben und Tempo an und exportiere sie als SVG oder GIF für deine Projekte.
Kuratierte Auswahl
Entdecke über 50 handverlesene SVG-Ladeanimationen, sortiert nach Kategorie – Spinner, Balken, Punkte und abstrakte Formen. Jeder Loader ist schlank und produktionsreif.
Farben anpassen
Ändere die Farbe jedes Loaders mit dem integrierten Farbwähler. Pass ihn sofort an deine Markenfarben an – ohne SVG-Code zu bearbeiten.
Tempo anpassen
Steuere das Animationstempo passend zum Charakter deiner App. Verlangsame es für einen ruhigen Eindruck oder beschleunige es, damit sich alles schneller anfühlt.
Mehrere Exportformate
Exportiere als optimiertes SVG fürs Web, als animiertes GIF für breitere Kompatibilität oder kopiere den SVG-Code direkt in dein HTML.
Häufig gestellte Fragen
Ja. Alle Loader der Sammlung sind Open Source und kostenlos für private und kommerzielle Nutzung. Eine Namensnennung ist nicht nötig.
Kopiere den SVG-Code und füge ihn direkt in dein HTML ein. Die Animation steckt im SVG selbst – kein JavaScript oder CSS nötig. Du kannst die SVG-Datei auch herunterladen und per img-Tag einbinden.
SVG-Loader sind auflösungsunabhängig und bleiben daher auch auf Retina-Displays scharf. Außerdem sind die Dateien deutlich kleiner, die Farbe lässt sich per CSS anpassen, und es gibt keine eingeschränkte Farbpalette wie bei GIF-Dateien.
SVG-Loader lassen sich beliebig skalieren. Leg einfach Breite und Höhe per CSS oder Inline-Attribut fest. Da es Vektoren sind, bleiben sie scharf – ob als 16-px-Icon oder als Vollbild-Overlay.