alert off icon
alert-off-20-regular from Fluent UI System Icons by Microsoft Corporation · 20 Regular · MIT Free for personal and commercial use.
- Name
- alert-off-20-regular
- Set
- Fluent UI System Icons
- Style
- 20 Regular
- Viewbox
- 20×20
- License
- MIT
7 other variants in Fluent UI System Icons
Related icons in Fluent UI System Icons
Use the alert off icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 20 20"><path fill="currentColor" d="M4.004 7.568a5.6 5.6 0 0 1 .58-2.277L2.146 2.854a.5.5 0 1 1 .708-.708l15 15a.5.5 0 0 1-.708.708l-2.849-2.85H12.5l-.005.161a2.5 2.5 0 0 1-4.99 0l-.005-.161H3.999a1 1 0 0 1-.26-.034l-.124-.042a1 1 0 0 1-.603-1.052l.021-.128l.043-.128l.923-2.219L4 7.793zm9.295 6.438l-7.96-7.96a4.6 4.6 0 0 0-.322 1.339l-.013.212L5 7.802V11.5l-.038.192l-.963 2.313zm-1.8.998h-3l.008.141a1.5 1.5 0 0 0 1.349 1.348L10 16.5a1.5 1.5 0 0 0 1.493-1.355zm3.54-3.312l.874 2.1l.852.852a.98.98 0 0 0 .236-.64l-.008-.13l-.016-.087a1 1 0 0 0-.053-.167L16 11.398V7.802l-.005-.224l-.013-.223C15.742 4.335 13.147 2 9.998 2c-1.64 0-3.128.633-4.213 1.664l.707.707A5.1 5.1 0 0 1 9.998 3c2.697 0 4.893 2.035 4.998 4.608l.004.204V11.5z"/></svg>
React
import type { SVGProps } from "react";
export function FluentAlertOff20Regular(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 20 20"><path fill="currentColor" d="M4.004 7.568a5.6 5.6 0 0 1 .58-2.277L2.146 2.854a.5.5 0 1 1 .708-.708l15 15a.5.5 0 0 1-.708.708l-2.849-2.85H12.5l-.005.161a2.5 2.5 0 0 1-4.99 0l-.005-.161H3.999a1 1 0 0 1-.26-.034l-.124-.042a1 1 0 0 1-.603-1.052l.021-.128l.043-.128l.923-2.219L4 7.793zm9.295 6.438l-7.96-7.96a4.6 4.6 0 0 0-.322 1.339l-.013.212L5 7.802V11.5l-.038.192l-.963 2.313zm-1.8.998h-3l.008.141a1.5 1.5 0 0 0 1.349 1.348L10 16.5a1.5 1.5 0 0 0 1.493-1.355zm3.54-3.312l.874 2.1l.852.852a.98.98 0 0 0 .236-.64l-.008-.13l-.016-.087a1 1 0 0 0-.053-.167L16 11.398V7.802l-.005-.224l-.013-.223C15.742 4.335 13.147 2 9.998 2c-1.64 0-3.128.633-4.213 1.664l.707.707A5.1 5.1 0 0 1 9.998 3c2.697 0 4.893 2.035 4.998 4.608l.004.204V11.5z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 20 20"><path fill="currentColor" d="M4.004 7.568a5.6 5.6 0 0 1 .58-2.277L2.146 2.854a.5.5 0 1 1 .708-.708l15 15a.5.5 0 0 1-.708.708l-2.849-2.85H12.5l-.005.161a2.5 2.5 0 0 1-4.99 0l-.005-.161H3.999a1 1 0 0 1-.26-.034l-.124-.042a1 1 0 0 1-.603-1.052l.021-.128l.043-.128l.923-2.219L4 7.793zm9.295 6.438l-7.96-7.96a4.6 4.6 0 0 0-.322 1.339l-.013.212L5 7.802V11.5l-.038.192l-.963 2.313zm-1.8.998h-3l.008.141a1.5 1.5 0 0 0 1.349 1.348L10 16.5a1.5 1.5 0 0 0 1.493-1.355zm3.54-3.312l.874 2.1l.852.852a.98.98 0 0 0 .236-.64l-.008-.13l-.016-.087a1 1 0 0 0-.053-.167L16 11.398V7.802l-.005-.224l-.013-.223C15.742 4.335 13.147 2 9.998 2c-1.64 0-3.128.633-4.213 1.664l.707.707A5.1 5.1 0 0 1 9.998 3c2.697 0 4.893 2.035 4.998 4.608l.004.204V11.5z"/></svg> </template>
CSS
.icon-alert-off-20-regular {
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%2020%2020%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M4.004%207.568a5.6%205.6%200%200%201%20.58-2.277L2.146%202.854a.5.5%200%201%201%20.708-.708l15%2015a.5.5%200%200%201-.708.708l-2.849-2.85H12.5l-.005.161a2.5%202.5%200%200%201-4.99%200l-.005-.161H3.999a1%201%200%200%201-.26-.034l-.124-.042a1%201%200%200%201-.603-1.052l.021-.128l.043-.128l.923-2.219L4%207.793zm9.295%206.438l-7.96-7.96a4.6%204.6%200%200%200-.322%201.339l-.013.212L5%207.802V11.5l-.038.192l-.963%202.313zm-1.8.998h-3l.008.141a1.5%201.5%200%200%200%201.349%201.348L10%2016.5a1.5%201.5%200%200%200%201.493-1.355zm3.54-3.312l.874%202.1l.852.852a.98.98%200%200%200%20.236-.64l-.008-.13l-.016-.087a1%201%200%200%200-.053-.167L16%2011.398V7.802l-.005-.224l-.013-.223C15.742%204.335%2013.147%202%209.998%202c-1.64%200-3.128.633-4.213%201.664l.707.707A5.1%205.1%200%200%201%209.998%203c2.697%200%204.893%202.035%204.998%204.608l.004.204V11.5z%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%2020%2020%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M4.004%207.568a5.6%205.6%200%200%201%20.58-2.277L2.146%202.854a.5.5%200%201%201%20.708-.708l15%2015a.5.5%200%200%201-.708.708l-2.849-2.85H12.5l-.005.161a2.5%202.5%200%200%201-4.99%200l-.005-.161H3.999a1%201%200%200%201-.26-.034l-.124-.042a1%201%200%200%201-.603-1.052l.021-.128l.043-.128l.923-2.219L4%207.793zm9.295%206.438l-7.96-7.96a4.6%204.6%200%200%200-.322%201.339l-.013.212L5%207.802V11.5l-.038.192l-.963%202.313zm-1.8.998h-3l.008.141a1.5%201.5%200%200%200%201.349%201.348L10%2016.5a1.5%201.5%200%200%200%201.493-1.355zm3.54-3.312l.874%202.1l.852.852a.98.98%200%200%200%20.236-.64l-.008-.13l-.016-.087a1%201%200%200%200-.053-.167L16%2011.398V7.802l-.005-.224l-.013-.223C15.742%204.335%2013.147%202%209.998%202c-1.64%200-3.128.633-4.213%201.664l.707.707A5.1%205.1%200%200%201%209.998%203c2.697%200%204.893%202.035%204.998%204.608l.004.204V11.5z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/alert-off-20-regular.svg?color=%231a73e8&size=48
