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

Kostenlose Benutzer-Icons (SVG)

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

Aktualisiert am

user
Lucideuser
Tableruser
Heroiconsuser
Phosphoruser
Iconoiruser
Material Design Iconsuser
Carbonuser-round
Lucideuser-filled
Tableruser-16-solid
Heroiconsuser-bold
Phosphoruser-bag
Iconoiruser-outline
Material Design Iconsuser-filled
Carbonuser-x
Lucideuser-x
Tableruser-20-solid
Heroiconsuser-duotone
Phosphorhome-user
Iconoiruser-box
Material Design Iconstask-user
Carbonuser-cog
Lucideuser-up
Tableruser-solid
Heroiconsuser-fill
Phosphoruser-cart
Iconoiruser-box-outline
Material Design Iconsuser-data
Carbonuser-key
Lucideuser-cog
Tableruser-plus
Heroiconsuser-light
Phosphoruser-love
Iconoiruser-key
Material Design Iconsuser-role
Carbonuser-pen
Lucideuser-key
Tableruser-plus-16-solid
Heroiconsuser-thin
Phosphoruser-plus
Iconoiruser-key-outline
Material Design Iconsbook-user
Lucideuser-off
Tableruser-plus-20-solid
Heroiconsuser-gear
Phosphoruser-scan
Iconoiruser-off
Material Design Iconsfile-user
Lucide

Benutzer-Icons verwenden

Personen-Icons stehen für Konten, Profile und Anmeldung; eine Variante mit Kreisrahmen ersetzt oft ein fehlendes Profilfoto.

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 dimensioniere sie in CSS mit 1em), damit sich das Layout beim Laden der Seite nicht verschiebt.

Barrierefreie Icons

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

Lizenzen

Diese Benutzer-Icons stammen von Lucide, Tabler, Heroicons, Phosphor, Iconoir, 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 Benutzer-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 Benutzer-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.