Shield icon
The Shield icon is available in 34 variants across 24 open-source icon packs, in outline and filled styles. Every variant is free to use in personal and commercial work. Download it as an SVG, copy it straight into React as JSX, or edit the size, stroke width and colour before you copy it.
- Variants
- 34
- Outline
- 20
- Filled
- 14
- Packs
- 24
- Licence
- Free, open source
Akar Icons · outline
Every shield icon variant
Packs: Akar Icons, Basil, Bootstrap, Coolicons, Css Gg, Eva Icons, Feather, Flowbite Icons, Font Awesome, Framework 7, Game Icons, Iconamoon, Iconir, Lineicons, Lucide Icons, Material Icons, Ming Cute, Phosphor, Pixel Art Icons, Remix Icons, Simple Line Icons, Solar, Tabler, Teenyicon
How do I use the shield icon?
Pick the variant that matches your design, set the size, stroke and colour above, then copy it in the format you need. Copy SVG gives you markup you can paste straight into HTML. Copy React returns a typed component that forwards props, so you can restyle it with Tailwind or CSS. Copy data URI is for CSS backgrounds. Every shield icon here is open source and free in commercial work.
Available in Akar Icons, Basil, Bootstrap, Coolicons, Css Gg, Eva Icons, Feather, Flowbite Icons and 16 more.