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

Kostenlose Schloss-Icons (SVG)

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

Aktualisiert am

lock
Lucidelock
Tablerlock
Phosphorlock
Bootstrap Iconslock
Iconoirtag-lock-16-filled
Fluent UIlock
Material Symbolslock
Material Design Iconslock-filled
Tablerlock-bold
Phosphorlock-fill
Bootstrap Iconstag-lock-16-regular
Fluent UIlock-outline
Material Symbolslock-outline
Material Design Iconslock-x
Tablerlock-duotone
Phosphortag-lock-20-filled
Fluent UIlock-outline-sharp
Material Symbolseye-lock
Material Design Iconslock-up
Tablerlock-fill
Phosphortag-lock-20-regular
Fluent UIlock-sharp
Material Symbolseye-lock-outline
Material Design Iconslock-cog
Tablerlock-light
Phosphortag-lock-24-filled
Fluent UIcar-lock
Material Symbolslock-off
Material Design Iconslock-off
Tablerlock-thin
Phosphortag-lock-24-regular
Fluent UIcar-lock-outline
Material Symbolslock-off-outline
Material Design Iconslock-pin
Tablerlock-key
Phosphortag-lock-32-filled
Fluent UIcar-lock-outline-rounded
Material Symbolspen-lock
Material Design Iconsmap-lock
Tablerlock-key-bold
Phosphortag-lock-32-regular
Fluent UIcar-lock-outline-sharp
Material Symbolsaxis-lock
Material Design Iconsfile-lock
Tablerlock-key-duotone
Phosphorcar-lock-rounded
Material Symbolsbook-lock
Material Design Icons

Schloss-Icons verwenden

Vorhängeschlösser stehen für Sicherheit, private Inhalte, Passwörter und gesperrte Einstellungen.

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 bestimme die Größe per CSS mit 1em), damit sich das Layout beim Laden der Seite nicht verschiebt.

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

Lizenzen

Diese Schloss-Icons stammen von Lucide, Tabler, Phosphor, Bootstrap Icons, Iconoir, Fluent UI, Material Symbols, 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 Schloss-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 Schloss-Icons?
Die SVGs verwenden currentColor, also setze 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.