error circle hint icon
error-circle-hint-20-filled from Fluent UI System Icons by Microsoft Corporation · 20 Filled · MIT Free for personal and commercial use.
- Name
- error-circle-hint-20-filled
- Set
- Fluent UI System Icons
- Style
- 20 Filled
- Viewbox
- 20×20
- License
- MIT
5 other variants in Fluent UI System Icons
Related icons in Fluent UI System Icons
Use the error circle hint icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 20 20"><path fill="currentColor" d="M11.06 16.414a.75.75 0 0 1 .243 1.48c-.849.14-1.757.14-2.606 0a.75.75 0 0 1 .243-1.48a6.7 6.7 0 0 0 2.12 0m-7.39-2.8a.75.75 0 0 1 1.046.172c.414.577.92 1.084 1.498 1.498a.75.75 0 0 1-.875 1.22a8 8 0 0 1-1.842-1.844a.75.75 0 0 1 .172-1.046m11.614.172a.75.75 0 0 1 1.22.874a8 8 0 0 1-1.844 1.843a.75.75 0 0 1-.874-1.219a6.5 6.5 0 0 0 1.498-1.498M10 12.5l.103.005A1 1 0 1 1 10 12.5M2.106 8.697a.75.75 0 0 1 1.48.243a6.7 6.7 0 0 0 0 2.12a.75.75 0 0 1-1.48.243a8.2 8.2 0 0 1 0-2.606m14.927-.619a.75.75 0 0 1 .862.62a8.2 8.2 0 0 1 0 2.605a.75.75 0 0 1-1.48-.242a6.7 6.7 0 0 0 0-2.121a.75.75 0 0 1 .618-.862M10 5.75a.75.75 0 0 1 .75.75V11a.75.75 0 0 1-1.5 0V6.5a.75.75 0 0 1 .75-.75M5.34 3.497a.75.75 0 0 1 .875 1.219a6.5 6.5 0 0 0-1.498 1.498a.75.75 0 0 1-1.219-.875A8 8 0 0 1 5.34 3.497m8.275.172a.75.75 0 0 1 1.046-.172a8 8 0 0 1 1.843 1.842a.75.75 0 0 1-1.219.875a6.5 6.5 0 0 0-1.498-1.498a.75.75 0 0 1-.172-1.047M8.697 2.106a8.2 8.2 0 0 1 2.606 0a.75.75 0 0 1-.242 1.48a6.7 6.7 0 0 0-2.121 0a.75.75 0 0 1-.243-1.48"/></svg>
React
import type { SVGProps } from "react";
export function FluentErrorCircleHint20Filled(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="M11.06 16.414a.75.75 0 0 1 .243 1.48c-.849.14-1.757.14-2.606 0a.75.75 0 0 1 .243-1.48a6.7 6.7 0 0 0 2.12 0m-7.39-2.8a.75.75 0 0 1 1.046.172c.414.577.92 1.084 1.498 1.498a.75.75 0 0 1-.875 1.22a8 8 0 0 1-1.842-1.844a.75.75 0 0 1 .172-1.046m11.614.172a.75.75 0 0 1 1.22.874a8 8 0 0 1-1.844 1.843a.75.75 0 0 1-.874-1.219a6.5 6.5 0 0 0 1.498-1.498M10 12.5l.103.005A1 1 0 1 1 10 12.5M2.106 8.697a.75.75 0 0 1 1.48.243a6.7 6.7 0 0 0 0 2.12a.75.75 0 0 1-1.48.243a8.2 8.2 0 0 1 0-2.606m14.927-.619a.75.75 0 0 1 .862.62a8.2 8.2 0 0 1 0 2.605a.75.75 0 0 1-1.48-.242a6.7 6.7 0 0 0 0-2.121a.75.75 0 0 1 .618-.862M10 5.75a.75.75 0 0 1 .75.75V11a.75.75 0 0 1-1.5 0V6.5a.75.75 0 0 1 .75-.75M5.34 3.497a.75.75 0 0 1 .875 1.219a6.5 6.5 0 0 0-1.498 1.498a.75.75 0 0 1-1.219-.875A8 8 0 0 1 5.34 3.497m8.275.172a.75.75 0 0 1 1.046-.172a8 8 0 0 1 1.843 1.842a.75.75 0 0 1-1.219.875a6.5 6.5 0 0 0-1.498-1.498a.75.75 0 0 1-.172-1.047M8.697 2.106a8.2 8.2 0 0 1 2.606 0a.75.75 0 0 1-.242 1.48a6.7 6.7 0 0 0-2.121 0a.75.75 0 0 1-.243-1.48"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 20 20"><path fill="currentColor" d="M11.06 16.414a.75.75 0 0 1 .243 1.48c-.849.14-1.757.14-2.606 0a.75.75 0 0 1 .243-1.48a6.7 6.7 0 0 0 2.12 0m-7.39-2.8a.75.75 0 0 1 1.046.172c.414.577.92 1.084 1.498 1.498a.75.75 0 0 1-.875 1.22a8 8 0 0 1-1.842-1.844a.75.75 0 0 1 .172-1.046m11.614.172a.75.75 0 0 1 1.22.874a8 8 0 0 1-1.844 1.843a.75.75 0 0 1-.874-1.219a6.5 6.5 0 0 0 1.498-1.498M10 12.5l.103.005A1 1 0 1 1 10 12.5M2.106 8.697a.75.75 0 0 1 1.48.243a6.7 6.7 0 0 0 0 2.12a.75.75 0 0 1-1.48.243a8.2 8.2 0 0 1 0-2.606m14.927-.619a.75.75 0 0 1 .862.62a8.2 8.2 0 0 1 0 2.605a.75.75 0 0 1-1.48-.242a6.7 6.7 0 0 0 0-2.121a.75.75 0 0 1 .618-.862M10 5.75a.75.75 0 0 1 .75.75V11a.75.75 0 0 1-1.5 0V6.5a.75.75 0 0 1 .75-.75M5.34 3.497a.75.75 0 0 1 .875 1.219a6.5 6.5 0 0 0-1.498 1.498a.75.75 0 0 1-1.219-.875A8 8 0 0 1 5.34 3.497m8.275.172a.75.75 0 0 1 1.046-.172a8 8 0 0 1 1.843 1.842a.75.75 0 0 1-1.219.875a6.5 6.5 0 0 0-1.498-1.498a.75.75 0 0 1-.172-1.047M8.697 2.106a8.2 8.2 0 0 1 2.606 0a.75.75 0 0 1-.242 1.48a6.7 6.7 0 0 0-2.121 0a.75.75 0 0 1-.243-1.48"/></svg> </template>
CSS
.icon-error-circle-hint-20-filled {
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%22M11.06%2016.414a.75.75%200%200%201%20.243%201.48c-.849.14-1.757.14-2.606%200a.75.75%200%200%201%20.243-1.48a6.7%206.7%200%200%200%202.12%200m-7.39-2.8a.75.75%200%200%201%201.046.172c.414.577.92%201.084%201.498%201.498a.75.75%200%200%201-.875%201.22a8%208%200%200%201-1.842-1.844a.75.75%200%200%201%20.172-1.046m11.614.172a.75.75%200%200%201%201.22.874a8%208%200%200%201-1.844%201.843a.75.75%200%200%201-.874-1.219a6.5%206.5%200%200%200%201.498-1.498M10%2012.5l.103.005A1%201%200%201%201%2010%2012.5M2.106%208.697a.75.75%200%200%201%201.48.243a6.7%206.7%200%200%200%200%202.12a.75.75%200%200%201-1.48.243a8.2%208.2%200%200%201%200-2.606m14.927-.619a.75.75%200%200%201%20.862.62a8.2%208.2%200%200%201%200%202.605a.75.75%200%200%201-1.48-.242a6.7%206.7%200%200%200%200-2.121a.75.75%200%200%201%20.618-.862M10%205.75a.75.75%200%200%201%20.75.75V11a.75.75%200%200%201-1.5%200V6.5a.75.75%200%200%201%20.75-.75M5.34%203.497a.75.75%200%200%201%20.875%201.219a6.5%206.5%200%200%200-1.498%201.498a.75.75%200%200%201-1.219-.875A8%208%200%200%201%205.34%203.497m8.275.172a.75.75%200%200%201%201.046-.172a8%208%200%200%201%201.843%201.842a.75.75%200%200%201-1.219.875a6.5%206.5%200%200%200-1.498-1.498a.75.75%200%200%201-.172-1.047M8.697%202.106a8.2%208.2%200%200%201%202.606%200a.75.75%200%200%201-.242%201.48a6.7%206.7%200%200%200-2.121%200a.75.75%200%200%201-.243-1.48%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%22M11.06%2016.414a.75.75%200%200%201%20.243%201.48c-.849.14-1.757.14-2.606%200a.75.75%200%200%201%20.243-1.48a6.7%206.7%200%200%200%202.12%200m-7.39-2.8a.75.75%200%200%201%201.046.172c.414.577.92%201.084%201.498%201.498a.75.75%200%200%201-.875%201.22a8%208%200%200%201-1.842-1.844a.75.75%200%200%201%20.172-1.046m11.614.172a.75.75%200%200%201%201.22.874a8%208%200%200%201-1.844%201.843a.75.75%200%200%201-.874-1.219a6.5%206.5%200%200%200%201.498-1.498M10%2012.5l.103.005A1%201%200%201%201%2010%2012.5M2.106%208.697a.75.75%200%200%201%201.48.243a6.7%206.7%200%200%200%200%202.12a.75.75%200%200%201-1.48.243a8.2%208.2%200%200%201%200-2.606m14.927-.619a.75.75%200%200%201%20.862.62a8.2%208.2%200%200%201%200%202.605a.75.75%200%200%201-1.48-.242a6.7%206.7%200%200%200%200-2.121a.75.75%200%200%201%20.618-.862M10%205.75a.75.75%200%200%201%20.75.75V11a.75.75%200%200%201-1.5%200V6.5a.75.75%200%200%201%20.75-.75M5.34%203.497a.75.75%200%200%201%20.875%201.219a6.5%206.5%200%200%200-1.498%201.498a.75.75%200%200%201-1.219-.875A8%208%200%200%201%205.34%203.497m8.275.172a.75.75%200%200%201%201.046-.172a8%208%200%200%201%201.843%201.842a.75.75%200%200%201-1.219.875a6.5%206.5%200%200%200-1.498-1.498a.75.75%200%200%201-.172-1.047M8.697%202.106a8.2%208.2%200%200%201%202.606%200a.75.75%200%200%201-.242%201.48a6.7%206.7%200%200%200-2.121%200a.75.75%200%200%201-.243-1.48%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/error-circle-hint-20-filled.svg?color=%231a73e8&size=48
