circle multiple hint checkmark icon

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

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

4 other variants in Fluent UI System Color Icons

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

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 48 48"><g fill="none"><path fill="url(#SVG2cJMmeyD)" d="M7.702 27.063c.475-.474 1.236-.484 1.773-.08a12.45 12.45 0 0 0 4.624 2.177a17 17 0 0 0-.084 2.542a14.9 14.9 0 0 1-6.244-2.875c-.56-.437-.571-1.261-.069-1.764M17 6.5c4.912 0 9.035 3.374 10.182 7.93A17.02 17.02 0 0 0 14.43 27.183C9.874 26.035 6.5 21.912 6.5 17c0-5.8 4.7-10.5 10.5-10.5M3.419 18.25c.648 0 1.183.494 1.306 1.13a12.4 12.4 0 0 0 1.561 4.064c.322.534.273 1.227-.168 1.668c-.54.54-1.438.483-1.844-.165a14.9 14.9 0 0 1-2.05-5.34c-.127-.726.458-1.357 1.195-1.357m1.29-9.853c.423-.603 1.283-.636 1.805-.115c.457.458.488 1.184.125 1.72a12.4 12.4 0 0 0-1.914 4.619c-.123.636-.658 1.129-1.306 1.129c-.737 0-1.322-.632-1.194-1.358a14.9 14.9 0 0 1 2.484-5.995m22.353-.693c.503-.502 1.327-.49 1.764.07a14.94 14.94 0 0 1 2.875 6.241Q31.352 14.002 31 14q-.934 0-1.842.1a12.45 12.45 0 0 0-2.177-4.624c-.404-.536-.393-1.297.081-1.772M14.394 2.225c.726-.127 1.358.458 1.358 1.195c0 .648-.494 1.183-1.13 1.305a12.4 12.4 0 0 0-4.62 1.915c-.535.362-1.262.332-1.72-.125c-.521-.522-.488-1.382.115-1.805a14.9 14.9 0 0 1 5.997-2.485m5.215.001a14.9 14.9 0 0 1 5.337 2.05c.648.406.705 1.303.164 1.844c-.44.44-1.133.489-1.667.167a12.4 12.4 0 0 0-4.062-1.56c-.636-.123-1.13-.658-1.13-1.306c0-.737.632-1.322 1.358-1.195"/><circle cx="31" cy="31" r="15" fill="url(#SVG7e6Y3KLk)"/><path fill="url(#SVGVUCY6qyV)" fill-opacity=".95" d="M36.616 26.366a1.25 1.25 0 0 1 1.768 1.768l-8.5 8.5a1.25 1.25 0 0 1-1.768 0l-4.5-4.5a1.25 1.25 0 0 1 1.768-1.768L29 33.982z"/><defs><linearGradient id="SVG2cJMmeyD" x1="6.169" x2="30.912" y1="12.503" y2="24.358" gradientUnits="userSpaceOnUse"><stop stop-color="#8b52f4"/><stop offset=".395" stop-color="#6d37cd"/><stop offset=".862" stop-color="#4b20a0"/></linearGradient><linearGradient id="SVGVUCY6qyV" x1="32.428" x2="23.285" y1="42.156" y2="28.352" gradientUnits="userSpaceOnUse"><stop offset=".024" stop-color="#ffc8d7"/><stop offset=".807" stop-color="#fff"/></linearGradient><radialGradient id="SVG7e6Y3KLk" cx="0" cy="0" r="1" gradientTransform="rotate(40.385 -15.27 30.31)scale(39.3851 33.0507)" 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 FluentColorCircleMultipleHintCheckmark48(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="none"><path fill="url(#SVG2cJMmeyD)" d="M7.702 27.063c.475-.474 1.236-.484 1.773-.08a12.45 12.45 0 0 0 4.624 2.177a17 17 0 0 0-.084 2.542a14.9 14.9 0 0 1-6.244-2.875c-.56-.437-.571-1.261-.069-1.764M17 6.5c4.912 0 9.035 3.374 10.182 7.93A17.02 17.02 0 0 0 14.43 27.183C9.874 26.035 6.5 21.912 6.5 17c0-5.8 4.7-10.5 10.5-10.5M3.419 18.25c.648 0 1.183.494 1.306 1.13a12.4 12.4 0 0 0 1.561 4.064c.322.534.273 1.227-.168 1.668c-.54.54-1.438.483-1.844-.165a14.9 14.9 0 0 1-2.05-5.34c-.127-.726.458-1.357 1.195-1.357m1.29-9.853c.423-.603 1.283-.636 1.805-.115c.457.458.488 1.184.125 1.72a12.4 12.4 0 0 0-1.914 4.619c-.123.636-.658 1.129-1.306 1.129c-.737 0-1.322-.632-1.194-1.358a14.9 14.9 0 0 1 2.484-5.995m22.353-.693c.503-.502 1.327-.49 1.764.07a14.94 14.94 0 0 1 2.875 6.241Q31.352 14.002 31 14q-.934 0-1.842.1a12.45 12.45 0 0 0-2.177-4.624c-.404-.536-.393-1.297.081-1.772M14.394 2.225c.726-.127 1.358.458 1.358 1.195c0 .648-.494 1.183-1.13 1.305a12.4 12.4 0 0 0-4.62 1.915c-.535.362-1.262.332-1.72-.125c-.521-.522-.488-1.382.115-1.805a14.9 14.9 0 0 1 5.997-2.485m5.215.001a14.9 14.9 0 0 1 5.337 2.05c.648.406.705 1.303.164 1.844c-.44.44-1.133.489-1.667.167a12.4 12.4 0 0 0-4.062-1.56c-.636-.123-1.13-.658-1.13-1.306c0-.737.632-1.322 1.358-1.195"/><circle cx="31" cy="31" r="15" fill="url(#SVG7e6Y3KLk)"/><path fill="url(#SVGVUCY6qyV)" fillOpacity=".95" d="M36.616 26.366a1.25 1.25 0 0 1 1.768 1.768l-8.5 8.5a1.25 1.25 0 0 1-1.768 0l-4.5-4.5a1.25 1.25 0 0 1 1.768-1.768L29 33.982z"/><defs><linearGradient id="SVG2cJMmeyD" x1="6.169" x2="30.912" y1="12.503" y2="24.358" gradientUnits="userSpaceOnUse"><stop stopColor="#8b52f4"/><stop offset=".395" stopColor="#6d37cd"/><stop offset=".862" stopColor="#4b20a0"/></linearGradient><linearGradient id="SVGVUCY6qyV" x1="32.428" x2="23.285" y1="42.156" y2="28.352" gradientUnits="userSpaceOnUse"><stop offset=".024" stopColor="#ffc8d7"/><stop offset=".807" stopColor="#fff"/></linearGradient><radialGradient id="SVG7e6Y3KLk" cx="0" cy="0" r="1" gradientTransform="rotate(40.385 -15.27 30.31)scale(39.3851 33.0507)" 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 48 48"><g fill="none"><path fill="url(#SVG2cJMmeyD)" d="M7.702 27.063c.475-.474 1.236-.484 1.773-.08a12.45 12.45 0 0 0 4.624 2.177a17 17 0 0 0-.084 2.542a14.9 14.9 0 0 1-6.244-2.875c-.56-.437-.571-1.261-.069-1.764M17 6.5c4.912 0 9.035 3.374 10.182 7.93A17.02 17.02 0 0 0 14.43 27.183C9.874 26.035 6.5 21.912 6.5 17c0-5.8 4.7-10.5 10.5-10.5M3.419 18.25c.648 0 1.183.494 1.306 1.13a12.4 12.4 0 0 0 1.561 4.064c.322.534.273 1.227-.168 1.668c-.54.54-1.438.483-1.844-.165a14.9 14.9 0 0 1-2.05-5.34c-.127-.726.458-1.357 1.195-1.357m1.29-9.853c.423-.603 1.283-.636 1.805-.115c.457.458.488 1.184.125 1.72a12.4 12.4 0 0 0-1.914 4.619c-.123.636-.658 1.129-1.306 1.129c-.737 0-1.322-.632-1.194-1.358a14.9 14.9 0 0 1 2.484-5.995m22.353-.693c.503-.502 1.327-.49 1.764.07a14.94 14.94 0 0 1 2.875 6.241Q31.352 14.002 31 14q-.934 0-1.842.1a12.45 12.45 0 0 0-2.177-4.624c-.404-.536-.393-1.297.081-1.772M14.394 2.225c.726-.127 1.358.458 1.358 1.195c0 .648-.494 1.183-1.13 1.305a12.4 12.4 0 0 0-4.62 1.915c-.535.362-1.262.332-1.72-.125c-.521-.522-.488-1.382.115-1.805a14.9 14.9 0 0 1 5.997-2.485m5.215.001a14.9 14.9 0 0 1 5.337 2.05c.648.406.705 1.303.164 1.844c-.44.44-1.133.489-1.667.167a12.4 12.4 0 0 0-4.062-1.56c-.636-.123-1.13-.658-1.13-1.306c0-.737.632-1.322 1.358-1.195"/><circle cx="31" cy="31" r="15" fill="url(#SVG7e6Y3KLk)"/><path fill="url(#SVGVUCY6qyV)" fill-opacity=".95" d="M36.616 26.366a1.25 1.25 0 0 1 1.768 1.768l-8.5 8.5a1.25 1.25 0 0 1-1.768 0l-4.5-4.5a1.25 1.25 0 0 1 1.768-1.768L29 33.982z"/><defs><linearGradient id="SVG2cJMmeyD" x1="6.169" x2="30.912" y1="12.503" y2="24.358" gradientUnits="userSpaceOnUse"><stop stop-color="#8b52f4"/><stop offset=".395" stop-color="#6d37cd"/><stop offset=".862" stop-color="#4b20a0"/></linearGradient><linearGradient id="SVGVUCY6qyV" x1="32.428" x2="23.285" y1="42.156" y2="28.352" gradientUnits="userSpaceOnUse"><stop offset=".024" stop-color="#ffc8d7"/><stop offset=".807" stop-color="#fff"/></linearGradient><radialGradient id="SVG7e6Y3KLk" cx="0" cy="0" r="1" gradientTransform="rotate(40.385 -15.27 30.31)scale(39.3851 33.0507)" 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-48 {
  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%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22url(%23SVG2cJMmeyD)%22%20d%3D%22M7.702%2027.063c.475-.474%201.236-.484%201.773-.08a12.45%2012.45%200%200%200%204.624%202.177a17%2017%200%200%200-.084%202.542a14.9%2014.9%200%200%201-6.244-2.875c-.56-.437-.571-1.261-.069-1.764M17%206.5c4.912%200%209.035%203.374%2010.182%207.93A17.02%2017.02%200%200%200%2014.43%2027.183C9.874%2026.035%206.5%2021.912%206.5%2017c0-5.8%204.7-10.5%2010.5-10.5M3.419%2018.25c.648%200%201.183.494%201.306%201.13a12.4%2012.4%200%200%200%201.561%204.064c.322.534.273%201.227-.168%201.668c-.54.54-1.438.483-1.844-.165a14.9%2014.9%200%200%201-2.05-5.34c-.127-.726.458-1.357%201.195-1.357m1.29-9.853c.423-.603%201.283-.636%201.805-.115c.457.458.488%201.184.125%201.72a12.4%2012.4%200%200%200-1.914%204.619c-.123.636-.658%201.129-1.306%201.129c-.737%200-1.322-.632-1.194-1.358a14.9%2014.9%200%200%201%202.484-5.995m22.353-.693c.503-.502%201.327-.49%201.764.07a14.94%2014.94%200%200%201%202.875%206.241Q31.352%2014.002%2031%2014q-.934%200-1.842.1a12.45%2012.45%200%200%200-2.177-4.624c-.404-.536-.393-1.297.081-1.772M14.394%202.225c.726-.127%201.358.458%201.358%201.195c0%20.648-.494%201.183-1.13%201.305a12.4%2012.4%200%200%200-4.62%201.915c-.535.362-1.262.332-1.72-.125c-.521-.522-.488-1.382.115-1.805a14.9%2014.9%200%200%201%205.997-2.485m5.215.001a14.9%2014.9%200%200%201%205.337%202.05c.648.406.705%201.303.164%201.844c-.44.44-1.133.489-1.667.167a12.4%2012.4%200%200%200-4.062-1.56c-.636-.123-1.13-.658-1.13-1.306c0-.737.632-1.322%201.358-1.195%22%2F%3E%3Ccircle%20cx%3D%2231%22%20cy%3D%2231%22%20r%3D%2215%22%20fill%3D%22url(%23SVG7e6Y3KLk)%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGVUCY6qyV)%22%20fill-opacity%3D%22.95%22%20d%3D%22M36.616%2026.366a1.25%201.25%200%200%201%201.768%201.768l-8.5%208.5a1.25%201.25%200%200%201-1.768%200l-4.5-4.5a1.25%201.25%200%200%201%201.768-1.768L29%2033.982z%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVG2cJMmeyD%22%20x1%3D%226.169%22%20x2%3D%2230.912%22%20y1%3D%2212.503%22%20y2%3D%2224.358%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%22SVGVUCY6qyV%22%20x1%3D%2232.428%22%20x2%3D%2223.285%22%20y1%3D%2242.156%22%20y2%3D%2228.352%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%22SVG7e6Y3KLk%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22rotate(40.385%20-15.27%2030.31)scale(39.3851%2033.0507)%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%2048%2048%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22url(%23SVG2cJMmeyD)%22%20d%3D%22M7.702%2027.063c.475-.474%201.236-.484%201.773-.08a12.45%2012.45%200%200%200%204.624%202.177a17%2017%200%200%200-.084%202.542a14.9%2014.9%200%200%201-6.244-2.875c-.56-.437-.571-1.261-.069-1.764M17%206.5c4.912%200%209.035%203.374%2010.182%207.93A17.02%2017.02%200%200%200%2014.43%2027.183C9.874%2026.035%206.5%2021.912%206.5%2017c0-5.8%204.7-10.5%2010.5-10.5M3.419%2018.25c.648%200%201.183.494%201.306%201.13a12.4%2012.4%200%200%200%201.561%204.064c.322.534.273%201.227-.168%201.668c-.54.54-1.438.483-1.844-.165a14.9%2014.9%200%200%201-2.05-5.34c-.127-.726.458-1.357%201.195-1.357m1.29-9.853c.423-.603%201.283-.636%201.805-.115c.457.458.488%201.184.125%201.72a12.4%2012.4%200%200%200-1.914%204.619c-.123.636-.658%201.129-1.306%201.129c-.737%200-1.322-.632-1.194-1.358a14.9%2014.9%200%200%201%202.484-5.995m22.353-.693c.503-.502%201.327-.49%201.764.07a14.94%2014.94%200%200%201%202.875%206.241Q31.352%2014.002%2031%2014q-.934%200-1.842.1a12.45%2012.45%200%200%200-2.177-4.624c-.404-.536-.393-1.297.081-1.772M14.394%202.225c.726-.127%201.358.458%201.358%201.195c0%20.648-.494%201.183-1.13%201.305a12.4%2012.4%200%200%200-4.62%201.915c-.535.362-1.262.332-1.72-.125c-.521-.522-.488-1.382.115-1.805a14.9%2014.9%200%200%201%205.997-2.485m5.215.001a14.9%2014.9%200%200%201%205.337%202.05c.648.406.705%201.303.164%201.844c-.44.44-1.133.489-1.667.167a12.4%2012.4%200%200%200-4.062-1.56c-.636-.123-1.13-.658-1.13-1.306c0-.737.632-1.322%201.358-1.195%22%2F%3E%3Ccircle%20cx%3D%2231%22%20cy%3D%2231%22%20r%3D%2215%22%20fill%3D%22url(%23SVG7e6Y3KLk)%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGVUCY6qyV)%22%20fill-opacity%3D%22.95%22%20d%3D%22M36.616%2026.366a1.25%201.25%200%200%201%201.768%201.768l-8.5%208.5a1.25%201.25%200%200%201-1.768%200l-4.5-4.5a1.25%201.25%200%200%201%201.768-1.768L29%2033.982z%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVG2cJMmeyD%22%20x1%3D%226.169%22%20x2%3D%2230.912%22%20y1%3D%2212.503%22%20y2%3D%2224.358%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%22SVGVUCY6qyV%22%20x1%3D%2232.428%22%20x2%3D%2223.285%22%20y1%3D%2242.156%22%20y2%3D%2228.352%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%22SVG7e6Y3KLk%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22rotate(40.385%20-15.27%2030.31)scale(39.3851%2033.0507)%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-48.svg?color=%231a73e8&size=48