circle multiple hint checkmark icon
circle-multiple-hint-checkmark-28 from Fluent UI System Color Icons by Microsoft Corporation · 28 · MIT Free for personal and commercial use.
- Name
- circle-multiple-hint-checkmark-28
- Set
- Fluent UI System Color Icons
- Style
- 28
- Viewbox
- 28×28
- License
- MIT
4 other variants in Fluent UI System Color Icons
The same icon in other sets
Use the circle multiple hint checkmark icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 28 28"><g fill="none"><path fill="url(#SVGF64MCbiZ)" d="M4.69 15.625a.75.75 0 0 1 1.036-.229a7 7 0 0 0 2.247.937l.038.01l.033.006q.57.12 1.169.145a9.5 9.5 0 0 0-.2 1.492a8.5 8.5 0 0 1-1.37-.19a8.6 8.6 0 0 1-2.725-1.135a.75.75 0 0 1-.228-1.036M9.5 3.5a6 6 0 0 1 6 5.985A9.52 9.52 0 0 0 9.485 15.5a6 6 0 0 1 .015-12m-7.731 6.93a.75.75 0 0 1 .893.571c.176.797.49 1.56.927 2.249a.75.75 0 0 1-1.268.803a8.6 8.6 0 0 1-1.124-2.729a.75.75 0 0 1 .572-.894m13.876-5.714a.75.75 0 0 1 1.035.232c.53.837.91 1.762 1.123 2.729l.004.014l.01.042q.132.627.17 1.28a9.5 9.5 0 0 0-1.493.2q-.024-.6-.145-1.17l-.002-.008l-.01-.035a7 7 0 0 0-.925-2.249a.75.75 0 0 1 .233-1.035M2.34 4.918a.75.75 0 1 1 1.264.808a7 7 0 0 0-.936 2.247a.75.75 0 0 1-1.464-.33A8.6 8.6 0 0 1 2.34 4.918m8.121-3.147a.75.75 0 0 1 .896-.567a8.6 8.6 0 0 1 2.725 1.136a.75.75 0 0 1-.807 1.264a7 7 0 0 0-2.247-.936a.75.75 0 0 1-.567-.897m-2.784-.574A.75.75 0 0 1 8 2.662a7 7 0 0 0-2.25.927a.75.75 0 0 1-.802-1.268a8.5 8.5 0 0 1 2.729-1.124"/><circle cx="18.5" cy="18.5" r="8.5" fill="url(#SVGaf9I5dpX)"/><path fill="url(#SVGYtJcGdRl)" fill-opacity=".95" d="M22.78 15.72a.75.75 0 0 1 0 1.06l-4.75 4.75a.75.75 0 0 1-1.06 0l-2.75-2.75a.75.75 0 1 1 1.06-1.06l2.22 2.22l4.22-4.22a.75.75 0 0 1 1.06 0"/><defs><linearGradient id="SVGF64MCbiZ" x1="3.437" x2="17.537" y1="7.046" y2="13.801" gradientUnits="userSpaceOnUse"><stop stop-color="#8b52f4"/><stop offset=".395" stop-color="#6d37cd"/><stop offset=".862" stop-color="#4b20a0"/></linearGradient><linearGradient id="SVGYtJcGdRl" x1="19.329" x2="14.179" y1="24.68" y2="16.733" gradientUnits="userSpaceOnUse"><stop offset=".024" stop-color="#ffc8d7"/><stop offset=".807" stop-color="#fff"/></linearGradient><radialGradient id="SVGaf9I5dpX" cx="0" cy="0" r="1" gradientTransform="rotate(40.385 -9.455 18.912)scale(22.3182 18.7287)" 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 FluentColorCircleMultipleHintCheckmark28(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 28 28"><g fill="none"><path fill="url(#SVGF64MCbiZ)" d="M4.69 15.625a.75.75 0 0 1 1.036-.229a7 7 0 0 0 2.247.937l.038.01l.033.006q.57.12 1.169.145a9.5 9.5 0 0 0-.2 1.492a8.5 8.5 0 0 1-1.37-.19a8.6 8.6 0 0 1-2.725-1.135a.75.75 0 0 1-.228-1.036M9.5 3.5a6 6 0 0 1 6 5.985A9.52 9.52 0 0 0 9.485 15.5a6 6 0 0 1 .015-12m-7.731 6.93a.75.75 0 0 1 .893.571c.176.797.49 1.56.927 2.249a.75.75 0 0 1-1.268.803a8.6 8.6 0 0 1-1.124-2.729a.75.75 0 0 1 .572-.894m13.876-5.714a.75.75 0 0 1 1.035.232c.53.837.91 1.762 1.123 2.729l.004.014l.01.042q.132.627.17 1.28a9.5 9.5 0 0 0-1.493.2q-.024-.6-.145-1.17l-.002-.008l-.01-.035a7 7 0 0 0-.925-2.249a.75.75 0 0 1 .233-1.035M2.34 4.918a.75.75 0 1 1 1.264.808a7 7 0 0 0-.936 2.247a.75.75 0 0 1-1.464-.33A8.6 8.6 0 0 1 2.34 4.918m8.121-3.147a.75.75 0 0 1 .896-.567a8.6 8.6 0 0 1 2.725 1.136a.75.75 0 0 1-.807 1.264a7 7 0 0 0-2.247-.936a.75.75 0 0 1-.567-.897m-2.784-.574A.75.75 0 0 1 8 2.662a7 7 0 0 0-2.25.927a.75.75 0 0 1-.802-1.268a8.5 8.5 0 0 1 2.729-1.124"/><circle cx="18.5" cy="18.5" r="8.5" fill="url(#SVGaf9I5dpX)"/><path fill="url(#SVGYtJcGdRl)" fillOpacity=".95" d="M22.78 15.72a.75.75 0 0 1 0 1.06l-4.75 4.75a.75.75 0 0 1-1.06 0l-2.75-2.75a.75.75 0 1 1 1.06-1.06l2.22 2.22l4.22-4.22a.75.75 0 0 1 1.06 0"/><defs><linearGradient id="SVGF64MCbiZ" x1="3.437" x2="17.537" y1="7.046" y2="13.801" gradientUnits="userSpaceOnUse"><stop stopColor="#8b52f4"/><stop offset=".395" stopColor="#6d37cd"/><stop offset=".862" stopColor="#4b20a0"/></linearGradient><linearGradient id="SVGYtJcGdRl" x1="19.329" x2="14.179" y1="24.68" y2="16.733" gradientUnits="userSpaceOnUse"><stop offset=".024" stopColor="#ffc8d7"/><stop offset=".807" stopColor="#fff"/></linearGradient><radialGradient id="SVGaf9I5dpX" cx="0" cy="0" r="1" gradientTransform="rotate(40.385 -9.455 18.912)scale(22.3182 18.7287)" 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 28 28"><g fill="none"><path fill="url(#SVGF64MCbiZ)" d="M4.69 15.625a.75.75 0 0 1 1.036-.229a7 7 0 0 0 2.247.937l.038.01l.033.006q.57.12 1.169.145a9.5 9.5 0 0 0-.2 1.492a8.5 8.5 0 0 1-1.37-.19a8.6 8.6 0 0 1-2.725-1.135a.75.75 0 0 1-.228-1.036M9.5 3.5a6 6 0 0 1 6 5.985A9.52 9.52 0 0 0 9.485 15.5a6 6 0 0 1 .015-12m-7.731 6.93a.75.75 0 0 1 .893.571c.176.797.49 1.56.927 2.249a.75.75 0 0 1-1.268.803a8.6 8.6 0 0 1-1.124-2.729a.75.75 0 0 1 .572-.894m13.876-5.714a.75.75 0 0 1 1.035.232c.53.837.91 1.762 1.123 2.729l.004.014l.01.042q.132.627.17 1.28a9.5 9.5 0 0 0-1.493.2q-.024-.6-.145-1.17l-.002-.008l-.01-.035a7 7 0 0 0-.925-2.249a.75.75 0 0 1 .233-1.035M2.34 4.918a.75.75 0 1 1 1.264.808a7 7 0 0 0-.936 2.247a.75.75 0 0 1-1.464-.33A8.6 8.6 0 0 1 2.34 4.918m8.121-3.147a.75.75 0 0 1 .896-.567a8.6 8.6 0 0 1 2.725 1.136a.75.75 0 0 1-.807 1.264a7 7 0 0 0-2.247-.936a.75.75 0 0 1-.567-.897m-2.784-.574A.75.75 0 0 1 8 2.662a7 7 0 0 0-2.25.927a.75.75 0 0 1-.802-1.268a8.5 8.5 0 0 1 2.729-1.124"/><circle cx="18.5" cy="18.5" r="8.5" fill="url(#SVGaf9I5dpX)"/><path fill="url(#SVGYtJcGdRl)" fill-opacity=".95" d="M22.78 15.72a.75.75 0 0 1 0 1.06l-4.75 4.75a.75.75 0 0 1-1.06 0l-2.75-2.75a.75.75 0 1 1 1.06-1.06l2.22 2.22l4.22-4.22a.75.75 0 0 1 1.06 0"/><defs><linearGradient id="SVGF64MCbiZ" x1="3.437" x2="17.537" y1="7.046" y2="13.801" gradientUnits="userSpaceOnUse"><stop stop-color="#8b52f4"/><stop offset=".395" stop-color="#6d37cd"/><stop offset=".862" stop-color="#4b20a0"/></linearGradient><linearGradient id="SVGYtJcGdRl" x1="19.329" x2="14.179" y1="24.68" y2="16.733" gradientUnits="userSpaceOnUse"><stop offset=".024" stop-color="#ffc8d7"/><stop offset=".807" stop-color="#fff"/></linearGradient><radialGradient id="SVGaf9I5dpX" cx="0" cy="0" r="1" gradientTransform="rotate(40.385 -9.455 18.912)scale(22.3182 18.7287)" 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-28 {
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%2028%2028%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22url(%23SVGF64MCbiZ)%22%20d%3D%22M4.69%2015.625a.75.75%200%200%201%201.036-.229a7%207%200%200%200%202.247.937l.038.01l.033.006q.57.12%201.169.145a9.5%209.5%200%200%200-.2%201.492a8.5%208.5%200%200%201-1.37-.19a8.6%208.6%200%200%201-2.725-1.135a.75.75%200%200%201-.228-1.036M9.5%203.5a6%206%200%200%201%206%205.985A9.52%209.52%200%200%200%209.485%2015.5a6%206%200%200%201%20.015-12m-7.731%206.93a.75.75%200%200%201%20.893.571c.176.797.49%201.56.927%202.249a.75.75%200%200%201-1.268.803a8.6%208.6%200%200%201-1.124-2.729a.75.75%200%200%201%20.572-.894m13.876-5.714a.75.75%200%200%201%201.035.232c.53.837.91%201.762%201.123%202.729l.004.014l.01.042q.132.627.17%201.28a9.5%209.5%200%200%200-1.493.2q-.024-.6-.145-1.17l-.002-.008l-.01-.035a7%207%200%200%200-.925-2.249a.75.75%200%200%201%20.233-1.035M2.34%204.918a.75.75%200%201%201%201.264.808a7%207%200%200%200-.936%202.247a.75.75%200%200%201-1.464-.33A8.6%208.6%200%200%201%202.34%204.918m8.121-3.147a.75.75%200%200%201%20.896-.567a8.6%208.6%200%200%201%202.725%201.136a.75.75%200%200%201-.807%201.264a7%207%200%200%200-2.247-.936a.75.75%200%200%201-.567-.897m-2.784-.574A.75.75%200%200%201%208%202.662a7%207%200%200%200-2.25.927a.75.75%200%200%201-.802-1.268a8.5%208.5%200%200%201%202.729-1.124%22%2F%3E%3Ccircle%20cx%3D%2218.5%22%20cy%3D%2218.5%22%20r%3D%228.5%22%20fill%3D%22url(%23SVGaf9I5dpX)%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGYtJcGdRl)%22%20fill-opacity%3D%22.95%22%20d%3D%22M22.78%2015.72a.75.75%200%200%201%200%201.06l-4.75%204.75a.75.75%200%200%201-1.06%200l-2.75-2.75a.75.75%200%201%201%201.06-1.06l2.22%202.22l4.22-4.22a.75.75%200%200%201%201.06%200%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGF64MCbiZ%22%20x1%3D%223.437%22%20x2%3D%2217.537%22%20y1%3D%227.046%22%20y2%3D%2213.801%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%22SVGYtJcGdRl%22%20x1%3D%2219.329%22%20x2%3D%2214.179%22%20y1%3D%2224.68%22%20y2%3D%2216.733%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%22SVGaf9I5dpX%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22rotate(40.385%20-9.455%2018.912)scale(22.3182%2018.7287)%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%2028%2028%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22url(%23SVGF64MCbiZ)%22%20d%3D%22M4.69%2015.625a.75.75%200%200%201%201.036-.229a7%207%200%200%200%202.247.937l.038.01l.033.006q.57.12%201.169.145a9.5%209.5%200%200%200-.2%201.492a8.5%208.5%200%200%201-1.37-.19a8.6%208.6%200%200%201-2.725-1.135a.75.75%200%200%201-.228-1.036M9.5%203.5a6%206%200%200%201%206%205.985A9.52%209.52%200%200%200%209.485%2015.5a6%206%200%200%201%20.015-12m-7.731%206.93a.75.75%200%200%201%20.893.571c.176.797.49%201.56.927%202.249a.75.75%200%200%201-1.268.803a8.6%208.6%200%200%201-1.124-2.729a.75.75%200%200%201%20.572-.894m13.876-5.714a.75.75%200%200%201%201.035.232c.53.837.91%201.762%201.123%202.729l.004.014l.01.042q.132.627.17%201.28a9.5%209.5%200%200%200-1.493.2q-.024-.6-.145-1.17l-.002-.008l-.01-.035a7%207%200%200%200-.925-2.249a.75.75%200%200%201%20.233-1.035M2.34%204.918a.75.75%200%201%201%201.264.808a7%207%200%200%200-.936%202.247a.75.75%200%200%201-1.464-.33A8.6%208.6%200%200%201%202.34%204.918m8.121-3.147a.75.75%200%200%201%20.896-.567a8.6%208.6%200%200%201%202.725%201.136a.75.75%200%200%201-.807%201.264a7%207%200%200%200-2.247-.936a.75.75%200%200%201-.567-.897m-2.784-.574A.75.75%200%200%201%208%202.662a7%207%200%200%200-2.25.927a.75.75%200%200%201-.802-1.268a8.5%208.5%200%200%201%202.729-1.124%22%2F%3E%3Ccircle%20cx%3D%2218.5%22%20cy%3D%2218.5%22%20r%3D%228.5%22%20fill%3D%22url(%23SVGaf9I5dpX)%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGYtJcGdRl)%22%20fill-opacity%3D%22.95%22%20d%3D%22M22.78%2015.72a.75.75%200%200%201%200%201.06l-4.75%204.75a.75.75%200%200%201-1.06%200l-2.75-2.75a.75.75%200%201%201%201.06-1.06l2.22%202.22l4.22-4.22a.75.75%200%200%201%201.06%200%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGF64MCbiZ%22%20x1%3D%223.437%22%20x2%3D%2217.537%22%20y1%3D%227.046%22%20y2%3D%2213.801%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%22SVGYtJcGdRl%22%20x1%3D%2219.329%22%20x2%3D%2214.179%22%20y1%3D%2224.68%22%20y2%3D%2216.733%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%22SVGaf9I5dpX%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22rotate(40.385%20-9.455%2018.912)scale(22.3182%2018.7287)%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-28.svg?color=%231a73e8&size=48
