The Tabler shield heart icon visually represents a combination of protection and affection, commonly used to signify security features related to user safety, privacy, or health-related services.
Common uses
- User account security settings
- Privacy policy links
- Health and wellness app features
Use it in React
Install
npm i @tabler/icons-reactImport & render
import { IconShieldHeart } from '@tabler/icons-react';
<IconShieldHeart size={24} stroke={2} />Details
- Library
- Tabler (5,093 icons)
- License
- MIT
- viewBox
0 0 24 24- Category
- System
- Keywords
- protectionlovecareaffectionsecurityguardcompassionprotectdefensepreservesystemshieldheartsecurity heartprotected lovecare icon
FAQ
- What does the shield heart icon represent?
- It combines the concepts of a shield (protection, security) with a heart (love, care, affection). It's often used for features related to safety, privacy, or well-being.
- How do I use this icon in React?
- You can import and use it directly from the '@tabler/icons-react' library with the following import statement: import { IconShieldHeart } from '@tabler/icons-react'.
- What is the license for this icon?
- The Tabler icon library, including the shield-heart icon, is released 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 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 →