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

Kostenlose Bild-Icons (SVG)

48 kostenlose Bild-Icons aus Open-Source-Sets – klicke auf eines, um Größe, Farbe und Strichstärke anzupassen, und kopiere es als SVG, JSX, Data-URI oder CSS.

Aktualisiert am

image
Lucideimage
Phosphorimage
Bootstrap Iconsimage-16-filled
Fluent UIimage
Material Symbolsimage
Material Design Iconsimage
Carbonimage-up
Lucideimage-bold
Phosphorimage-fill
Bootstrap Iconsimage-16-regular
Fluent UIimage-outline
Material Symbolsimage-outline
Material Design Iconsno-image
Carbonimage-off
Lucideimage-duotone
Phosphorimage-alt
Bootstrap Iconsimage-20-filled
Fluent UIimage-outline-rounded
Material Symbolsimage-off
Material Design Iconsimage-copy
Carbonbook-image
Lucideimage-fill
Phosphorcard-image
Bootstrap Iconsimage-20-regular
Fluent UIimage-outline-sharp
Material Symbolsimage-off-outline
Material Design Iconsfile-image
Lucideimage-light
Phosphorfile-image
Bootstrap Iconsimage-24-filled
Fluent UIimage-rounded
Material Symbolsimage-360
Material Design Iconsimage-down
Lucideimage-thin
Phosphorfile-image-fill
Bootstrap Iconsimage-24-regular
Fluent UIimage-sharp
Material Symbolsimage-360-outline
Material Design Iconsimage-play
Lucideimage-28-filled
Fluent UIhide-image
Material Symbolsfile-image
Material Design Iconsimage-plus
Lucideimage-28-regular
Fluent UIhide-image-outline
Material Symbolsfile-image-outline
Material Design Iconsimage-32-filled
Fluent UI

Bild-Icons verwenden

Ein Bilderrahmen mit einem Berg steht für Bilder, Galerien und Upload-Bereiche für Fotos.

Alle Icons hier folgen currentColor, nehmen also die Textfarbe des Elements an, in dem sie stehen – ein SVG funktioniert auf hellen und dunklen Hintergründen, in Links und in Buttons. Setze eine 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

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

Lizenzen

Diese Bild-Icons stammen aus Lucide, Phosphor, Bootstrap Icons, 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 über 70.000 Icons im SVG Icon Finder.

Häufige Fragen

Sind diese Bild-Icons für die kommerzielle Nutzung kostenlos?
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 Bild-Icons?
Die SVGs verwenden currentColor, also setze 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.