shield error icon
shield-error-32-light from Fluent UI System Icons by Microsoft Corporation · 32 Light · MIT Free for personal and commercial use.
- Name
- shield-error-32-light
- Set
- Fluent UI System Icons
- Style
- 32 Light
- Viewbox
- 32×32
- License
- MIT
12 other variants in Fluent UI System Icons
The same icon in other sets
Related icons in Fluent UI System Icons
shield-add-16-filledshield-arrow-right-16-filledshield-badge-20-filledshield-checkmark-16-filledshield-dismiss-16-filledshield-dismiss-shield-20-filledshield-globe-16-filledshield-keyhole-16-filledshield-lock-16-filledshield-person-20-filledshield-person-add-20-filledshield-prohibited-20-filledshield-question-16-filledshield-settings-16-filledshield-task-16-filled
Use the shield error icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M16 8a.5.5 0 0 1 .5.5v10a.5.5 0 0 1-1 0v-10A.5.5 0 0 1 16 8m1 15a1 1 0 1 1-2 0a1 1 0 0 1 2 0m-.668-20.874a.5.5 0 0 0-.664 0C13.5 4.053 10.46 5.277 7.922 6.02c-1.466.43-2.969.78-4.484.984A.5.5 0 0 0 3 7.5V16c0 3.94 2.102 7.189 4.728 9.559c2.622 2.367 5.824 3.91 8.164 4.43a.5.5 0 0 0 .216 0c2.34-.52 5.542-2.063 8.165-4.43C26.898 23.189 29 19.939 29 16V7.5a.506.506 0 0 0-.442-.497c-1.514-.204-3.015-.554-4.48-.983c-2.538-.743-5.579-1.967-7.746-3.894M28 16c0 3.56-1.898 6.561-4.398 8.816c-2.46 2.22-5.448 3.667-7.602 4.171c-2.153-.504-5.142-1.95-7.603-4.17C5.898 22.56 4 19.56 4 16V7.932a35 35 0 0 0 4.203-.952C10.669 6.258 13.7 5.065 16 3.159c2.299 1.906 5.331 3.1 7.797 3.82c1.887.553 3.47.838 4.203.953z"/></svg>
React
import type { SVGProps } from "react";
export function FluentShieldError32Light(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M16 8a.5.5 0 0 1 .5.5v10a.5.5 0 0 1-1 0v-10A.5.5 0 0 1 16 8m1 15a1 1 0 1 1-2 0a1 1 0 0 1 2 0m-.668-20.874a.5.5 0 0 0-.664 0C13.5 4.053 10.46 5.277 7.922 6.02c-1.466.43-2.969.78-4.484.984A.5.5 0 0 0 3 7.5V16c0 3.94 2.102 7.189 4.728 9.559c2.622 2.367 5.824 3.91 8.164 4.43a.5.5 0 0 0 .216 0c2.34-.52 5.542-2.063 8.165-4.43C26.898 23.189 29 19.939 29 16V7.5a.506.506 0 0 0-.442-.497c-1.514-.204-3.015-.554-4.48-.983c-2.538-.743-5.579-1.967-7.746-3.894M28 16c0 3.56-1.898 6.561-4.398 8.816c-2.46 2.22-5.448 3.667-7.602 4.171c-2.153-.504-5.142-1.95-7.603-4.17C5.898 22.56 4 19.56 4 16V7.932a35 35 0 0 0 4.203-.952C10.669 6.258 13.7 5.065 16 3.159c2.299 1.906 5.331 3.1 7.797 3.82c1.887.553 3.47.838 4.203.953z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M16 8a.5.5 0 0 1 .5.5v10a.5.5 0 0 1-1 0v-10A.5.5 0 0 1 16 8m1 15a1 1 0 1 1-2 0a1 1 0 0 1 2 0m-.668-20.874a.5.5 0 0 0-.664 0C13.5 4.053 10.46 5.277 7.922 6.02c-1.466.43-2.969.78-4.484.984A.5.5 0 0 0 3 7.5V16c0 3.94 2.102 7.189 4.728 9.559c2.622 2.367 5.824 3.91 8.164 4.43a.5.5 0 0 0 .216 0c2.34-.52 5.542-2.063 8.165-4.43C26.898 23.189 29 19.939 29 16V7.5a.506.506 0 0 0-.442-.497c-1.514-.204-3.015-.554-4.48-.983c-2.538-.743-5.579-1.967-7.746-3.894M28 16c0 3.56-1.898 6.561-4.398 8.816c-2.46 2.22-5.448 3.667-7.602 4.171c-2.153-.504-5.142-1.95-7.603-4.17C5.898 22.56 4 19.56 4 16V7.932a35 35 0 0 0 4.203-.952C10.669 6.258 13.7 5.065 16 3.159c2.299 1.906 5.331 3.1 7.797 3.82c1.887.553 3.47.838 4.203.953z"/></svg> </template>
CSS
.icon-shield-error-32-light {
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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M16%208a.5.5%200%200%201%20.5.5v10a.5.5%200%200%201-1%200v-10A.5.5%200%200%201%2016%208m1%2015a1%201%200%201%201-2%200a1%201%200%200%201%202%200m-.668-20.874a.5.5%200%200%200-.664%200C13.5%204.053%2010.46%205.277%207.922%206.02c-1.466.43-2.969.78-4.484.984A.5.5%200%200%200%203%207.5V16c0%203.94%202.102%207.189%204.728%209.559c2.622%202.367%205.824%203.91%208.164%204.43a.5.5%200%200%200%20.216%200c2.34-.52%205.542-2.063%208.165-4.43C26.898%2023.189%2029%2019.939%2029%2016V7.5a.506.506%200%200%200-.442-.497c-1.514-.204-3.015-.554-4.48-.983c-2.538-.743-5.579-1.967-7.746-3.894M28%2016c0%203.56-1.898%206.561-4.398%208.816c-2.46%202.22-5.448%203.667-7.602%204.171c-2.153-.504-5.142-1.95-7.603-4.17C5.898%2022.56%204%2019.56%204%2016V7.932a35%2035%200%200%200%204.203-.952C10.669%206.258%2013.7%205.065%2016%203.159c2.299%201.906%205.331%203.1%207.797%203.82c1.887.553%203.47.838%204.203.953z%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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M16%208a.5.5%200%200%201%20.5.5v10a.5.5%200%200%201-1%200v-10A.5.5%200%200%201%2016%208m1%2015a1%201%200%201%201-2%200a1%201%200%200%201%202%200m-.668-20.874a.5.5%200%200%200-.664%200C13.5%204.053%2010.46%205.277%207.922%206.02c-1.466.43-2.969.78-4.484.984A.5.5%200%200%200%203%207.5V16c0%203.94%202.102%207.189%204.728%209.559c2.622%202.367%205.824%203.91%208.164%204.43a.5.5%200%200%200%20.216%200c2.34-.52%205.542-2.063%208.165-4.43C26.898%2023.189%2029%2019.939%2029%2016V7.5a.506.506%200%200%200-.442-.497c-1.514-.204-3.015-.554-4.48-.983c-2.538-.743-5.579-1.967-7.746-3.894M28%2016c0%203.56-1.898%206.561-4.398%208.816c-2.46%202.22-5.448%203.667-7.602%204.171c-2.153-.504-5.142-1.95-7.603-4.17C5.898%2022.56%204%2019.56%204%2016V7.932a35%2035%200%200%200%204.203-.952C10.669%206.258%2013.7%205.065%2016%203.159c2.299%201.906%205.331%203.1%207.797%203.82c1.887.553%203.47.838%204.203.953z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/shield-error-32-light.svg?color=%231a73e8&size=48
