circle multiple hint checkmark icon

circle-multiple-hint-checkmark-20-regular from Fluent UI System Icons by Microsoft Corporation · 20 Regular · MIT Free for personal and commercial use.

Name
circle-multiple-hint-checkmark-20-regular
Set
Fluent UI System Icons
Style
20 Regular
Viewbox
20×20
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-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-filledcircle-multiple-hint-checkmark-48-regular

The same icon in other sets

circle-multiple-hint-checkmark-16Fluent UI System Color Icons

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 20 20"><path fill="currentColor" d="m12.908 5.957l.006.043a7 7 0 0 0-.998.083l-.008-.035a5 5 0 0 0-.766-1.847a.544.544 0 0 1 .05-.689c.209-.208.553-.195.722.046c.494.704.84 1.518.994 2.399M5.956 12.91l.044.005q.006-.509.083-.997l-.036-.008a5 5 0 0 1-1.848-.767a.544.544 0 0 0-.688.05c-.209.209-.195.553.046.722c.704.494 1.518.84 2.399.995M7.499 1.568c0-.295.252-.529.543-.478c.88.154 1.693.5 2.396.993c.242.17.255.514.047.722a.544.544 0 0 1-.689.05A5 5 0 0 0 7.95 2.09a.544.544 0 0 1-.451-.522M3.51 2.806a.54.54 0 0 0 .688.05a5 5 0 0 1 1.848-.766a.544.544 0 0 0 .452-.522c0-.295-.253-.529-.543-.478c-.88.155-1.695.5-2.399.995a.47.47 0 0 0-.046.721m-.657 1.396a.54.54 0 0 0-.05-.688c-.209-.209-.553-.195-.722.046a6 6 0 0 0-.993 2.397c-.05.29.183.543.478.543a.54.54 0 0 0 .522-.452c.13-.673.395-1.298.765-1.846m-.05 6.284a.54.54 0 0 0 .05-.688a5 5 0 0 1-.765-1.846a.544.544 0 0 0-.522-.452c-.295 0-.529.252-.478.543c.154.88.5 1.694.993 2.397c.17.241.513.255.722.046m13.05.66a.5.5 0 0 1 0 .708l-3 3a.5.5 0 0 1-.708 0l-1.5-1.5a.5.5 0 0 1 .708-.708l1.146 1.147l2.646-2.647a.5.5 0 0 1 .708 0M19 13a6 6 0 1 1-12 0a6 6 0 0 1 12 0M8 13a5 5 0 1 0 10 0a5 5 0 0 0-10 0"/></svg>

React

import type { SVGProps } from "react";

export function FluentCircleMultipleHintCheckmark20Regular(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="m12.908 5.957l.006.043a7 7 0 0 0-.998.083l-.008-.035a5 5 0 0 0-.766-1.847a.544.544 0 0 1 .05-.689c.209-.208.553-.195.722.046c.494.704.84 1.518.994 2.399M5.956 12.91l.044.005q.006-.509.083-.997l-.036-.008a5 5 0 0 1-1.848-.767a.544.544 0 0 0-.688.05c-.209.209-.195.553.046.722c.704.494 1.518.84 2.399.995M7.499 1.568c0-.295.252-.529.543-.478c.88.154 1.693.5 2.396.993c.242.17.255.514.047.722a.544.544 0 0 1-.689.05A5 5 0 0 0 7.95 2.09a.544.544 0 0 1-.451-.522M3.51 2.806a.54.54 0 0 0 .688.05a5 5 0 0 1 1.848-.766a.544.544 0 0 0 .452-.522c0-.295-.253-.529-.543-.478c-.88.155-1.695.5-2.399.995a.47.47 0 0 0-.046.721m-.657 1.396a.54.54 0 0 0-.05-.688c-.209-.209-.553-.195-.722.046a6 6 0 0 0-.993 2.397c-.05.29.183.543.478.543a.54.54 0 0 0 .522-.452c.13-.673.395-1.298.765-1.846m-.05 6.284a.54.54 0 0 0 .05-.688a5 5 0 0 1-.765-1.846a.544.544 0 0 0-.522-.452c-.295 0-.529.252-.478.543c.154.88.5 1.694.993 2.397c.17.241.513.255.722.046m13.05.66a.5.5 0 0 1 0 .708l-3 3a.5.5 0 0 1-.708 0l-1.5-1.5a.5.5 0 0 1 .708-.708l1.146 1.147l2.646-2.647a.5.5 0 0 1 .708 0M19 13a6 6 0 1 1-12 0a6 6 0 0 1 12 0M8 13a5 5 0 1 0 10 0a5 5 0 0 0-10 0"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 20 20"><path fill="currentColor" d="m12.908 5.957l.006.043a7 7 0 0 0-.998.083l-.008-.035a5 5 0 0 0-.766-1.847a.544.544 0 0 1 .05-.689c.209-.208.553-.195.722.046c.494.704.84 1.518.994 2.399M5.956 12.91l.044.005q.006-.509.083-.997l-.036-.008a5 5 0 0 1-1.848-.767a.544.544 0 0 0-.688.05c-.209.209-.195.553.046.722c.704.494 1.518.84 2.399.995M7.499 1.568c0-.295.252-.529.543-.478c.88.154 1.693.5 2.396.993c.242.17.255.514.047.722a.544.544 0 0 1-.689.05A5 5 0 0 0 7.95 2.09a.544.544 0 0 1-.451-.522M3.51 2.806a.54.54 0 0 0 .688.05a5 5 0 0 1 1.848-.766a.544.544 0 0 0 .452-.522c0-.295-.253-.529-.543-.478c-.88.155-1.695.5-2.399.995a.47.47 0 0 0-.046.721m-.657 1.396a.54.54 0 0 0-.05-.688c-.209-.209-.553-.195-.722.046a6 6 0 0 0-.993 2.397c-.05.29.183.543.478.543a.54.54 0 0 0 .522-.452c.13-.673.395-1.298.765-1.846m-.05 6.284a.54.54 0 0 0 .05-.688a5 5 0 0 1-.765-1.846a.544.544 0 0 0-.522-.452c-.295 0-.529.252-.478.543c.154.88.5 1.694.993 2.397c.17.241.513.255.722.046m13.05.66a.5.5 0 0 1 0 .708l-3 3a.5.5 0 0 1-.708 0l-1.5-1.5a.5.5 0 0 1 .708-.708l1.146 1.147l2.646-2.647a.5.5 0 0 1 .708 0M19 13a6 6 0 1 1-12 0a6 6 0 0 1 12 0M8 13a5 5 0 1 0 10 0a5 5 0 0 0-10 0"/></svg>
</template>

CSS

.icon-circle-multiple-hint-checkmark-20-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%2020%2020%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m12.908%205.957l.006.043a7%207%200%200%200-.998.083l-.008-.035a5%205%200%200%200-.766-1.847a.544.544%200%200%201%20.05-.689c.209-.208.553-.195.722.046c.494.704.84%201.518.994%202.399M5.956%2012.91l.044.005q.006-.509.083-.997l-.036-.008a5%205%200%200%201-1.848-.767a.544.544%200%200%200-.688.05c-.209.209-.195.553.046.722c.704.494%201.518.84%202.399.995M7.499%201.568c0-.295.252-.529.543-.478c.88.154%201.693.5%202.396.993c.242.17.255.514.047.722a.544.544%200%200%201-.689.05A5%205%200%200%200%207.95%202.09a.544.544%200%200%201-.451-.522M3.51%202.806a.54.54%200%200%200%20.688.05a5%205%200%200%201%201.848-.766a.544.544%200%200%200%20.452-.522c0-.295-.253-.529-.543-.478c-.88.155-1.695.5-2.399.995a.47.47%200%200%200-.046.721m-.657%201.396a.54.54%200%200%200-.05-.688c-.209-.209-.553-.195-.722.046a6%206%200%200%200-.993%202.397c-.05.29.183.543.478.543a.54.54%200%200%200%20.522-.452c.13-.673.395-1.298.765-1.846m-.05%206.284a.54.54%200%200%200%20.05-.688a5%205%200%200%201-.765-1.846a.544.544%200%200%200-.522-.452c-.295%200-.529.252-.478.543c.154.88.5%201.694.993%202.397c.17.241.513.255.722.046m13.05.66a.5.5%200%200%201%200%20.708l-3%203a.5.5%200%200%201-.708%200l-1.5-1.5a.5.5%200%200%201%20.708-.708l1.146%201.147l2.646-2.647a.5.5%200%200%201%20.708%200M19%2013a6%206%200%201%201-12%200a6%206%200%200%201%2012%200M8%2013a5%205%200%201%200%2010%200a5%205%200%200%200-10%200%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%22m12.908%205.957l.006.043a7%207%200%200%200-.998.083l-.008-.035a5%205%200%200%200-.766-1.847a.544.544%200%200%201%20.05-.689c.209-.208.553-.195.722.046c.494.704.84%201.518.994%202.399M5.956%2012.91l.044.005q.006-.509.083-.997l-.036-.008a5%205%200%200%201-1.848-.767a.544.544%200%200%200-.688.05c-.209.209-.195.553.046.722c.704.494%201.518.84%202.399.995M7.499%201.568c0-.295.252-.529.543-.478c.88.154%201.693.5%202.396.993c.242.17.255.514.047.722a.544.544%200%200%201-.689.05A5%205%200%200%200%207.95%202.09a.544.544%200%200%201-.451-.522M3.51%202.806a.54.54%200%200%200%20.688.05a5%205%200%200%201%201.848-.766a.544.544%200%200%200%20.452-.522c0-.295-.253-.529-.543-.478c-.88.155-1.695.5-2.399.995a.47.47%200%200%200-.046.721m-.657%201.396a.54.54%200%200%200-.05-.688c-.209-.209-.553-.195-.722.046a6%206%200%200%200-.993%202.397c-.05.29.183.543.478.543a.54.54%200%200%200%20.522-.452c.13-.673.395-1.298.765-1.846m-.05%206.284a.54.54%200%200%200%20.05-.688a5%205%200%200%201-.765-1.846a.544.544%200%200%200-.522-.452c-.295%200-.529.252-.478.543c.154.88.5%201.694.993%202.397c.17.241.513.255.722.046m13.05.66a.5.5%200%200%201%200%20.708l-3%203a.5.5%200%200%201-.708%200l-1.5-1.5a.5.5%200%200%201%20.708-.708l1.146%201.147l2.646-2.647a.5.5%200%200%201%20.708%200M19%2013a6%206%200%201%201-12%200a6%206%200%200%201%2012%200M8%2013a5%205%200%201%200%2010%200a5%205%200%200%200-10%200%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-20-regular.svg?color=%231a73e8&size=48