The Phosphor house simple icon depicts a basic, stylized house outline, commonly used to represent a home, the main page, or a starting point in user interfaces.
Common uses
- Navigate to the homepage
- Indicate the user's current location
- Represent a 'my account' or 'dashboard' section
Use it in React
Install
npm i @phosphor-icons/reactImport & render
import { HouseSimple } from '@phosphor-icons/react';
<HouseSimple size={24} />Styles
Phosphor ships this icon in 6 styles — each its own import:
regular
<HouseSimple size={24} />thin
<HouseSimple size={24} weight="thin" />light
<HouseSimple size={24} weight="light" />bold
<HouseSimple size={24} weight="bold" />fill
<HouseSimple size={24} weight="fill" />duotone
<HouseSimple size={24} weight="duotone" />Details
- Library
- Phosphor (1,512 icons)
- License
- MIT
- viewBox
0 0 256 256- Category
- maps & travel
- Keywords
- homesbuildingsplaceslocationsmaps & travelsystemhousesimplehome iconmain page iconbuilding iconlocation icon
FAQ
- What is the house simple icon used for?
- It's typically used for navigation elements like returning to the homepage or indicating a primary location within an application.
- How do I use the house simple icon in React?
- You can import and use it like this: import { HouseSimple } from '@phosphor-icons/react'. Then render it as <HouseSimple size={32} />.
- What is the license for the Phosphor house simple icon?
- Phosphor icons, including house simple, are available under the MIT license, allowing for free usage in both personal and commercial projects.
Related icons
The same idea in other libraries, and near matches in Phosphor.