circle multiple hint checkmark icon
circle-multiple-hint-checkmark-24-filled from Fluent UI System Icons by Microsoft Corporation · 24 Filled · MIT Free for personal and commercial use.
- Name
- circle-multiple-hint-checkmark-24-filled
- Set
- Fluent UI System Icons
- Style
- 24 Filled
- Viewbox
- 24×24
- License
- MIT
11 other variants in Fluent UI System Icons
circle-multiple-hint-checkmark-16-filledcircle-multiple-hint-checkmark-16-regularcircle-multiple-hint-checkmark-20-filledcircle-multiple-hint-checkmark-20-regularcircle-multiple-hint-checkmark-24-regularcircle-multiple-hint-checkmark-28-filledcircle-multiple-hint-checkmark-28-regularcircle-multiple-hint-checkmark-32-filledcircle-multiple-hint-checkmark-32-regularcircle-multiple-hint-checkmark-48-filledcircle-multiple-hint-checkmark-48-regular
The same icon in other sets
Related icons in Fluent UI System Icons
circle-edit-20-filledcircle-eraser-20-filledcircle-half-fill-12-filledcircle-highlight-20-filledcircle-hint-12-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-subtract-checkmark-20-filledcircle-off-16-filledcircle-shadow-20-filledcircle-small-20-filledcircle-sparkle-16-filled
Use the circle multiple hint checkmark icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12.667 2.263c.369.247.39.766.075 1.08c-.273.274-.707.293-1.034.086a6 6 0 0 0-1.578-.705c-.359-.101-.63-.414-.63-.787c0-.461.408-.82.855-.706a7.5 7.5 0 0 1 2.312 1.032m-8.41 1.08c.274.274.708.293 1.035.086a6 6 0 0 1 1.578-.705c.359-.101.63-.414.63-.787c0-.461-.408-.82-.855-.706a7.5 7.5 0 0 0-2.312 1.032c-.369.247-.39.766-.075 1.08M1.396 10.91c-.156-.461.21-.909.697-.909c.351 0 .653.24.775.57q.222.602.562 1.138c.207.327.188.76-.086 1.034c-.314.315-.833.294-1.08-.075a7.5 7.5 0 0 1-.868-1.758m1.717-5.052c.158-.321.118-.713-.135-.966c-.339-.339-.904-.288-1.127.137a7.4 7.4 0 0 0-.737 2.17c-.076.431.274.802.711.802c.394 0 .716-.303.794-.69c.103-.51.27-.998.494-1.453m1.78 8.166c.252-.253.644-.293.965-.135a6 6 0 0 0 2.285.601A8 8 0 0 0 8 15.985a7.45 7.45 0 0 1-2.972-.834c-.425-.223-.476-.788-.137-1.127M15.15 5.028c.47.899.763 1.905.834 2.972q-.767.003-1.495.142a6 6 0 0 0-.601-2.285c-.158-.321-.118-.713.135-.966c.339-.338.904-.288 1.127.137M23 16a7 7 0 1 1-14 0a7 7 0 0 1 14 0m-3.22-.97a.75.75 0 1 0-1.06-1.06l-3.22 3.22l-1.72-1.72a.75.75 0 1 0-1.06 1.06l2.25 2.25a.75.75 0 0 0 1.06 0z"/></svg>
React
import type { SVGProps } from "react";
export function FluentCircleMultipleHintCheckmark24Filled(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12.667 2.263c.369.247.39.766.075 1.08c-.273.274-.707.293-1.034.086a6 6 0 0 0-1.578-.705c-.359-.101-.63-.414-.63-.787c0-.461.408-.82.855-.706a7.5 7.5 0 0 1 2.312 1.032m-8.41 1.08c.274.274.708.293 1.035.086a6 6 0 0 1 1.578-.705c.359-.101.63-.414.63-.787c0-.461-.408-.82-.855-.706a7.5 7.5 0 0 0-2.312 1.032c-.369.247-.39.766-.075 1.08M1.396 10.91c-.156-.461.21-.909.697-.909c.351 0 .653.24.775.57q.222.602.562 1.138c.207.327.188.76-.086 1.034c-.314.315-.833.294-1.08-.075a7.5 7.5 0 0 1-.868-1.758m1.717-5.052c.158-.321.118-.713-.135-.966c-.339-.339-.904-.288-1.127.137a7.4 7.4 0 0 0-.737 2.17c-.076.431.274.802.711.802c.394 0 .716-.303.794-.69c.103-.51.27-.998.494-1.453m1.78 8.166c.252-.253.644-.293.965-.135a6 6 0 0 0 2.285.601A8 8 0 0 0 8 15.985a7.45 7.45 0 0 1-2.972-.834c-.425-.223-.476-.788-.137-1.127M15.15 5.028c.47.899.763 1.905.834 2.972q-.767.003-1.495.142a6 6 0 0 0-.601-2.285c-.158-.321-.118-.713.135-.966c.339-.338.904-.288 1.127.137M23 16a7 7 0 1 1-14 0a7 7 0 0 1 14 0m-3.22-.97a.75.75 0 1 0-1.06-1.06l-3.22 3.22l-1.72-1.72a.75.75 0 1 0-1.06 1.06l2.25 2.25a.75.75 0 0 0 1.06 0z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12.667 2.263c.369.247.39.766.075 1.08c-.273.274-.707.293-1.034.086a6 6 0 0 0-1.578-.705c-.359-.101-.63-.414-.63-.787c0-.461.408-.82.855-.706a7.5 7.5 0 0 1 2.312 1.032m-8.41 1.08c.274.274.708.293 1.035.086a6 6 0 0 1 1.578-.705c.359-.101.63-.414.63-.787c0-.461-.408-.82-.855-.706a7.5 7.5 0 0 0-2.312 1.032c-.369.247-.39.766-.075 1.08M1.396 10.91c-.156-.461.21-.909.697-.909c.351 0 .653.24.775.57q.222.602.562 1.138c.207.327.188.76-.086 1.034c-.314.315-.833.294-1.08-.075a7.5 7.5 0 0 1-.868-1.758m1.717-5.052c.158-.321.118-.713-.135-.966c-.339-.339-.904-.288-1.127.137a7.4 7.4 0 0 0-.737 2.17c-.076.431.274.802.711.802c.394 0 .716-.303.794-.69c.103-.51.27-.998.494-1.453m1.78 8.166c.252-.253.644-.293.965-.135a6 6 0 0 0 2.285.601A8 8 0 0 0 8 15.985a7.45 7.45 0 0 1-2.972-.834c-.425-.223-.476-.788-.137-1.127M15.15 5.028c.47.899.763 1.905.834 2.972q-.767.003-1.495.142a6 6 0 0 0-.601-2.285c-.158-.321-.118-.713.135-.966c.339-.338.904-.288 1.127.137M23 16a7 7 0 1 1-14 0a7 7 0 0 1 14 0m-3.22-.97a.75.75 0 1 0-1.06-1.06l-3.22 3.22l-1.72-1.72a.75.75 0 1 0-1.06 1.06l2.25 2.25a.75.75 0 0 0 1.06 0z"/></svg> </template>
CSS
.icon-circle-multiple-hint-checkmark-24-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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12.667%202.263c.369.247.39.766.075%201.08c-.273.274-.707.293-1.034.086a6%206%200%200%200-1.578-.705c-.359-.101-.63-.414-.63-.787c0-.461.408-.82.855-.706a7.5%207.5%200%200%201%202.312%201.032m-8.41%201.08c.274.274.708.293%201.035.086a6%206%200%200%201%201.578-.705c.359-.101.63-.414.63-.787c0-.461-.408-.82-.855-.706a7.5%207.5%200%200%200-2.312%201.032c-.369.247-.39.766-.075%201.08M1.396%2010.91c-.156-.461.21-.909.697-.909c.351%200%20.653.24.775.57q.222.602.562%201.138c.207.327.188.76-.086%201.034c-.314.315-.833.294-1.08-.075a7.5%207.5%200%200%201-.868-1.758m1.717-5.052c.158-.321.118-.713-.135-.966c-.339-.339-.904-.288-1.127.137a7.4%207.4%200%200%200-.737%202.17c-.076.431.274.802.711.802c.394%200%20.716-.303.794-.69c.103-.51.27-.998.494-1.453m1.78%208.166c.252-.253.644-.293.965-.135a6%206%200%200%200%202.285.601A8%208%200%200%200%208%2015.985a7.45%207.45%200%200%201-2.972-.834c-.425-.223-.476-.788-.137-1.127M15.15%205.028c.47.899.763%201.905.834%202.972q-.767.003-1.495.142a6%206%200%200%200-.601-2.285c-.158-.321-.118-.713.135-.966c.339-.338.904-.288%201.127.137M23%2016a7%207%200%201%201-14%200a7%207%200%200%201%2014%200m-3.22-.97a.75.75%200%201%200-1.06-1.06l-3.22%203.22l-1.72-1.72a.75.75%200%201%200-1.06%201.06l2.25%202.25a.75.75%200%200%200%201.06%200z%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12.667%202.263c.369.247.39.766.075%201.08c-.273.274-.707.293-1.034.086a6%206%200%200%200-1.578-.705c-.359-.101-.63-.414-.63-.787c0-.461.408-.82.855-.706a7.5%207.5%200%200%201%202.312%201.032m-8.41%201.08c.274.274.708.293%201.035.086a6%206%200%200%201%201.578-.705c.359-.101.63-.414.63-.787c0-.461-.408-.82-.855-.706a7.5%207.5%200%200%200-2.312%201.032c-.369.247-.39.766-.075%201.08M1.396%2010.91c-.156-.461.21-.909.697-.909c.351%200%20.653.24.775.57q.222.602.562%201.138c.207.327.188.76-.086%201.034c-.314.315-.833.294-1.08-.075a7.5%207.5%200%200%201-.868-1.758m1.717-5.052c.158-.321.118-.713-.135-.966c-.339-.339-.904-.288-1.127.137a7.4%207.4%200%200%200-.737%202.17c-.076.431.274.802.711.802c.394%200%20.716-.303.794-.69c.103-.51.27-.998.494-1.453m1.78%208.166c.252-.253.644-.293.965-.135a6%206%200%200%200%202.285.601A8%208%200%200%200%208%2015.985a7.45%207.45%200%200%201-2.972-.834c-.425-.223-.476-.788-.137-1.127M15.15%205.028c.47.899.763%201.905.834%202.972q-.767.003-1.495.142a6%206%200%200%200-.601-2.285c-.158-.321-.118-.713.135-.966c.339-.338.904-.288%201.127.137M23%2016a7%207%200%201%201-14%200a7%207%200%200%201%2014%200m-3.22-.97a.75.75%200%201%200-1.06-1.06l-3.22%203.22l-1.72-1.72a.75.75%200%201%200-1.06%201.06l2.25%202.25a.75.75%200%200%200%201.06%200z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/circle-multiple-hint-checkmark-24-filled.svg?color=%231a73e8&size=48
