circle multiple hint checkmark icon
circle-multiple-hint-checkmark-32 from Fluent UI System Color Icons by Microsoft Corporation · 32 · MIT Free for personal and commercial use.
- Name
- circle-multiple-hint-checkmark-32
- Set
- Fluent UI System Color Icons
- Style
- 32
- Viewbox
- 32×32
- 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 32 32"><g fill="none"><path fill="url(#SVGTOYEueUR)" d="M5.32 18.058a1 1 0 0 1 1.38-.309a8.1 8.1 0 0 0 2.992 1.145q-.181.972-.192 1.995a10 10 0 0 1-2.382-.673a10 10 0 0 1-1.49-.779a1 1 0 0 1-.308-1.38M11 4.5a6.5 6.5 0 0 1 6.432 5.566a11.53 11.53 0 0 0-7.366 7.366A6.5 6.5 0 0 1 11 4.5m-9.007 7.476a1 1 0 0 1 1.194.758a8 8 0 0 0 1.012 2.484a1 1 0 0 1-1.7 1.052a10 10 0 0 1-1.264-3.1a1 1 0 0 1 .758-1.194M2.56 5.63a1 1 0 0 1 1.689 1.071a8 8 0 0 0-1.042 2.474a1 1 0 1 1-1.946-.458A10 10 0 0 1 2.559 5.63m15.56-.227a1 1 0 0 1 1.377.324a10 10 0 0 1 1.264 3.101q.018.086.023.171h.013q.051.249.09.5a11.6 11.6 0 0 0-1.995.192a8 8 0 0 0-1.095-2.912a1 1 0 0 1 .323-1.376m-6.043-3.398a1 1 0 0 1 1.203-.744a10 10 0 0 1 3.087 1.299a1 1 0 0 1-1.072 1.689a8 8 0 0 0-2.474-1.042a1 1 0 0 1-.744-1.202m-3.249-.769a1 1 0 1 1 .436 1.951A8 8 0 0 0 6.778 4.2a1 1 0 0 1-1.052-1.7a10 10 0 0 1 3.101-1.264"/><circle cx="21" cy="21" r="10" fill="url(#SVGBYIS7blC)"/><path fill="url(#SVGFVzZwbbW)" fill-opacity=".95" d="M26.207 19.207a1 1 0 0 0-1.414-1.414L20 22.586l-2.293-2.293a1 1 0 0 0-1.414 1.414l3 3a1 1 0 0 0 1.414 0z"/><defs><linearGradient id="SVGTOYEueUR" x1="3.854" x2="20.36" y1="8.081" y2="15.989" gradientUnits="userSpaceOnUse"><stop stop-color="#8b52f4"/><stop offset=".395" stop-color="#6d37cd"/><stop offset=".862" stop-color="#4b20a0"/></linearGradient><linearGradient id="SVGFVzZwbbW" x1="22.217" x2="15.967" y1="28.516" y2="19.141" gradientUnits="userSpaceOnUse"><stop offset=".024" stop-color="#ffc8d7"/><stop offset=".807" stop-color="#fff"/></linearGradient><radialGradient id="SVGBYIS7blC" cx="0" cy="0" r="1" gradientTransform="rotate(40.385 -10.467 20.827)scale(26.2567 22.0338)" 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 FluentColorCircleMultipleHintCheckmark32(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="url(#SVGTOYEueUR)" d="M5.32 18.058a1 1 0 0 1 1.38-.309a8.1 8.1 0 0 0 2.992 1.145q-.181.972-.192 1.995a10 10 0 0 1-2.382-.673a10 10 0 0 1-1.49-.779a1 1 0 0 1-.308-1.38M11 4.5a6.5 6.5 0 0 1 6.432 5.566a11.53 11.53 0 0 0-7.366 7.366A6.5 6.5 0 0 1 11 4.5m-9.007 7.476a1 1 0 0 1 1.194.758a8 8 0 0 0 1.012 2.484a1 1 0 0 1-1.7 1.052a10 10 0 0 1-1.264-3.1a1 1 0 0 1 .758-1.194M2.56 5.63a1 1 0 0 1 1.689 1.071a8 8 0 0 0-1.042 2.474a1 1 0 1 1-1.946-.458A10 10 0 0 1 2.559 5.63m15.56-.227a1 1 0 0 1 1.377.324a10 10 0 0 1 1.264 3.101q.018.086.023.171h.013q.051.249.09.5a11.6 11.6 0 0 0-1.995.192a8 8 0 0 0-1.095-2.912a1 1 0 0 1 .323-1.376m-6.043-3.398a1 1 0 0 1 1.203-.744a10 10 0 0 1 3.087 1.299a1 1 0 0 1-1.072 1.689a8 8 0 0 0-2.474-1.042a1 1 0 0 1-.744-1.202m-3.249-.769a1 1 0 1 1 .436 1.951A8 8 0 0 0 6.778 4.2a1 1 0 0 1-1.052-1.7a10 10 0 0 1 3.101-1.264"/><circle cx="21" cy="21" r="10" fill="url(#SVGBYIS7blC)"/><path fill="url(#SVGFVzZwbbW)" fillOpacity=".95" d="M26.207 19.207a1 1 0 0 0-1.414-1.414L20 22.586l-2.293-2.293a1 1 0 0 0-1.414 1.414l3 3a1 1 0 0 0 1.414 0z"/><defs><linearGradient id="SVGTOYEueUR" x1="3.854" x2="20.36" y1="8.081" y2="15.989" gradientUnits="userSpaceOnUse"><stop stopColor="#8b52f4"/><stop offset=".395" stopColor="#6d37cd"/><stop offset=".862" stopColor="#4b20a0"/></linearGradient><linearGradient id="SVGFVzZwbbW" x1="22.217" x2="15.967" y1="28.516" y2="19.141" gradientUnits="userSpaceOnUse"><stop offset=".024" stopColor="#ffc8d7"/><stop offset=".807" stopColor="#fff"/></linearGradient><radialGradient id="SVGBYIS7blC" cx="0" cy="0" r="1" gradientTransform="rotate(40.385 -10.467 20.827)scale(26.2567 22.0338)" 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 32 32"><g fill="none"><path fill="url(#SVGTOYEueUR)" d="M5.32 18.058a1 1 0 0 1 1.38-.309a8.1 8.1 0 0 0 2.992 1.145q-.181.972-.192 1.995a10 10 0 0 1-2.382-.673a10 10 0 0 1-1.49-.779a1 1 0 0 1-.308-1.38M11 4.5a6.5 6.5 0 0 1 6.432 5.566a11.53 11.53 0 0 0-7.366 7.366A6.5 6.5 0 0 1 11 4.5m-9.007 7.476a1 1 0 0 1 1.194.758a8 8 0 0 0 1.012 2.484a1 1 0 0 1-1.7 1.052a10 10 0 0 1-1.264-3.1a1 1 0 0 1 .758-1.194M2.56 5.63a1 1 0 0 1 1.689 1.071a8 8 0 0 0-1.042 2.474a1 1 0 1 1-1.946-.458A10 10 0 0 1 2.559 5.63m15.56-.227a1 1 0 0 1 1.377.324a10 10 0 0 1 1.264 3.101q.018.086.023.171h.013q.051.249.09.5a11.6 11.6 0 0 0-1.995.192a8 8 0 0 0-1.095-2.912a1 1 0 0 1 .323-1.376m-6.043-3.398a1 1 0 0 1 1.203-.744a10 10 0 0 1 3.087 1.299a1 1 0 0 1-1.072 1.689a8 8 0 0 0-2.474-1.042a1 1 0 0 1-.744-1.202m-3.249-.769a1 1 0 1 1 .436 1.951A8 8 0 0 0 6.778 4.2a1 1 0 0 1-1.052-1.7a10 10 0 0 1 3.101-1.264"/><circle cx="21" cy="21" r="10" fill="url(#SVGBYIS7blC)"/><path fill="url(#SVGFVzZwbbW)" fill-opacity=".95" d="M26.207 19.207a1 1 0 0 0-1.414-1.414L20 22.586l-2.293-2.293a1 1 0 0 0-1.414 1.414l3 3a1 1 0 0 0 1.414 0z"/><defs><linearGradient id="SVGTOYEueUR" x1="3.854" x2="20.36" y1="8.081" y2="15.989" gradientUnits="userSpaceOnUse"><stop stop-color="#8b52f4"/><stop offset=".395" stop-color="#6d37cd"/><stop offset=".862" stop-color="#4b20a0"/></linearGradient><linearGradient id="SVGFVzZwbbW" x1="22.217" x2="15.967" y1="28.516" y2="19.141" gradientUnits="userSpaceOnUse"><stop offset=".024" stop-color="#ffc8d7"/><stop offset=".807" stop-color="#fff"/></linearGradient><radialGradient id="SVGBYIS7blC" cx="0" cy="0" r="1" gradientTransform="rotate(40.385 -10.467 20.827)scale(26.2567 22.0338)" 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-32 {
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%2032%2032%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22url(%23SVGTOYEueUR)%22%20d%3D%22M5.32%2018.058a1%201%200%200%201%201.38-.309a8.1%208.1%200%200%200%202.992%201.145q-.181.972-.192%201.995a10%2010%200%200%201-2.382-.673a10%2010%200%200%201-1.49-.779a1%201%200%200%201-.308-1.38M11%204.5a6.5%206.5%200%200%201%206.432%205.566a11.53%2011.53%200%200%200-7.366%207.366A6.5%206.5%200%200%201%2011%204.5m-9.007%207.476a1%201%200%200%201%201.194.758a8%208%200%200%200%201.012%202.484a1%201%200%200%201-1.7%201.052a10%2010%200%200%201-1.264-3.1a1%201%200%200%201%20.758-1.194M2.56%205.63a1%201%200%200%201%201.689%201.071a8%208%200%200%200-1.042%202.474a1%201%200%201%201-1.946-.458A10%2010%200%200%201%202.559%205.63m15.56-.227a1%201%200%200%201%201.377.324a10%2010%200%200%201%201.264%203.101q.018.086.023.171h.013q.051.249.09.5a11.6%2011.6%200%200%200-1.995.192a8%208%200%200%200-1.095-2.912a1%201%200%200%201%20.323-1.376m-6.043-3.398a1%201%200%200%201%201.203-.744a10%2010%200%200%201%203.087%201.299a1%201%200%200%201-1.072%201.689a8%208%200%200%200-2.474-1.042a1%201%200%200%201-.744-1.202m-3.249-.769a1%201%200%201%201%20.436%201.951A8%208%200%200%200%206.778%204.2a1%201%200%200%201-1.052-1.7a10%2010%200%200%201%203.101-1.264%22%2F%3E%3Ccircle%20cx%3D%2221%22%20cy%3D%2221%22%20r%3D%2210%22%20fill%3D%22url(%23SVGBYIS7blC)%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGFVzZwbbW)%22%20fill-opacity%3D%22.95%22%20d%3D%22M26.207%2019.207a1%201%200%200%200-1.414-1.414L20%2022.586l-2.293-2.293a1%201%200%200%200-1.414%201.414l3%203a1%201%200%200%200%201.414%200z%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGTOYEueUR%22%20x1%3D%223.854%22%20x2%3D%2220.36%22%20y1%3D%228.081%22%20y2%3D%2215.989%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%22SVGFVzZwbbW%22%20x1%3D%2222.217%22%20x2%3D%2215.967%22%20y1%3D%2228.516%22%20y2%3D%2219.141%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%22SVGBYIS7blC%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22rotate(40.385%20-10.467%2020.827)scale(26.2567%2022.0338)%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%2032%2032%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22url(%23SVGTOYEueUR)%22%20d%3D%22M5.32%2018.058a1%201%200%200%201%201.38-.309a8.1%208.1%200%200%200%202.992%201.145q-.181.972-.192%201.995a10%2010%200%200%201-2.382-.673a10%2010%200%200%201-1.49-.779a1%201%200%200%201-.308-1.38M11%204.5a6.5%206.5%200%200%201%206.432%205.566a11.53%2011.53%200%200%200-7.366%207.366A6.5%206.5%200%200%201%2011%204.5m-9.007%207.476a1%201%200%200%201%201.194.758a8%208%200%200%200%201.012%202.484a1%201%200%200%201-1.7%201.052a10%2010%200%200%201-1.264-3.1a1%201%200%200%201%20.758-1.194M2.56%205.63a1%201%200%200%201%201.689%201.071a8%208%200%200%200-1.042%202.474a1%201%200%201%201-1.946-.458A10%2010%200%200%201%202.559%205.63m15.56-.227a1%201%200%200%201%201.377.324a10%2010%200%200%201%201.264%203.101q.018.086.023.171h.013q.051.249.09.5a11.6%2011.6%200%200%200-1.995.192a8%208%200%200%200-1.095-2.912a1%201%200%200%201%20.323-1.376m-6.043-3.398a1%201%200%200%201%201.203-.744a10%2010%200%200%201%203.087%201.299a1%201%200%200%201-1.072%201.689a8%208%200%200%200-2.474-1.042a1%201%200%200%201-.744-1.202m-3.249-.769a1%201%200%201%201%20.436%201.951A8%208%200%200%200%206.778%204.2a1%201%200%200%201-1.052-1.7a10%2010%200%200%201%203.101-1.264%22%2F%3E%3Ccircle%20cx%3D%2221%22%20cy%3D%2221%22%20r%3D%2210%22%20fill%3D%22url(%23SVGBYIS7blC)%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGFVzZwbbW)%22%20fill-opacity%3D%22.95%22%20d%3D%22M26.207%2019.207a1%201%200%200%200-1.414-1.414L20%2022.586l-2.293-2.293a1%201%200%200%200-1.414%201.414l3%203a1%201%200%200%200%201.414%200z%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGTOYEueUR%22%20x1%3D%223.854%22%20x2%3D%2220.36%22%20y1%3D%228.081%22%20y2%3D%2215.989%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%22SVGFVzZwbbW%22%20x1%3D%2222.217%22%20x2%3D%2215.967%22%20y1%3D%2228.516%22%20y2%3D%2219.141%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%22SVGBYIS7blC%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22rotate(40.385%20-10.467%2020.827)scale(26.2567%2022.0338)%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-32.svg?color=%231a73e8&size=48
