devpack
EnglishEspañolPortuguêsBahasa IndonesiaFrançaisРусскийDeutschTiếng Việt

Kostenlose Download-Icons (SVG)

48 kostenlose Download-Icons aus Open-Source-Sets – klick eins an, um Größe, Farbe und Strichstärke anzupassen und es als SVG, JSX, Data URI oder CSS zu kopieren.

Aktualisiert am

download
Lucidedownload
Tablerdownload
Phosphordownload
Bootstrap Iconsdownload
Iconoirarrow-download-16-filled
Fluent UIdownload
Material Symbolsdownload
Material Design Iconsdownload
Carboncloud-download
Lucidedownload-filled
Tablerdownload-bold
Phosphorcloud-download
Bootstrap Iconscloud-download
Iconoirarrow-download-16-regular
Fluent UIdownload-rounded
Material Symbolsdownload-outline
Material Design Iconscloud-download
Carbondownload-off
Tablerdownload-duotone
Phosphorcloud-download-fill
Bootstrap Iconsbubble-download
Iconoirarrow-download-20-filled
Fluent UIdownload-sharp
Material Symbolsdownload-box
Material Design Iconsmobile-download
Carbonbook-download
Tablerdownload-fill
Phosphordownload-circle
Iconoirarrow-download-20-regular
Fluent UIdownload-2
Material Symbolsdownload-box-outline
Material Design Iconsfile-download
Tablerdownload-light
Phosphordownload-circle-solid
Iconoirarrow-download-24-filled
Fluent UIdownload-2-outline
Material Symbolsdownload-off
Material Design Iconsfile-download-filled
Tablerdownload-thin
Phosphordownload-square
Iconoirarrow-download-24-regular
Fluent UIdownload-2-outline-rounded
Material Symbolsdownload-off-outline
Material Design Iconscloud-download
Tablerdownload-simple
Phosphordownload-square-solid
Iconoirarrow-download-28-filled
Fluent UI

Download-Icons verwenden

Ein nach unten zeigender Pfeil in einer Ablage steht für Herunterladen oder Exportieren; verwende ihn auf Buttons, die eine Datei speichern.

Alle Icons hier folgen currentColor, übernehmen also die Textfarbe des Elements, in dem sie stehen – ein SVG funktioniert auf hellen und dunklen Hintergründen, in Links und in Buttons. Setze explizite width und height (oder passe die Größe per CSS mit 1em an), damit das Layout beim Laden der Seite nicht springt.

Barrierefreie Icons

Ist das Icon dekorativ oder steht neben sichtbarem Text, füge aria-hidden="true" hinzu. Ist es der einzige Inhalt eines Buttons oder Links, gib diesem Element ein aria-label wie „Herunterladen“.

Lizenzen

Diese Download-Icons stammen von Lucide, Tabler, Phosphor, Bootstrap Icons, Iconoir, Fluent UI, Material Symbols, Material Design Icons und Carbon – Open-Source-Sets unter MIT-, ISC- oder Apache-2.0-Lizenz, die persönliche und kommerzielle Nutzung erlauben. Brauchst du etwas anderes? Durchsuche alle 70.000+ Icons im SVG Icon Finder.

Häufige Fragen

Sind diese Download-Icons kostenlos für die kommerzielle Nutzung?
Ja. Sie stammen aus Open-Source-Icon-Sets unter MIT-, ISC- oder Apache-2.0-Lizenz, die kommerzielle Nutzung erlauben. Behalte den Lizenzhinweis bei, wenn du die Icon-Dateien selbst weitergibst.
Wie ändere ich die Farbe eines Download-Icons?
Die SVGs nutzen currentColor. Setze also die CSS-Farbe des übergeordneten Elements – oder öffne das Icon im Finder und wähle vor dem Kopieren eine feste Farbe.
Kann ich diese Icons in Webflow oder React verwenden?
Ja. Öffne ein Icon und nutze Copy to Webflow (fügt ein Code Embed ein) oder Copy JSX für eine React-Komponente.