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

Kostenlose Haus-Icons (SVG)

48 kostenlose Haus-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

home
Lucidehome
Tablerhome
Heroiconshome
Iconoirhome-12-filled
Fluent UIhome
Material Symbolshome
Material Design Iconshome
Carbonhome-filled
Tablerhome-16-solid
Heroiconshome-alt
Iconoirhome-12-regular
Fluent UIhome-outline
Material Symbolshome-outline
Material Design Iconshome-2
Tablerhome-20-solid
Heroiconshome-sale
Iconoirhome-16-filled
Fluent UIhome-outline-rounded
Material Symbolshome-off
Material Design Iconshome-2-filled
Tablerhome-solid
Heroiconshome-user
Iconoirhome-16-regular
Fluent UIhome-rounded
Material Symbolshome-off-outline
Material Design Iconshome-x
Tablerhome-20-filled
Fluent UIadd-home
Material Symbolshome-city
Material Design Iconshome-up
Tablerhome-20-regular
Fluent UIadd-home-outline
Material Symbolshome-city-outline
Material Design Iconshome-cog
Tablerhome-24-filled
Fluent UIadd-home-outline-rounded
Material Symbolshome-edit
Material Design Iconshome-dot
Tablerhome-24-regular
Fluent UIadd-home-rounded
Material Symbolshome-edit-outline
Material Design Iconshome-eco
Tablerhome-28-filled
Fluent UIhome-max
Material Symbolshome-lock
Material Design Iconshome-off
Tablerhome-28-regular
Fluent UI

Haus-Icons verwenden

Die Hausform ist das universelle Symbol für den Link zurück zur Startseite oder zum Haupt-Dashboard und steht meist ganz vorne in der Navigationsleiste.

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 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üge aria-hidden="true" hinzu. Ist es der einzige Inhalt eines Buttons oder Links, gib diesem Element ein aria-label wie „Startseite“.

Lizenzen

Diese Haus-Icons stammen aus Lucide, Tabler, Heroicons, Iconoir, 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 alle 70.000+ Icons im SVG Icon Finder.

Häufige Fragen

Sind diese Haus-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 Haus-Icons?
Die SVGs verwenden currentColor. Setze also 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 einen Code Embed ein) oder Copy JSX für eine React-Komponente.