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

Kostenlose Upload-Icons (SVG)

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

Aktualisiert am

upload
Lucideupload
Tablerupload
Phosphorupload
Bootstrap Iconsupload
Iconoirarrow-upload-16-filled
Fluent UIupload
Material Symbolsupload
Material Design Iconsupload
Carboncloud-upload
Lucidebook-upload
Tablerupload-bold
Phosphorcloud-upload
Bootstrap Iconscloud-upload
Iconoirarrow-upload-16-regular
Fluent UIupload-rounded
Material Symbolsupload-outline
Material Design Iconscloud-upload
Carbonhard-drive-upload
Lucidefile-upload
Tablerupload-duotone
Phosphorcloud-upload-fill
Bootstrap Iconsbubble-upload
Iconoirarrow-upload-20-filled
Fluent UIupload-sharp
Material Symbolsupload-box
Material Design Iconsfetch-upload
Carbonfile-upload-filled
Tablerupload-fill
Phosphorshield-upload
Iconoirarrow-upload-20-regular
Fluent UIupload-2
Material Symbolsupload-box-outline
Material Design Iconscloud-upload
Tablerupload-light
Phosphorupload-square
Iconoirarrow-upload-24-filled
Fluent UIupload-2-outline
Material Symbolsupload-off
Material Design Iconsworld-upload
Tablerupload-thin
Phosphorupload-square-solid
Iconoirarrow-upload-24-regular
Fluent UIupload-2-outline-rounded
Material Symbolsupload-off-outline
Material Design Iconsupload-simple
Phosphorupload-data-window
Iconoirarrow-upload-32-filled
Fluent UI

Upload-Icons verwenden

Ein Pfeil nach oben steht für Hochladen oder Importieren; er passt gut zu Drag-and-Drop-Bereichen.

Alle Icons hier folgen currentColor, übernehmen also die Textfarbe des Elements, in dem sie stehen – ein SVG funktioniert auf hellem und dunklem Hintergrund, in Links und in Buttons. Setze eine explizite width und height (oder dimensioniere sie per CSS mit 1em), damit sich das Layout beim Laden der Seite nicht verschiebt.

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 „Hochladen“.

Lizenzen

Diese Upload-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 Upload-Icons auch für kommerzielle Projekte kostenlos nutzbar?
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 Upload-Icons?
Die SVGs verwenden currentColor, setze also die CSS-color 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.