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

Kostenlose Datei-Icons (SVG)

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

Aktualisiert am

file
Lucidefile
Tablerfile
Phosphorfile
Bootstrap Iconsfile-png
Material Symbolsfile
Material Design Iconsfile-x
Carbonfile-x
Lucidefile-filled
Tablerfile-bold
Phosphorfile-fill
Bootstrap Iconsfile-png-outline
Material Symbolsfile-outline
Material Design Iconsfile-up
Lucidefile-x
Tablerfile-duotone
Phosphorfile-x
Bootstrap Iconsfile-png-outline-rounded
Material Symbolsfile-cad
Material Design Iconsfile-box
Lucidefile-x-filled
Tablerfile-fill
Phosphorfile-x-fill
Bootstrap Iconsfile-png-outline-sharp
Material Symbolsfile-cog
Material Design Iconsfile-cog
Lucidefile-3d
Tablerfile-light
Phosphorfile-pdf
Bootstrap Iconsfile-png-rounded
Material Symbolsfile-cog-outline
Material Design Iconsfile-key
Lucidefile-ai
Tablerfile-thin
Phosphorfile-pdf-fill
Bootstrap Iconsfile-png-sharp
Material Symbolsfile-eye
Material Design Iconsfile-pen
Lucidefile-cv
Tablerfile-c
Phosphorfile-ppt
Bootstrap Iconsfile-eye-outline
Material Design Iconsfile-pen-line
Lucidefile-cv-filled
Tablerfile-c-bold
Phosphorfile-ppt-fill
Bootstrap Iconsfile-key
Material Design Iconsfile-isr
Tabler

Datei-Icons verwenden

Dokument-Icons stehen für Dateien, Anhänge und Berichte; Varianten mit einer Ecke oder mit Linien wirken wie Textdokumente.

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. Setz eine explizite width und height (oder definiere die Größe per CSS mit 1em), damit sich das Layout beim Laden der Seite nicht verschiebt.

Barrierefreie Icons

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

Lizenzen

Diese Datei-Icons stammen aus Lucide, Tabler, Phosphor, Bootstrap Icons, 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 Datei-Icons kostenlos für 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 Datei-Icons?
Die SVGs nutzen currentColor, also setz die CSS-Farbe des übergeordneten Elements – oder öffne das Icon im Finder und wähl 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.