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

Kostenlose Augen-Icons (SVG)

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

Aktualisiert am

eye
Lucideeye
Tablereye
Heroiconseye
Phosphoreye
Bootstrap Iconseye
Iconoireye-12-filled
Fluent UIgroup-eye
Material Symbolseye
Material Design Iconseye-off
Lucideeye-filled
Tablereye-16-solid
Heroiconseye-bold
Phosphoreye-fill
Bootstrap Iconseye-solid
Iconoireye-12-regular
Fluent UIgroup-eye-outline
Material Symbolseye-outline
Material Design Iconsscan-eye
Lucideeye-x
Tablereye-20-solid
Heroiconseye-duotone
Phosphoreye-slash
Bootstrap Iconseye-16-filled
Fluent UIgroup-eye-outline-rounded
Material Symbolseye-off
Material Design Iconseye-up
Tablereye-solid
Heroiconseye-fill
Phosphoreye-slash-fill
Bootstrap Iconseye-16-regular
Fluent UIgroup-eye-rounded
Material Symbolseye-off-outline
Material Design Iconseye-cog
Tablereye-light
Phosphoreye-20-filled
Fluent UItable-eye
Material Symbolseye-lock
Material Design Iconseye-off
Tablereye-thin
Phosphoreye-20-regular
Fluent UItable-eye-outline
Material Symbolseye-lock-outline
Material Design Iconseye-pin
Tablerhand-eye
Phosphoreye-24-filled
Fluent UItable-eye-outline-rounded
Material Symbolseye-plus
Material Design Icons

Augen-Icons verwenden

Ein Auge zeigt oder verbirgt Passwörter und steht für Sichtbarkeit und Aufrufzahlen.

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

Barrierefreie Icons

Wenn das Icon dekorativ ist oder neben sichtbarem Text steht, ergänze aria-hidden="true". Ist es der einzige Inhalt eines Buttons oder Links, gib diesem Element ein aria-label wie „Auge“.

Lizenzen

Diese Augen-Icons stammen von Lucide, Tabler, Heroicons, Phosphor, Bootstrap Icons, Iconoir, Fluent UI, Material Symbols und Material Design Icons – 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 Augen-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 Augen-Icons?
Die SVGs verwenden currentColor, also setzt du die CSS-Farbe des übergeordneten Elements – oder öffnest das Icon im Finder und wählst 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.