shield icon
shield from Reicon by REICON · Outline · Security · MIT Free for personal and commercial use.
- Name
- shield
- Set
- Reicon
- Style
- Outline
- Category
- Security
- Viewbox
- 24×24
- License
- MIT
2 other variants in Reicon
The same icon in other sets
All shield icons →shieldAkar IconsshieldBootstrap IconsshieldBoxIcons v2shieldBoxIcons v2 SolidshieldCodiconsshieldEmoji One (Colored)shield-fillEva IconsshieldFramework7 IconsshieldFont Awesome 6 SolidshieldFont Awesome SolidshieldFeather Iconsshield-outlineFlowbite Iconsshield-12-filledFluent UI System Iconsshield-16Fluent UI System Color IconsshieldFluent EmojishieldFluent Emoji FlatshieldFluent Emoji High Contrastshieldcss.ggshieldHumbleiconsshieldIconParkshieldIconPark OutlineshieldIconPark SolidshieldIconPark TwoToneshieldIconoir
More security icons from Reicon
Use the shield icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M8.723 2.051c1.444-.494 2.34-.801 3.277-.801s1.833.307 3.277.801l.727.25c1.481.506 2.625.898 3.443 1.23c.412.167.767.33 1.052.495c.275.16.55.359.737.626c.185.263.281.587.341.9c.063.324.1.713.125 1.16c.048.886.048 2.102.048 3.678v1.601c0 6.101-4.608 9.026-7.348 10.224l-.027.011c-.34.149-.66.288-1.027.382c-.387.1-.799.142-1.348.142c-.55 0-.96-.042-1.348-.142c-.367-.094-.687-.233-1.027-.382l-.027-.011C6.858 21.017 2.25 18.092 2.25 11.99v-1.6c0-1.576 0-2.792.048-3.679c.025-.446.062-.835.125-1.16c.06-.312.156-.636.34-.9c.188-.266.463-.465.738-.625c.285-.165.64-.328 1.052-.495c.818-.332 1.962-.724 3.443-1.23zm2.527.787c-.498.108-1.135.322-2.17.676l-.572.196c-1.513.518-2.616.896-3.39 1.21a7 7 0 0 0-.864.404a2 2 0 0 0-.208.139a.4.4 0 0 0-.055.05a.4.4 0 0 0-.032.074q-.03.082-.063.248a7 7 0 0 0-.1.958c-.041.76-.046 1.79-.046 3.166l7.5-2.5zm1.5 0v4.621l7.5 2.5c0-1.376-.005-2.407-.046-3.166a7 7 0 0 0-.1-.958a2 2 0 0 0-.063-.248a.4.4 0 0 0-.032-.074a.4.4 0 0 0-.055-.05a2 2 0 0 0-.208-.14a7 7 0 0 0-.864-.402c-.774-.315-1.877-.693-3.39-1.21l-.573-.197c-1.034-.354-1.671-.568-2.169-.676m-1.5 6.203l-7.5 2.5v.45c0 5.176 3.87 7.723 6.449 8.849c.371.162.586.254.825.315q.103.027.226.047zm1.5 12.161V9.041l7.5 2.5v.45c0 5.176-3.87 7.723-6.449 8.849c-.371.162-.586.254-.825.315q-.103.027-.226.047" clip-rule="evenodd"/></svg>
React
import type { SVGProps } from "react";
export function ReiconShield(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fillRule="evenodd" d="M8.723 2.051c1.444-.494 2.34-.801 3.277-.801s1.833.307 3.277.801l.727.25c1.481.506 2.625.898 3.443 1.23c.412.167.767.33 1.052.495c.275.16.55.359.737.626c.185.263.281.587.341.9c.063.324.1.713.125 1.16c.048.886.048 2.102.048 3.678v1.601c0 6.101-4.608 9.026-7.348 10.224l-.027.011c-.34.149-.66.288-1.027.382c-.387.1-.799.142-1.348.142c-.55 0-.96-.042-1.348-.142c-.367-.094-.687-.233-1.027-.382l-.027-.011C6.858 21.017 2.25 18.092 2.25 11.99v-1.6c0-1.576 0-2.792.048-3.679c.025-.446.062-.835.125-1.16c.06-.312.156-.636.34-.9c.188-.266.463-.465.738-.625c.285-.165.64-.328 1.052-.495c.818-.332 1.962-.724 3.443-1.23zm2.527.787c-.498.108-1.135.322-2.17.676l-.572.196c-1.513.518-2.616.896-3.39 1.21a7 7 0 0 0-.864.404a2 2 0 0 0-.208.139a.4.4 0 0 0-.055.05a.4.4 0 0 0-.032.074q-.03.082-.063.248a7 7 0 0 0-.1.958c-.041.76-.046 1.79-.046 3.166l7.5-2.5zm1.5 0v4.621l7.5 2.5c0-1.376-.005-2.407-.046-3.166a7 7 0 0 0-.1-.958a2 2 0 0 0-.063-.248a.4.4 0 0 0-.032-.074a.4.4 0 0 0-.055-.05a2 2 0 0 0-.208-.14a7 7 0 0 0-.864-.402c-.774-.315-1.877-.693-3.39-1.21l-.573-.197c-1.034-.354-1.671-.568-2.169-.676m-1.5 6.203l-7.5 2.5v.45c0 5.176 3.87 7.723 6.449 8.849c.371.162.586.254.825.315q.103.027.226.047zm1.5 12.161V9.041l7.5 2.5v.45c0 5.176-3.87 7.723-6.449 8.849c-.371.162-.586.254-.825.315q-.103.027-.226.047" clipRule="evenodd"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M8.723 2.051c1.444-.494 2.34-.801 3.277-.801s1.833.307 3.277.801l.727.25c1.481.506 2.625.898 3.443 1.23c.412.167.767.33 1.052.495c.275.16.55.359.737.626c.185.263.281.587.341.9c.063.324.1.713.125 1.16c.048.886.048 2.102.048 3.678v1.601c0 6.101-4.608 9.026-7.348 10.224l-.027.011c-.34.149-.66.288-1.027.382c-.387.1-.799.142-1.348.142c-.55 0-.96-.042-1.348-.142c-.367-.094-.687-.233-1.027-.382l-.027-.011C6.858 21.017 2.25 18.092 2.25 11.99v-1.6c0-1.576 0-2.792.048-3.679c.025-.446.062-.835.125-1.16c.06-.312.156-.636.34-.9c.188-.266.463-.465.738-.625c.285-.165.64-.328 1.052-.495c.818-.332 1.962-.724 3.443-1.23zm2.527.787c-.498.108-1.135.322-2.17.676l-.572.196c-1.513.518-2.616.896-3.39 1.21a7 7 0 0 0-.864.404a2 2 0 0 0-.208.139a.4.4 0 0 0-.055.05a.4.4 0 0 0-.032.074q-.03.082-.063.248a7 7 0 0 0-.1.958c-.041.76-.046 1.79-.046 3.166l7.5-2.5zm1.5 0v4.621l7.5 2.5c0-1.376-.005-2.407-.046-3.166a7 7 0 0 0-.1-.958a2 2 0 0 0-.063-.248a.4.4 0 0 0-.032-.074a.4.4 0 0 0-.055-.05a2 2 0 0 0-.208-.14a7 7 0 0 0-.864-.402c-.774-.315-1.877-.693-3.39-1.21l-.573-.197c-1.034-.354-1.671-.568-2.169-.676m-1.5 6.203l-7.5 2.5v.45c0 5.176 3.87 7.723 6.449 8.849c.371.162.586.254.825.315q.103.027.226.047zm1.5 12.161V9.041l7.5 2.5v.45c0 5.176-3.87 7.723-6.449 8.849c-.371.162-.586.254-.825.315q-.103.027-.226.047" clip-rule="evenodd"/></svg> </template>
CSS
.icon-shield {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M8.723%202.051c1.444-.494%202.34-.801%203.277-.801s1.833.307%203.277.801l.727.25c1.481.506%202.625.898%203.443%201.23c.412.167.767.33%201.052.495c.275.16.55.359.737.626c.185.263.281.587.341.9c.063.324.1.713.125%201.16c.048.886.048%202.102.048%203.678v1.601c0%206.101-4.608%209.026-7.348%2010.224l-.027.011c-.34.149-.66.288-1.027.382c-.387.1-.799.142-1.348.142c-.55%200-.96-.042-1.348-.142c-.367-.094-.687-.233-1.027-.382l-.027-.011C6.858%2021.017%202.25%2018.092%202.25%2011.99v-1.6c0-1.576%200-2.792.048-3.679c.025-.446.062-.835.125-1.16c.06-.312.156-.636.34-.9c.188-.266.463-.465.738-.625c.285-.165.64-.328%201.052-.495c.818-.332%201.962-.724%203.443-1.23zm2.527.787c-.498.108-1.135.322-2.17.676l-.572.196c-1.513.518-2.616.896-3.39%201.21a7%207%200%200%200-.864.404a2%202%200%200%200-.208.139a.4.4%200%200%200-.055.05a.4.4%200%200%200-.032.074q-.03.082-.063.248a7%207%200%200%200-.1.958c-.041.76-.046%201.79-.046%203.166l7.5-2.5zm1.5%200v4.621l7.5%202.5c0-1.376-.005-2.407-.046-3.166a7%207%200%200%200-.1-.958a2%202%200%200%200-.063-.248a.4.4%200%200%200-.032-.074a.4.4%200%200%200-.055-.05a2%202%200%200%200-.208-.14a7%207%200%200%200-.864-.402c-.774-.315-1.877-.693-3.39-1.21l-.573-.197c-1.034-.354-1.671-.568-2.169-.676m-1.5%206.203l-7.5%202.5v.45c0%205.176%203.87%207.723%206.449%208.849c.371.162.586.254.825.315q.103.027.226.047zm1.5%2012.161V9.041l7.5%202.5v.45c0%205.176-3.87%207.723-6.449%208.849c-.371.162-.586.254-.825.315q-.103.027-.226.047%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M8.723%202.051c1.444-.494%202.34-.801%203.277-.801s1.833.307%203.277.801l.727.25c1.481.506%202.625.898%203.443%201.23c.412.167.767.33%201.052.495c.275.16.55.359.737.626c.185.263.281.587.341.9c.063.324.1.713.125%201.16c.048.886.048%202.102.048%203.678v1.601c0%206.101-4.608%209.026-7.348%2010.224l-.027.011c-.34.149-.66.288-1.027.382c-.387.1-.799.142-1.348.142c-.55%200-.96-.042-1.348-.142c-.367-.094-.687-.233-1.027-.382l-.027-.011C6.858%2021.017%202.25%2018.092%202.25%2011.99v-1.6c0-1.576%200-2.792.048-3.679c.025-.446.062-.835.125-1.16c.06-.312.156-.636.34-.9c.188-.266.463-.465.738-.625c.285-.165.64-.328%201.052-.495c.818-.332%201.962-.724%203.443-1.23zm2.527.787c-.498.108-1.135.322-2.17.676l-.572.196c-1.513.518-2.616.896-3.39%201.21a7%207%200%200%200-.864.404a2%202%200%200%200-.208.139a.4.4%200%200%200-.055.05a.4.4%200%200%200-.032.074q-.03.082-.063.248a7%207%200%200%200-.1.958c-.041.76-.046%201.79-.046%203.166l7.5-2.5zm1.5%200v4.621l7.5%202.5c0-1.376-.005-2.407-.046-3.166a7%207%200%200%200-.1-.958a2%202%200%200%200-.063-.248a.4.4%200%200%200-.032-.074a.4.4%200%200%200-.055-.05a2%202%200%200%200-.208-.14a7%207%200%200%200-.864-.402c-.774-.315-1.877-.693-3.39-1.21l-.573-.197c-1.034-.354-1.671-.568-2.169-.676m-1.5%206.203l-7.5%202.5v.45c0%205.176%203.87%207.723%206.449%208.849c.371.162.586.254.825.315q.103.027.226.047zm1.5%2012.161V9.041l7.5%202.5v.45c0%205.176-3.87%207.723-6.449%208.849c-.371.162-.586.254-.825.315q-.103.027-.226.047%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/reicon/shield.svg?color=%231a73e8&size=48
