circle hint icon
circle-hint-32-filled from Fluent UI System Icons by Microsoft Corporation · 32 Filled · MIT Free for personal and commercial use.
- Name
- circle-hint-32-filled
- Set
- Fluent UI System Icons
- Style
- 32 Filled
- Viewbox
- 32×32
- License
- MIT
13 other variants in Fluent UI System Icons
Related icons in Fluent UI System Icons
circle-edit-20-filledcircle-eraser-20-filledcircle-half-fill-12-filledcircle-highlight-20-filledcircle-hint-cursor-16-filledcircle-hint-dismiss-16-filledcircle-hint-half-vertical-16-filledcircle-image-16-filledcircle-line-12-filledcircle-multiple-concentric-16-filledcircle-multiple-hint-checkmark-16-filledcircle-multiple-subtract-checkmark-20-filledcircle-off-16-filledcircle-shadow-20-filledcircle-small-20-filledcircle-sparkle-16-filled
Use the circle hint icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M9.83 5.013c-.288-.695-1.12-.99-1.74-.564a14.1 14.1 0 0 0-3.638 3.637c-.426.62-.131 1.452.564 1.74c.586.243 1.256.01 1.625-.507a11.6 11.6 0 0 1 2.681-2.681c.517-.37.75-1.039.508-1.625m4.279-.358c-.626.104-1.265-.204-1.508-.79c-.288-.696.091-1.492.831-1.63a14.1 14.1 0 0 1 5.151.002c.74.138 1.119.934.83 1.63c-.242.586-.882.894-1.508.79a11.6 11.6 0 0 0-3.796-.002M26.99 9.831c-.586.243-1.256.009-1.625-.508a11.6 11.6 0 0 0-2.677-2.68c-.515-.369-.748-1.038-.506-1.624c.288-.695 1.12-.99 1.741-.564a14.1 14.1 0 0 1 3.632 3.636c.425.621.13 1.452-.565 1.74m1.146 9.572c-.586-.243-.894-.882-.79-1.508a11.6 11.6 0 0 0 0-3.785c-.103-.625.205-1.264.791-1.507c.696-.288 1.492.091 1.63.832a14.1 14.1 0 0 1-.002 5.137c-.137.74-.934 1.12-1.629.831m-5.96 7.582c-.242-.587-.008-1.256.508-1.625a11.6 11.6 0 0 0 2.678-2.679c.369-.516 1.038-.75 1.625-.507c.695.288.99 1.12.564 1.74a14.1 14.1 0 0 1-3.634 3.635c-.62.426-1.452.131-1.74-.564m-9.57 1.152c.244-.586.882-.894 1.508-.791a11.6 11.6 0 0 0 3.784-.002c.626-.104 1.265.204 1.508.79c.288.696-.091 1.492-.83 1.63a14.1 14.1 0 0 1-5.138.002c-.74-.137-1.12-.934-.831-1.63M5.02 22.179c.586-.243 1.255-.01 1.624.507a11.6 11.6 0 0 0 2.683 2.68c.517.369.751 1.038.508 1.625c-.288.695-1.119.99-1.74.564a14.1 14.1 0 0 1-3.64-3.635c-.426-.621-.13-1.453.565-1.741m-1.153-9.582c.586.243.894.882.79 1.508a11.6 11.6 0 0 0 .001 3.795c.104.627-.204 1.266-.79 1.509c-.695.288-1.491-.09-1.63-.83a14.1 14.1 0 0 1 0-5.15c.137-.74.933-1.12 1.629-.832"/></svg>
React
import type { SVGProps } from "react";
export function FluentCircleHint32Filled(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="M9.83 5.013c-.288-.695-1.12-.99-1.74-.564a14.1 14.1 0 0 0-3.638 3.637c-.426.62-.131 1.452.564 1.74c.586.243 1.256.01 1.625-.507a11.6 11.6 0 0 1 2.681-2.681c.517-.37.75-1.039.508-1.625m4.279-.358c-.626.104-1.265-.204-1.508-.79c-.288-.696.091-1.492.831-1.63a14.1 14.1 0 0 1 5.151.002c.74.138 1.119.934.83 1.63c-.242.586-.882.894-1.508.79a11.6 11.6 0 0 0-3.796-.002M26.99 9.831c-.586.243-1.256.009-1.625-.508a11.6 11.6 0 0 0-2.677-2.68c-.515-.369-.748-1.038-.506-1.624c.288-.695 1.12-.99 1.741-.564a14.1 14.1 0 0 1 3.632 3.636c.425.621.13 1.452-.565 1.74m1.146 9.572c-.586-.243-.894-.882-.79-1.508a11.6 11.6 0 0 0 0-3.785c-.103-.625.205-1.264.791-1.507c.696-.288 1.492.091 1.63.832a14.1 14.1 0 0 1-.002 5.137c-.137.74-.934 1.12-1.629.831m-5.96 7.582c-.242-.587-.008-1.256.508-1.625a11.6 11.6 0 0 0 2.678-2.679c.369-.516 1.038-.75 1.625-.507c.695.288.99 1.12.564 1.74a14.1 14.1 0 0 1-3.634 3.635c-.62.426-1.452.131-1.74-.564m-9.57 1.152c.244-.586.882-.894 1.508-.791a11.6 11.6 0 0 0 3.784-.002c.626-.104 1.265.204 1.508.79c.288.696-.091 1.492-.83 1.63a14.1 14.1 0 0 1-5.138.002c-.74-.137-1.12-.934-.831-1.63M5.02 22.179c.586-.243 1.255-.01 1.624.507a11.6 11.6 0 0 0 2.683 2.68c.517.369.751 1.038.508 1.625c-.288.695-1.119.99-1.74.564a14.1 14.1 0 0 1-3.64-3.635c-.426-.621-.13-1.453.565-1.741m-1.153-9.582c.586.243.894.882.79 1.508a11.6 11.6 0 0 0 .001 3.795c.104.627-.204 1.266-.79 1.509c-.695.288-1.491-.09-1.63-.83a14.1 14.1 0 0 1 0-5.15c.137-.74.933-1.12 1.629-.832"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M9.83 5.013c-.288-.695-1.12-.99-1.74-.564a14.1 14.1 0 0 0-3.638 3.637c-.426.62-.131 1.452.564 1.74c.586.243 1.256.01 1.625-.507a11.6 11.6 0 0 1 2.681-2.681c.517-.37.75-1.039.508-1.625m4.279-.358c-.626.104-1.265-.204-1.508-.79c-.288-.696.091-1.492.831-1.63a14.1 14.1 0 0 1 5.151.002c.74.138 1.119.934.83 1.63c-.242.586-.882.894-1.508.79a11.6 11.6 0 0 0-3.796-.002M26.99 9.831c-.586.243-1.256.009-1.625-.508a11.6 11.6 0 0 0-2.677-2.68c-.515-.369-.748-1.038-.506-1.624c.288-.695 1.12-.99 1.741-.564a14.1 14.1 0 0 1 3.632 3.636c.425.621.13 1.452-.565 1.74m1.146 9.572c-.586-.243-.894-.882-.79-1.508a11.6 11.6 0 0 0 0-3.785c-.103-.625.205-1.264.791-1.507c.696-.288 1.492.091 1.63.832a14.1 14.1 0 0 1-.002 5.137c-.137.74-.934 1.12-1.629.831m-5.96 7.582c-.242-.587-.008-1.256.508-1.625a11.6 11.6 0 0 0 2.678-2.679c.369-.516 1.038-.75 1.625-.507c.695.288.99 1.12.564 1.74a14.1 14.1 0 0 1-3.634 3.635c-.62.426-1.452.131-1.74-.564m-9.57 1.152c.244-.586.882-.894 1.508-.791a11.6 11.6 0 0 0 3.784-.002c.626-.104 1.265.204 1.508.79c.288.696-.091 1.492-.83 1.63a14.1 14.1 0 0 1-5.138.002c-.74-.137-1.12-.934-.831-1.63M5.02 22.179c.586-.243 1.255-.01 1.624.507a11.6 11.6 0 0 0 2.683 2.68c.517.369.751 1.038.508 1.625c-.288.695-1.119.99-1.74.564a14.1 14.1 0 0 1-3.64-3.635c-.426-.621-.13-1.453.565-1.741m-1.153-9.582c.586.243.894.882.79 1.508a11.6 11.6 0 0 0 .001 3.795c.104.627-.204 1.266-.79 1.509c-.695.288-1.491-.09-1.63-.83a14.1 14.1 0 0 1 0-5.15c.137-.74.933-1.12 1.629-.832"/></svg> </template>
CSS
.icon-circle-hint-32-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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M9.83%205.013c-.288-.695-1.12-.99-1.74-.564a14.1%2014.1%200%200%200-3.638%203.637c-.426.62-.131%201.452.564%201.74c.586.243%201.256.01%201.625-.507a11.6%2011.6%200%200%201%202.681-2.681c.517-.37.75-1.039.508-1.625m4.279-.358c-.626.104-1.265-.204-1.508-.79c-.288-.696.091-1.492.831-1.63a14.1%2014.1%200%200%201%205.151.002c.74.138%201.119.934.83%201.63c-.242.586-.882.894-1.508.79a11.6%2011.6%200%200%200-3.796-.002M26.99%209.831c-.586.243-1.256.009-1.625-.508a11.6%2011.6%200%200%200-2.677-2.68c-.515-.369-.748-1.038-.506-1.624c.288-.695%201.12-.99%201.741-.564a14.1%2014.1%200%200%201%203.632%203.636c.425.621.13%201.452-.565%201.74m1.146%209.572c-.586-.243-.894-.882-.79-1.508a11.6%2011.6%200%200%200%200-3.785c-.103-.625.205-1.264.791-1.507c.696-.288%201.492.091%201.63.832a14.1%2014.1%200%200%201-.002%205.137c-.137.74-.934%201.12-1.629.831m-5.96%207.582c-.242-.587-.008-1.256.508-1.625a11.6%2011.6%200%200%200%202.678-2.679c.369-.516%201.038-.75%201.625-.507c.695.288.99%201.12.564%201.74a14.1%2014.1%200%200%201-3.634%203.635c-.62.426-1.452.131-1.74-.564m-9.57%201.152c.244-.586.882-.894%201.508-.791a11.6%2011.6%200%200%200%203.784-.002c.626-.104%201.265.204%201.508.79c.288.696-.091%201.492-.83%201.63a14.1%2014.1%200%200%201-5.138.002c-.74-.137-1.12-.934-.831-1.63M5.02%2022.179c.586-.243%201.255-.01%201.624.507a11.6%2011.6%200%200%200%202.683%202.68c.517.369.751%201.038.508%201.625c-.288.695-1.119.99-1.74.564a14.1%2014.1%200%200%201-3.64-3.635c-.426-.621-.13-1.453.565-1.741m-1.153-9.582c.586.243.894.882.79%201.508a11.6%2011.6%200%200%200%20.001%203.795c.104.627-.204%201.266-.79%201.509c-.695.288-1.491-.09-1.63-.83a14.1%2014.1%200%200%201%200-5.15c.137-.74.933-1.12%201.629-.832%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%22M9.83%205.013c-.288-.695-1.12-.99-1.74-.564a14.1%2014.1%200%200%200-3.638%203.637c-.426.62-.131%201.452.564%201.74c.586.243%201.256.01%201.625-.507a11.6%2011.6%200%200%201%202.681-2.681c.517-.37.75-1.039.508-1.625m4.279-.358c-.626.104-1.265-.204-1.508-.79c-.288-.696.091-1.492.831-1.63a14.1%2014.1%200%200%201%205.151.002c.74.138%201.119.934.83%201.63c-.242.586-.882.894-1.508.79a11.6%2011.6%200%200%200-3.796-.002M26.99%209.831c-.586.243-1.256.009-1.625-.508a11.6%2011.6%200%200%200-2.677-2.68c-.515-.369-.748-1.038-.506-1.624c.288-.695%201.12-.99%201.741-.564a14.1%2014.1%200%200%201%203.632%203.636c.425.621.13%201.452-.565%201.74m1.146%209.572c-.586-.243-.894-.882-.79-1.508a11.6%2011.6%200%200%200%200-3.785c-.103-.625.205-1.264.791-1.507c.696-.288%201.492.091%201.63.832a14.1%2014.1%200%200%201-.002%205.137c-.137.74-.934%201.12-1.629.831m-5.96%207.582c-.242-.587-.008-1.256.508-1.625a11.6%2011.6%200%200%200%202.678-2.679c.369-.516%201.038-.75%201.625-.507c.695.288.99%201.12.564%201.74a14.1%2014.1%200%200%201-3.634%203.635c-.62.426-1.452.131-1.74-.564m-9.57%201.152c.244-.586.882-.894%201.508-.791a11.6%2011.6%200%200%200%203.784-.002c.626-.104%201.265.204%201.508.79c.288.696-.091%201.492-.83%201.63a14.1%2014.1%200%200%201-5.138.002c-.74-.137-1.12-.934-.831-1.63M5.02%2022.179c.586-.243%201.255-.01%201.624.507a11.6%2011.6%200%200%200%202.683%202.68c.517.369.751%201.038.508%201.625c-.288.695-1.119.99-1.74.564a14.1%2014.1%200%200%201-3.64-3.635c-.426-.621-.13-1.453.565-1.741m-1.153-9.582c.586.243.894.882.79%201.508a11.6%2011.6%200%200%200%20.001%203.795c.104.627-.204%201.266-.79%201.509c-.695.288-1.491-.09-1.63-.83a14.1%2014.1%200%200%201%200-5.15c.137-.74.933-1.12%201.629-.832%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/circle-hint-32-filled.svg?color=%231a73e8&size=48
