The Tabler home shield icon depicts a house with a shield, commonly used to represent security, safety, or protection related to a home or main location in user interfaces.
Common uses
- Security settings for a user's account
- Home insurance or safety features
- Primary or protected dashboard access
Use it in React
Install
npm i @tabler/icons-reactImport & render
import { IconHomeShield } from '@tabler/icons-react';
<IconHomeShield size={24} stroke={2} />Details
- Library
- Tabler (5,093 icons)
- License
- MIT
- viewBox
0 0 24 24- Category
- Buildings
- Keywords
- securitysafetysecuresafehomeshieldhousemainarchitecturestructurebuildingshouse shieldsecure homeprotection iconsafety symbol
FAQ
- What does the home shield icon represent?
- It symbolizes security, safety, or protection, often related to a home or a primary location within an application.
- How do I use this icon in React?
- You can import and use it with `import { IconHomeShield } from '@tabler/icons-react'`. Then, render it like `<IconHomeShield />`.
- What is the license for this icon?
- The Tabler icon library, including the home shield icon, is distributed under the MIT license.
Related icons
The same idea in other libraries, and near matches in Tabler.
Looking for something else? Search Tabler and 4 more libraries by description →
The search behind these pages runs as a Claude Code skill. What skills are and how I ship them →