circle multiple hint checkmark icon

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

Name: circle-multiple-hint-checkmark-24
Set: Fluent UI System Color Icons
Style: 24
Viewbox: 24×24
License: MIT

4 other variants in Fluent UI System Color Icons

circle-multiple-hint-checkmark-16 circle-multiple-hint-checkmark-28 circle-multiple-hint-checkmark-32 circle-multiple-hint-checkmark-48

The same icon in other sets

circle-multiple-hint-checkmark-16-filledFluent UI System Icons

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"><g fill="none"><path fill="url(#SVGS2X8wuUu)" d="M4.891 14.023c.253-.253.644-.293.965-.135c.696.342 1.47.553 2.286.601A8 8 0 0 0 8 15.985a7.5 7.5 0 0 1-2.973-.834c-.425-.223-.475-.789-.136-1.127M8.501 3.5a5 5 0 0 1 4.997 4.9A8.02 8.02 0 0 0 8.4 13.498A4.999 4.999 0 0 1 8.5 3.5M2.09 10c.352 0 .653.24.775.57c.147.4.337.782.562 1.138c.207.327.188.76-.086 1.034c-.314.314-.833.293-1.08-.076a7.5 7.5 0 0 1-.867-1.757c-.156-.46.21-.909.696-.909m11.931-5.11c.339-.338.905-.287 1.127.138c.47.899.764 1.905.834 2.972a8 8 0 0 0-1.494.143a6 6 0 0 0-.602-2.286c-.157-.321-.118-.713.135-.966M1.85 5.029c.222-.425.787-.475 1.126-.137c.253.253.293.645.136.966a6 6 0 0 0-.495 1.454c-.078.385-.4.69-.793.69c-.437 0-.788-.372-.712-.803c.135-.77.387-1.5.738-2.17m4.794-3.796c.447-.114.856.244.856.706c0 .372-.272.685-.63.786a6 6 0 0 0-1.578.705c-.328.207-.76.188-1.035-.086c-.314-.314-.294-.833.076-1.08a7.5 7.5 0 0 1 2.311-1.031m2.856.706c0-.462.407-.82.854-.706a7.5 7.5 0 0 1 2.312 1.03c.369.248.39.767.076 1.081c-.274.274-.707.293-1.035.086a6 6 0 0 0-1.578-.705c-.358-.101-.63-.414-.63-.786"/><circle cx="16" cy="16" r="7" fill="url(#SVGnp415S7J)"/><path fill="url(#SVGugCY5bhP)" fill-opacity=".95" d="M19.78 15.03a.75.75 0 1 0-1.061-1.06l-3.22 3.22l-1.72-1.72a.75.75 0 0 0-1.06 1.06l2.25 2.25a.75.75 0 0 0 1.06 0z"/><defs><linearGradient id="SVGS2X8wuUu" x1="3.101" x2="15.55" y1="6.367" y2="12.376" gradientUnits="userSpaceOnUse"><stop stop-color="#8b52f4"/><stop offset=".395" stop-color="#6d37cd"/><stop offset=".862" stop-color="#4b20a0"/></linearGradient><linearGradient id="SVGugCY5bhP" x1="16.94" x2="12.6" y1="21.461" y2="14.818" gradientUnits="userSpaceOnUse"><stop offset=".024" stop-color="#ffc8d7"/><stop offset=".807" stop-color="#fff"/></linearGradient><radialGradient id="SVGnp415S7J" cx="0" cy="0" r="1" gradientTransform="rotate(40.385 -8.444 16.996)scale(18.3797 15.4237)" gradientUnits="userSpaceOnUse"><stop stop-color="#ffc470"/><stop offset=".251" stop-color="#ff835c"/><stop offset=".584" stop-color="#f24a9d"/><stop offset=".871" stop-color="#b339f0"/><stop offset="1" stop-color="#c354ff"/></radialGradient></defs></g></svg>

React

import type { SVGProps } from "react";

export function FluentColorCircleMultipleHintCheckmark24(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><path fill="url(#SVGS2X8wuUu)" d="M4.891 14.023c.253-.253.644-.293.965-.135c.696.342 1.47.553 2.286.601A8 8 0 0 0 8 15.985a7.5 7.5 0 0 1-2.973-.834c-.425-.223-.475-.789-.136-1.127M8.501 3.5a5 5 0 0 1 4.997 4.9A8.02 8.02 0 0 0 8.4 13.498A4.999 4.999 0 0 1 8.5 3.5M2.09 10c.352 0 .653.24.775.57c.147.4.337.782.562 1.138c.207.327.188.76-.086 1.034c-.314.314-.833.293-1.08-.076a7.5 7.5 0 0 1-.867-1.757c-.156-.46.21-.909.696-.909m11.931-5.11c.339-.338.905-.287 1.127.138c.47.899.764 1.905.834 2.972a8 8 0 0 0-1.494.143a6 6 0 0 0-.602-2.286c-.157-.321-.118-.713.135-.966M1.85 5.029c.222-.425.787-.475 1.126-.137c.253.253.293.645.136.966a6 6 0 0 0-.495 1.454c-.078.385-.4.69-.793.69c-.437 0-.788-.372-.712-.803c.135-.77.387-1.5.738-2.17m4.794-3.796c.447-.114.856.244.856.706c0 .372-.272.685-.63.786a6 6 0 0 0-1.578.705c-.328.207-.76.188-1.035-.086c-.314-.314-.294-.833.076-1.08a7.5 7.5 0 0 1 2.311-1.031m2.856.706c0-.462.407-.82.854-.706a7.5 7.5 0 0 1 2.312 1.03c.369.248.39.767.076 1.081c-.274.274-.707.293-1.035.086a6 6 0 0 0-1.578-.705c-.358-.101-.63-.414-.63-.786"/><circle cx="16" cy="16" r="7" fill="url(#SVGnp415S7J)"/><path fill="url(#SVGugCY5bhP)" fillOpacity=".95" d="M19.78 15.03a.75.75 0 1 0-1.061-1.06l-3.22 3.22l-1.72-1.72a.75.75 0 0 0-1.06 1.06l2.25 2.25a.75.75 0 0 0 1.06 0z"/><defs><linearGradient id="SVGS2X8wuUu" x1="3.101" x2="15.55" y1="6.367" y2="12.376" gradientUnits="userSpaceOnUse"><stop stopColor="#8b52f4"/><stop offset=".395" stopColor="#6d37cd"/><stop offset=".862" stopColor="#4b20a0"/></linearGradient><linearGradient id="SVGugCY5bhP" x1="16.94" x2="12.6" y1="21.461" y2="14.818" gradientUnits="userSpaceOnUse"><stop offset=".024" stopColor="#ffc8d7"/><stop offset=".807" stopColor="#fff"/></linearGradient><radialGradient id="SVGnp415S7J" cx="0" cy="0" r="1" gradientTransform="rotate(40.385 -8.444 16.996)scale(18.3797 15.4237)" gradientUnits="userSpaceOnUse"><stop stopColor="#ffc470"/><stop offset=".251" stopColor="#ff835c"/><stop offset=".584" stopColor="#f24a9d"/><stop offset=".871" stopColor="#b339f0"/><stop offset="1" stopColor="#c354ff"/></radialGradient></defs></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><path fill="url(#SVGS2X8wuUu)" d="M4.891 14.023c.253-.253.644-.293.965-.135c.696.342 1.47.553 2.286.601A8 8 0 0 0 8 15.985a7.5 7.5 0 0 1-2.973-.834c-.425-.223-.475-.789-.136-1.127M8.501 3.5a5 5 0 0 1 4.997 4.9A8.02 8.02 0 0 0 8.4 13.498A4.999 4.999 0 0 1 8.5 3.5M2.09 10c.352 0 .653.24.775.57c.147.4.337.782.562 1.138c.207.327.188.76-.086 1.034c-.314.314-.833.293-1.08-.076a7.5 7.5 0 0 1-.867-1.757c-.156-.46.21-.909.696-.909m11.931-5.11c.339-.338.905-.287 1.127.138c.47.899.764 1.905.834 2.972a8 8 0 0 0-1.494.143a6 6 0 0 0-.602-2.286c-.157-.321-.118-.713.135-.966M1.85 5.029c.222-.425.787-.475 1.126-.137c.253.253.293.645.136.966a6 6 0 0 0-.495 1.454c-.078.385-.4.69-.793.69c-.437 0-.788-.372-.712-.803c.135-.77.387-1.5.738-2.17m4.794-3.796c.447-.114.856.244.856.706c0 .372-.272.685-.63.786a6 6 0 0 0-1.578.705c-.328.207-.76.188-1.035-.086c-.314-.314-.294-.833.076-1.08a7.5 7.5 0 0 1 2.311-1.031m2.856.706c0-.462.407-.82.854-.706a7.5 7.5 0 0 1 2.312 1.03c.369.248.39.767.076 1.081c-.274.274-.707.293-1.035.086a6 6 0 0 0-1.578-.705c-.358-.101-.63-.414-.63-.786"/><circle cx="16" cy="16" r="7" fill="url(#SVGnp415S7J)"/><path fill="url(#SVGugCY5bhP)" fill-opacity=".95" d="M19.78 15.03a.75.75 0 1 0-1.061-1.06l-3.22 3.22l-1.72-1.72a.75.75 0 0 0-1.06 1.06l2.25 2.25a.75.75 0 0 0 1.06 0z"/><defs><linearGradient id="SVGS2X8wuUu" x1="3.101" x2="15.55" y1="6.367" y2="12.376" gradientUnits="userSpaceOnUse"><stop stop-color="#8b52f4"/><stop offset=".395" stop-color="#6d37cd"/><stop offset=".862" stop-color="#4b20a0"/></linearGradient><linearGradient id="SVGugCY5bhP" x1="16.94" x2="12.6" y1="21.461" y2="14.818" gradientUnits="userSpaceOnUse"><stop offset=".024" stop-color="#ffc8d7"/><stop offset=".807" stop-color="#fff"/></linearGradient><radialGradient id="SVGnp415S7J" cx="0" cy="0" r="1" gradientTransform="rotate(40.385 -8.444 16.996)scale(18.3797 15.4237)" gradientUnits="userSpaceOnUse"><stop stop-color="#ffc470"/><stop offset=".251" stop-color="#ff835c"/><stop offset=".584" stop-color="#f24a9d"/><stop offset=".871" stop-color="#b339f0"/><stop offset="1" stop-color="#c354ff"/></radialGradient></defs></g></svg>
</template>

CSS

.icon-circle-multiple-hint-checkmark-24 {
  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%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22url(%23SVGS2X8wuUu)%22%20d%3D%22M4.891%2014.023c.253-.253.644-.293.965-.135c.696.342%201.47.553%202.286.601A8%208%200%200%200%208%2015.985a7.5%207.5%200%200%201-2.973-.834c-.425-.223-.475-.789-.136-1.127M8.501%203.5a5%205%200%200%201%204.997%204.9A8.02%208.02%200%200%200%208.4%2013.498A4.999%204.999%200%200%201%208.5%203.5M2.09%2010c.352%200%20.653.24.775.57c.147.4.337.782.562%201.138c.207.327.188.76-.086%201.034c-.314.314-.833.293-1.08-.076a7.5%207.5%200%200%201-.867-1.757c-.156-.46.21-.909.696-.909m11.931-5.11c.339-.338.905-.287%201.127.138c.47.899.764%201.905.834%202.972a8%208%200%200%200-1.494.143a6%206%200%200%200-.602-2.286c-.157-.321-.118-.713.135-.966M1.85%205.029c.222-.425.787-.475%201.126-.137c.253.253.293.645.136.966a6%206%200%200%200-.495%201.454c-.078.385-.4.69-.793.69c-.437%200-.788-.372-.712-.803c.135-.77.387-1.5.738-2.17m4.794-3.796c.447-.114.856.244.856.706c0%20.372-.272.685-.63.786a6%206%200%200%200-1.578.705c-.328.207-.76.188-1.035-.086c-.314-.314-.294-.833.076-1.08a7.5%207.5%200%200%201%202.311-1.031m2.856.706c0-.462.407-.82.854-.706a7.5%207.5%200%200%201%202.312%201.03c.369.248.39.767.076%201.081c-.274.274-.707.293-1.035.086a6%206%200%200%200-1.578-.705c-.358-.101-.63-.414-.63-.786%22%2F%3E%3Ccircle%20cx%3D%2216%22%20cy%3D%2216%22%20r%3D%227%22%20fill%3D%22url(%23SVGnp415S7J)%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGugCY5bhP)%22%20fill-opacity%3D%22.95%22%20d%3D%22M19.78%2015.03a.75.75%200%201%200-1.061-1.06l-3.22%203.22l-1.72-1.72a.75.75%200%200%200-1.06%201.06l2.25%202.25a.75.75%200%200%200%201.06%200z%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGS2X8wuUu%22%20x1%3D%223.101%22%20x2%3D%2215.55%22%20y1%3D%226.367%22%20y2%3D%2212.376%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%238b52f4%22%2F%3E%3Cstop%20offset%3D%22.395%22%20stop-color%3D%22%236d37cd%22%2F%3E%3Cstop%20offset%3D%22.862%22%20stop-color%3D%22%234b20a0%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGugCY5bhP%22%20x1%3D%2216.94%22%20x2%3D%2212.6%22%20y1%3D%2221.461%22%20y2%3D%2214.818%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.024%22%20stop-color%3D%22%23ffc8d7%22%2F%3E%3Cstop%20offset%3D%22.807%22%20stop-color%3D%22%23fff%22%2F%3E%3C%2FlinearGradient%3E%3CradialGradient%20id%3D%22SVGnp415S7J%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22rotate(40.385%20-8.444%2016.996)scale(18.3797%2015.4237)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23ffc470%22%2F%3E%3Cstop%20offset%3D%22.251%22%20stop-color%3D%22%23ff835c%22%2F%3E%3Cstop%20offset%3D%22.584%22%20stop-color%3D%22%23f24a9d%22%2F%3E%3Cstop%20offset%3D%22.871%22%20stop-color%3D%22%23b339f0%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23c354ff%22%2F%3E%3C%2FradialGradient%3E%3C%2Fdefs%3E%3C%2Fg%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%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22url(%23SVGS2X8wuUu)%22%20d%3D%22M4.891%2014.023c.253-.253.644-.293.965-.135c.696.342%201.47.553%202.286.601A8%208%200%200%200%208%2015.985a7.5%207.5%200%200%201-2.973-.834c-.425-.223-.475-.789-.136-1.127M8.501%203.5a5%205%200%200%201%204.997%204.9A8.02%208.02%200%200%200%208.4%2013.498A4.999%204.999%200%200%201%208.5%203.5M2.09%2010c.352%200%20.653.24.775.57c.147.4.337.782.562%201.138c.207.327.188.76-.086%201.034c-.314.314-.833.293-1.08-.076a7.5%207.5%200%200%201-.867-1.757c-.156-.46.21-.909.696-.909m11.931-5.11c.339-.338.905-.287%201.127.138c.47.899.764%201.905.834%202.972a8%208%200%200%200-1.494.143a6%206%200%200%200-.602-2.286c-.157-.321-.118-.713.135-.966M1.85%205.029c.222-.425.787-.475%201.126-.137c.253.253.293.645.136.966a6%206%200%200%200-.495%201.454c-.078.385-.4.69-.793.69c-.437%200-.788-.372-.712-.803c.135-.77.387-1.5.738-2.17m4.794-3.796c.447-.114.856.244.856.706c0%20.372-.272.685-.63.786a6%206%200%200%200-1.578.705c-.328.207-.76.188-1.035-.086c-.314-.314-.294-.833.076-1.08a7.5%207.5%200%200%201%202.311-1.031m2.856.706c0-.462.407-.82.854-.706a7.5%207.5%200%200%201%202.312%201.03c.369.248.39.767.076%201.081c-.274.274-.707.293-1.035.086a6%206%200%200%200-1.578-.705c-.358-.101-.63-.414-.63-.786%22%2F%3E%3Ccircle%20cx%3D%2216%22%20cy%3D%2216%22%20r%3D%227%22%20fill%3D%22url(%23SVGnp415S7J)%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGugCY5bhP)%22%20fill-opacity%3D%22.95%22%20d%3D%22M19.78%2015.03a.75.75%200%201%200-1.061-1.06l-3.22%203.22l-1.72-1.72a.75.75%200%200%200-1.06%201.06l2.25%202.25a.75.75%200%200%200%201.06%200z%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGS2X8wuUu%22%20x1%3D%223.101%22%20x2%3D%2215.55%22%20y1%3D%226.367%22%20y2%3D%2212.376%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%238b52f4%22%2F%3E%3Cstop%20offset%3D%22.395%22%20stop-color%3D%22%236d37cd%22%2F%3E%3Cstop%20offset%3D%22.862%22%20stop-color%3D%22%234b20a0%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGugCY5bhP%22%20x1%3D%2216.94%22%20x2%3D%2212.6%22%20y1%3D%2221.461%22%20y2%3D%2214.818%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.024%22%20stop-color%3D%22%23ffc8d7%22%2F%3E%3Cstop%20offset%3D%22.807%22%20stop-color%3D%22%23fff%22%2F%3E%3C%2FlinearGradient%3E%3CradialGradient%20id%3D%22SVGnp415S7J%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22rotate(40.385%20-8.444%2016.996)scale(18.3797%2015.4237)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23ffc470%22%2F%3E%3Cstop%20offset%3D%22.251%22%20stop-color%3D%22%23ff835c%22%2F%3E%3Cstop%20offset%3D%22.584%22%20stop-color%3D%22%23f24a9d%22%2F%3E%3Cstop%20offset%3D%22.871%22%20stop-color%3D%22%23b339f0%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23c354ff%22%2F%3E%3C%2FradialGradient%3E%3C%2Fdefs%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent-color/circle-multiple-hint-checkmark-24.svg?color=%231a73e8&size=48