circle hint icon
circle-hint-12-regular from Fluent UI System Icons by Microsoft Corporation · 12 Regular · MIT Free for personal and commercial use.
- Name
- circle-hint-12-regular
- Set
- Fluent UI System Icons
- Style
- 12 Regular
- Viewbox
- 12×12
- 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 12 12"><path fill="currentColor" d="M5.085 9.895a4 4 0 0 0 1.82 0a.56.56 0 0 1 .615.248c.155.27.034.617-.268.696a4.97 4.97 0 0 1-2.517-.001c-.3-.08-.422-.427-.266-.696a.56.56 0 0 1 .616-.247m5.264-3.143c.312 0 .553.28.47.58a5 5 0 0 1-1.26 2.175c-.22.222-.58.153-.737-.117a.56.56 0 0 1 .093-.656c.414-.441.73-.977.91-1.572a.56.56 0 0 1 .524-.41m-8.702 0c.245 0 .452.175.523.41c.18.593.495 1.128.908 1.57a.56.56 0 0 1 .093.657c-.156.27-.518.338-.737.116A5 5 0 0 1 1.178 7.33c-.083-.3.158-.579.47-.58m.786-4.259c.218-.222.58-.154.737.116a.56.56 0 0 1-.093.658c-.414.442-.728.98-.908 1.575a.56.56 0 0 1-.523.41c-.311 0-.552-.279-.47-.58a5 5 0 0 1 1.257-2.179m6.387.112c.156-.27.518-.338.737-.116a5 5 0 0 1 1.263 2.184c.083.3-.159.579-.47.579a.56.56 0 0 1-.524-.41a4 4 0 0 0-.913-1.58a.56.56 0 0 1-.093-.657M5.998 1q.651.001 1.255.16c.302.077.423.425.268.695a.56.56 0 0 1-.616.249a4 4 0 0 0-1.817 0a.56.56 0 0 1-.616-.248c-.156-.27-.035-.617.267-.696Q5.344 1.002 6 1"/></svg>
React
import type { SVGProps } from "react";
export function FluentCircleHint12Regular(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 12 12"><path fill="currentColor" d="M5.085 9.895a4 4 0 0 0 1.82 0a.56.56 0 0 1 .615.248c.155.27.034.617-.268.696a4.97 4.97 0 0 1-2.517-.001c-.3-.08-.422-.427-.266-.696a.56.56 0 0 1 .616-.247m5.264-3.143c.312 0 .553.28.47.58a5 5 0 0 1-1.26 2.175c-.22.222-.58.153-.737-.117a.56.56 0 0 1 .093-.656c.414-.441.73-.977.91-1.572a.56.56 0 0 1 .524-.41m-8.702 0c.245 0 .452.175.523.41c.18.593.495 1.128.908 1.57a.56.56 0 0 1 .093.657c-.156.27-.518.338-.737.116A5 5 0 0 1 1.178 7.33c-.083-.3.158-.579.47-.58m.786-4.259c.218-.222.58-.154.737.116a.56.56 0 0 1-.093.658c-.414.442-.728.98-.908 1.575a.56.56 0 0 1-.523.41c-.311 0-.552-.279-.47-.58a5 5 0 0 1 1.257-2.179m6.387.112c.156-.27.518-.338.737-.116a5 5 0 0 1 1.263 2.184c.083.3-.159.579-.47.579a.56.56 0 0 1-.524-.41a4 4 0 0 0-.913-1.58a.56.56 0 0 1-.093-.657M5.998 1q.651.001 1.255.16c.302.077.423.425.268.695a.56.56 0 0 1-.616.249a4 4 0 0 0-1.817 0a.56.56 0 0 1-.616-.248c-.156-.27-.035-.617.267-.696Q5.344 1.002 6 1"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 12 12"><path fill="currentColor" d="M5.085 9.895a4 4 0 0 0 1.82 0a.56.56 0 0 1 .615.248c.155.27.034.617-.268.696a4.97 4.97 0 0 1-2.517-.001c-.3-.08-.422-.427-.266-.696a.56.56 0 0 1 .616-.247m5.264-3.143c.312 0 .553.28.47.58a5 5 0 0 1-1.26 2.175c-.22.222-.58.153-.737-.117a.56.56 0 0 1 .093-.656c.414-.441.73-.977.91-1.572a.56.56 0 0 1 .524-.41m-8.702 0c.245 0 .452.175.523.41c.18.593.495 1.128.908 1.57a.56.56 0 0 1 .093.657c-.156.27-.518.338-.737.116A5 5 0 0 1 1.178 7.33c-.083-.3.158-.579.47-.58m.786-4.259c.218-.222.58-.154.737.116a.56.56 0 0 1-.093.658c-.414.442-.728.98-.908 1.575a.56.56 0 0 1-.523.41c-.311 0-.552-.279-.47-.58a5 5 0 0 1 1.257-2.179m6.387.112c.156-.27.518-.338.737-.116a5 5 0 0 1 1.263 2.184c.083.3-.159.579-.47.579a.56.56 0 0 1-.524-.41a4 4 0 0 0-.913-1.58a.56.56 0 0 1-.093-.657M5.998 1q.651.001 1.255.16c.302.077.423.425.268.695a.56.56 0 0 1-.616.249a4 4 0 0 0-1.817 0a.56.56 0 0 1-.616-.248c-.156-.27-.035-.617.267-.696Q5.344 1.002 6 1"/></svg> </template>
CSS
.icon-circle-hint-12-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%2012%2012%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M5.085%209.895a4%204%200%200%200%201.82%200a.56.56%200%200%201%20.615.248c.155.27.034.617-.268.696a4.97%204.97%200%200%201-2.517-.001c-.3-.08-.422-.427-.266-.696a.56.56%200%200%201%20.616-.247m5.264-3.143c.312%200%20.553.28.47.58a5%205%200%200%201-1.26%202.175c-.22.222-.58.153-.737-.117a.56.56%200%200%201%20.093-.656c.414-.441.73-.977.91-1.572a.56.56%200%200%201%20.524-.41m-8.702%200c.245%200%20.452.175.523.41c.18.593.495%201.128.908%201.57a.56.56%200%200%201%20.093.657c-.156.27-.518.338-.737.116A5%205%200%200%201%201.178%207.33c-.083-.3.158-.579.47-.58m.786-4.259c.218-.222.58-.154.737.116a.56.56%200%200%201-.093.658c-.414.442-.728.98-.908%201.575a.56.56%200%200%201-.523.41c-.311%200-.552-.279-.47-.58a5%205%200%200%201%201.257-2.179m6.387.112c.156-.27.518-.338.737-.116a5%205%200%200%201%201.263%202.184c.083.3-.159.579-.47.579a.56.56%200%200%201-.524-.41a4%204%200%200%200-.913-1.58a.56.56%200%200%201-.093-.657M5.998%201q.651.001%201.255.16c.302.077.423.425.268.695a.56.56%200%200%201-.616.249a4%204%200%200%200-1.817%200a.56.56%200%200%201-.616-.248c-.156-.27-.035-.617.267-.696Q5.344%201.002%206%201%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%2012%2012%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M5.085%209.895a4%204%200%200%200%201.82%200a.56.56%200%200%201%20.615.248c.155.27.034.617-.268.696a4.97%204.97%200%200%201-2.517-.001c-.3-.08-.422-.427-.266-.696a.56.56%200%200%201%20.616-.247m5.264-3.143c.312%200%20.553.28.47.58a5%205%200%200%201-1.26%202.175c-.22.222-.58.153-.737-.117a.56.56%200%200%201%20.093-.656c.414-.441.73-.977.91-1.572a.56.56%200%200%201%20.524-.41m-8.702%200c.245%200%20.452.175.523.41c.18.593.495%201.128.908%201.57a.56.56%200%200%201%20.093.657c-.156.27-.518.338-.737.116A5%205%200%200%201%201.178%207.33c-.083-.3.158-.579.47-.58m.786-4.259c.218-.222.58-.154.737.116a.56.56%200%200%201-.093.658c-.414.442-.728.98-.908%201.575a.56.56%200%200%201-.523.41c-.311%200-.552-.279-.47-.58a5%205%200%200%201%201.257-2.179m6.387.112c.156-.27.518-.338.737-.116a5%205%200%200%201%201.263%202.184c.083.3-.159.579-.47.579a.56.56%200%200%201-.524-.41a4%204%200%200%200-.913-1.58a.56.56%200%200%201-.093-.657M5.998%201q.651.001%201.255.16c.302.077.423.425.268.695a.56.56%200%200%201-.616.249a4%204%200%200%200-1.817%200a.56.56%200%200%201-.616-.248c-.156-.27-.035-.617.267-.696Q5.344%201.002%206%201%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/circle-hint-12-regular.svg?color=%231a73e8&size=48
