The Tabler shield checkered icon depicts a shield with a checkered pattern, commonly used to represent security, protection, or a system status.
Common uses
- Security status indicator
- System operation confirmation
- Access control badge
Use it in React
Install
npm i @tabler/icons-reactImport & render
import { IconShieldCheckered } from '@tabler/icons-react';
<IconShieldCheckered size={24} stroke={2} />Styles
Tabler ships this icon in 2 styles — each its own import:
outline
<IconShieldCheckered size={24} stroke={2} />filled
<IconShieldCheckeredFilled size={24} stroke={2} />Details
- Library
- Tabler (5,093 icons)
- License
- MIT
- viewBox
0 0 24 24- Category
- System
- Keywords
- knightguarddefenceprotectshieldcheckeredcontroloperationconfirmapprovesystemknight shieldguard icondefence symbolsystem control
FAQ
- What is the shield checkered icon used for?
- It's typically used to signify security, protection, or a system's operational status. It can also represent confirmation or approval within a system.
- How do I use the shield checkered icon in React?
- You can import and use it directly in your React components like this: import { IconShieldCheckered } from '@tabler/icons-react'; <IconShieldCheckered />
- What is the license for the Tabler shield checkered icon?
- The Tabler icon library, including the shield checkered icon, is available 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 →