circle multiple hint checkmark icon
circle-multiple-hint-checkmark-48-regular from Fluent UI System Icons by Microsoft Corporation · 48 Regular · MIT Free for personal and commercial use.
- Name
- circle-multiple-hint-checkmark-48-regular
- Set
- Fluent UI System Icons
- Style
- 48 Regular
- Viewbox
- 48×48
- 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-filledcircle-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-filled
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 48 48"><path fill="currentColor" d="M8.398 4.71c-.604.423-.638 1.283-.116 1.804c.458.458 1.185.489 1.721.126a12.4 12.4 0 0 1 4.62-1.914c.636-.123 1.129-.658 1.129-1.306c0-.737-.631-1.322-1.357-1.195A14.9 14.9 0 0 0 8.398 4.71m1.077 22.273c-.537-.405-1.298-.394-1.773.081c-.502.502-.49 1.326.07 1.763a14.9 14.9 0 0 0 6.242 2.876a17 17 0 0 1 .084-2.541a12.45 12.45 0 0 1-4.623-2.179m22.227-12.968a17 17 0 0 0-2.542.084a12.45 12.45 0 0 0-2.178-4.623c-.405-.536-.395-1.297.08-1.772c.503-.503 1.326-.49 1.764.07a14.9 14.9 0 0 1 2.876 6.24M25.11 6.12c.541-.54.485-1.438-.164-1.844a14.9 14.9 0 0 0-5.337-2.05c-.726-.127-1.357.458-1.357 1.195c0 .648.493 1.183 1.129 1.306c1.46.282 2.83.818 4.062 1.56c.534.322 1.227.274 1.667-.167M6.286 23.445c.322.534.273 1.226-.167 1.667c-.541.54-1.438.484-1.844-.164a14.9 14.9 0 0 1-2.05-5.34c-.128-.726.457-1.358 1.194-1.358c.648 0 1.183.494 1.306 1.13a12.4 12.4 0 0 0 1.56 4.065m.353-13.442c.363-.536.333-1.263-.125-1.721c-.521-.521-1.381-.488-1.805.115a14.9 14.9 0 0 0-2.484 5.996c-.128.726.457 1.357 1.194 1.357c.648 0 1.183-.493 1.306-1.129a12.4 12.4 0 0 1 1.914-4.618M31 18.5c-6.904 0-12.5 5.596-12.5 12.5S24.096 43.5 31 43.5S43.5 37.904 43.5 31S37.904 18.5 31 18.5M16 31c0-8.284 6.716-15 15-15s15 6.716 15 15s-6.716 15-15 15s-15-6.716-15-15m22.384-2.866a1.25 1.25 0 0 0-1.768-1.768L29 33.982l-3.616-3.616a1.25 1.25 0 0 0-1.768 1.768l4.5 4.5a1.25 1.25 0 0 0 1.768 0z"/></svg>
React
import type { SVGProps } from "react";
export function FluentCircleMultipleHintCheckmark48Regular(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="currentColor" d="M8.398 4.71c-.604.423-.638 1.283-.116 1.804c.458.458 1.185.489 1.721.126a12.4 12.4 0 0 1 4.62-1.914c.636-.123 1.129-.658 1.129-1.306c0-.737-.631-1.322-1.357-1.195A14.9 14.9 0 0 0 8.398 4.71m1.077 22.273c-.537-.405-1.298-.394-1.773.081c-.502.502-.49 1.326.07 1.763a14.9 14.9 0 0 0 6.242 2.876a17 17 0 0 1 .084-2.541a12.45 12.45 0 0 1-4.623-2.179m22.227-12.968a17 17 0 0 0-2.542.084a12.45 12.45 0 0 0-2.178-4.623c-.405-.536-.395-1.297.08-1.772c.503-.503 1.326-.49 1.764.07a14.9 14.9 0 0 1 2.876 6.24M25.11 6.12c.541-.54.485-1.438-.164-1.844a14.9 14.9 0 0 0-5.337-2.05c-.726-.127-1.357.458-1.357 1.195c0 .648.493 1.183 1.129 1.306c1.46.282 2.83.818 4.062 1.56c.534.322 1.227.274 1.667-.167M6.286 23.445c.322.534.273 1.226-.167 1.667c-.541.54-1.438.484-1.844-.164a14.9 14.9 0 0 1-2.05-5.34c-.128-.726.457-1.358 1.194-1.358c.648 0 1.183.494 1.306 1.13a12.4 12.4 0 0 0 1.56 4.065m.353-13.442c.363-.536.333-1.263-.125-1.721c-.521-.521-1.381-.488-1.805.115a14.9 14.9 0 0 0-2.484 5.996c-.128.726.457 1.357 1.194 1.357c.648 0 1.183-.493 1.306-1.129a12.4 12.4 0 0 1 1.914-4.618M31 18.5c-6.904 0-12.5 5.596-12.5 12.5S24.096 43.5 31 43.5S43.5 37.904 43.5 31S37.904 18.5 31 18.5M16 31c0-8.284 6.716-15 15-15s15 6.716 15 15s-6.716 15-15 15s-15-6.716-15-15m22.384-2.866a1.25 1.25 0 0 0-1.768-1.768L29 33.982l-3.616-3.616a1.25 1.25 0 0 0-1.768 1.768l4.5 4.5a1.25 1.25 0 0 0 1.768 0z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="currentColor" d="M8.398 4.71c-.604.423-.638 1.283-.116 1.804c.458.458 1.185.489 1.721.126a12.4 12.4 0 0 1 4.62-1.914c.636-.123 1.129-.658 1.129-1.306c0-.737-.631-1.322-1.357-1.195A14.9 14.9 0 0 0 8.398 4.71m1.077 22.273c-.537-.405-1.298-.394-1.773.081c-.502.502-.49 1.326.07 1.763a14.9 14.9 0 0 0 6.242 2.876a17 17 0 0 1 .084-2.541a12.45 12.45 0 0 1-4.623-2.179m22.227-12.968a17 17 0 0 0-2.542.084a12.45 12.45 0 0 0-2.178-4.623c-.405-.536-.395-1.297.08-1.772c.503-.503 1.326-.49 1.764.07a14.9 14.9 0 0 1 2.876 6.24M25.11 6.12c.541-.54.485-1.438-.164-1.844a14.9 14.9 0 0 0-5.337-2.05c-.726-.127-1.357.458-1.357 1.195c0 .648.493 1.183 1.129 1.306c1.46.282 2.83.818 4.062 1.56c.534.322 1.227.274 1.667-.167M6.286 23.445c.322.534.273 1.226-.167 1.667c-.541.54-1.438.484-1.844-.164a14.9 14.9 0 0 1-2.05-5.34c-.128-.726.457-1.358 1.194-1.358c.648 0 1.183.494 1.306 1.13a12.4 12.4 0 0 0 1.56 4.065m.353-13.442c.363-.536.333-1.263-.125-1.721c-.521-.521-1.381-.488-1.805.115a14.9 14.9 0 0 0-2.484 5.996c-.128.726.457 1.357 1.194 1.357c.648 0 1.183-.493 1.306-1.129a12.4 12.4 0 0 1 1.914-4.618M31 18.5c-6.904 0-12.5 5.596-12.5 12.5S24.096 43.5 31 43.5S43.5 37.904 43.5 31S37.904 18.5 31 18.5M16 31c0-8.284 6.716-15 15-15s15 6.716 15 15s-6.716 15-15 15s-15-6.716-15-15m22.384-2.866a1.25 1.25 0 0 0-1.768-1.768L29 33.982l-3.616-3.616a1.25 1.25 0 0 0-1.768 1.768l4.5 4.5a1.25 1.25 0 0 0 1.768 0z"/></svg> </template>
CSS
.icon-circle-multiple-hint-checkmark-48-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%2048%2048%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M8.398%204.71c-.604.423-.638%201.283-.116%201.804c.458.458%201.185.489%201.721.126a12.4%2012.4%200%200%201%204.62-1.914c.636-.123%201.129-.658%201.129-1.306c0-.737-.631-1.322-1.357-1.195A14.9%2014.9%200%200%200%208.398%204.71m1.077%2022.273c-.537-.405-1.298-.394-1.773.081c-.502.502-.49%201.326.07%201.763a14.9%2014.9%200%200%200%206.242%202.876a17%2017%200%200%201%20.084-2.541a12.45%2012.45%200%200%201-4.623-2.179m22.227-12.968a17%2017%200%200%200-2.542.084a12.45%2012.45%200%200%200-2.178-4.623c-.405-.536-.395-1.297.08-1.772c.503-.503%201.326-.49%201.764.07a14.9%2014.9%200%200%201%202.876%206.24M25.11%206.12c.541-.54.485-1.438-.164-1.844a14.9%2014.9%200%200%200-5.337-2.05c-.726-.127-1.357.458-1.357%201.195c0%20.648.493%201.183%201.129%201.306c1.46.282%202.83.818%204.062%201.56c.534.322%201.227.274%201.667-.167M6.286%2023.445c.322.534.273%201.226-.167%201.667c-.541.54-1.438.484-1.844-.164a14.9%2014.9%200%200%201-2.05-5.34c-.128-.726.457-1.358%201.194-1.358c.648%200%201.183.494%201.306%201.13a12.4%2012.4%200%200%200%201.56%204.065m.353-13.442c.363-.536.333-1.263-.125-1.721c-.521-.521-1.381-.488-1.805.115a14.9%2014.9%200%200%200-2.484%205.996c-.128.726.457%201.357%201.194%201.357c.648%200%201.183-.493%201.306-1.129a12.4%2012.4%200%200%201%201.914-4.618M31%2018.5c-6.904%200-12.5%205.596-12.5%2012.5S24.096%2043.5%2031%2043.5S43.5%2037.904%2043.5%2031S37.904%2018.5%2031%2018.5M16%2031c0-8.284%206.716-15%2015-15s15%206.716%2015%2015s-6.716%2015-15%2015s-15-6.716-15-15m22.384-2.866a1.25%201.25%200%200%200-1.768-1.768L29%2033.982l-3.616-3.616a1.25%201.25%200%200%200-1.768%201.768l4.5%204.5a1.25%201.25%200%200%200%201.768%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%2048%2048%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M8.398%204.71c-.604.423-.638%201.283-.116%201.804c.458.458%201.185.489%201.721.126a12.4%2012.4%200%200%201%204.62-1.914c.636-.123%201.129-.658%201.129-1.306c0-.737-.631-1.322-1.357-1.195A14.9%2014.9%200%200%200%208.398%204.71m1.077%2022.273c-.537-.405-1.298-.394-1.773.081c-.502.502-.49%201.326.07%201.763a14.9%2014.9%200%200%200%206.242%202.876a17%2017%200%200%201%20.084-2.541a12.45%2012.45%200%200%201-4.623-2.179m22.227-12.968a17%2017%200%200%200-2.542.084a12.45%2012.45%200%200%200-2.178-4.623c-.405-.536-.395-1.297.08-1.772c.503-.503%201.326-.49%201.764.07a14.9%2014.9%200%200%201%202.876%206.24M25.11%206.12c.541-.54.485-1.438-.164-1.844a14.9%2014.9%200%200%200-5.337-2.05c-.726-.127-1.357.458-1.357%201.195c0%20.648.493%201.183%201.129%201.306c1.46.282%202.83.818%204.062%201.56c.534.322%201.227.274%201.667-.167M6.286%2023.445c.322.534.273%201.226-.167%201.667c-.541.54-1.438.484-1.844-.164a14.9%2014.9%200%200%201-2.05-5.34c-.128-.726.457-1.358%201.194-1.358c.648%200%201.183.494%201.306%201.13a12.4%2012.4%200%200%200%201.56%204.065m.353-13.442c.363-.536.333-1.263-.125-1.721c-.521-.521-1.381-.488-1.805.115a14.9%2014.9%200%200%200-2.484%205.996c-.128.726.457%201.357%201.194%201.357c.648%200%201.183-.493%201.306-1.129a12.4%2012.4%200%200%201%201.914-4.618M31%2018.5c-6.904%200-12.5%205.596-12.5%2012.5S24.096%2043.5%2031%2043.5S43.5%2037.904%2043.5%2031S37.904%2018.5%2031%2018.5M16%2031c0-8.284%206.716-15%2015-15s15%206.716%2015%2015s-6.716%2015-15%2015s-15-6.716-15-15m22.384-2.866a1.25%201.25%200%200%200-1.768-1.768L29%2033.982l-3.616-3.616a1.25%201.25%200%200%200-1.768%201.768l4.5%204.5a1.25%201.25%200%200%200%201.768%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-48-regular.svg?color=%231a73e8&size=48
