shield icon
shield from Octicons by GitHub · Regular · MIT Free for personal and commercial use.
- Name
- shield
- Set
- Octicons
- Style
- Regular
- Viewbox
- 14×16
- License
- MIT
2 other variants in Octicons
The same icon in other sets
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
Related icons in Octicons
Use the shield icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 14 16"><path fill-rule="evenodd" d="M7 0L0 2v6.02C0 12.69 5.31 16 7 16c1.69 0 7-3.31 7-7.98V2L7 0zM5 11l1.14-2.8a.568.568 0 0 0-.25-.59C5.33 7.25 5 6.66 5 6c0-1.09.89-2 1.98-2C8.06 4 9 4.91 9 6c0 .66-.33 1.25-.89 1.61c-.19.13-.3.36-.25.59L9 11H5z" fill="currentColor"/></svg>
React
import type { SVGProps } from "react";
export function OcticonShield(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 14 16"><path fillRule="evenodd" d="M7 0L0 2v6.02C0 12.69 5.31 16 7 16c1.69 0 7-3.31 7-7.98V2L7 0zM5 11l1.14-2.8a.568.568 0 0 0-.25-.59C5.33 7.25 5 6.66 5 6c0-1.09.89-2 1.98-2C8.06 4 9 4.91 9 6c0 .66-.33 1.25-.89 1.61c-.19.13-.3.36-.25.59L9 11H5z" fill="currentColor"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 14 16"><path fill-rule="evenodd" d="M7 0L0 2v6.02C0 12.69 5.31 16 7 16c1.69 0 7-3.31 7-7.98V2L7 0zM5 11l1.14-2.8a.568.568 0 0 0-.25-.59C5.33 7.25 5 6.66 5 6c0-1.09.89-2 1.98-2C8.06 4 9 4.91 9 6c0 .66-.33 1.25-.89 1.61c-.19.13-.3.36-.25.59L9 11H5z" fill="currentColor"/></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%2014%2016%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M7%200L0%202v6.02C0%2012.69%205.31%2016%207%2016c1.69%200%207-3.31%207-7.98V2L7%200zM5%2011l1.14-2.8a.568.568%200%200%200-.25-.59C5.33%207.25%205%206.66%205%206c0-1.09.89-2%201.98-2C8.06%204%209%204.91%209%206c0%20.66-.33%201.25-.89%201.61c-.19.13-.3.36-.25.59L9%2011H5z%22%20fill%3D%22currentColor%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%2014%2016%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M7%200L0%202v6.02C0%2012.69%205.31%2016%207%2016c1.69%200%207-3.31%207-7.98V2L7%200zM5%2011l1.14-2.8a.568.568%200%200%200-.25-.59C5.33%207.25%205%206.66%205%206c0-1.09.89-2%201.98-2C8.06%204%209%204.91%209%206c0%20.66-.33%201.25-.89%201.61c-.19.13-.3.36-.25.59L9%2011H5z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/octicon/shield.svg?color=%231a73e8&size=48
