circle multiple hint checkmark icon
circle-multiple-hint-checkmark-16 from Fluent UI System Color Icons by Microsoft Corporation · 16 · MIT Free for personal and commercial use.
- Name
- circle-multiple-hint-checkmark-16
- Set
- Fluent UI System Color Icons
- Style
- 16
- Viewbox
- 16×16
- 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 16 16"><g fill="none"><path fill="url(#SVGwTsnxber)" d="M3.217 9.573a.5.5 0 0 1 .687-.165l.118.07a6 6 0 0 0 .007 1.117a5 5 0 0 1-.647-.334a.5.5 0 0 1-.165-.688M1.506 6.56a.5.5 0 0 1 .602.37c.105.437.283.855.526 1.233a.5.5 0 1 1-.842.54a5 5 0 0 1-.656-1.54a.5.5 0 0 1 .37-.603M6 3c.987 0 1.86.479 2.407 1.215a6.01 6.01 0 0 0-4.192 4.192A3 3 0 0 1 3 6a3 3 0 0 1 3-3m-4.262.382a.5.5 0 0 1 .853.522A4 4 0 0 0 2.09 5.15a.5.5 0 1 1-.977-.213a5 5 0 0 1 .625-1.554m7.778-.236a.5.5 0 0 1 .69.15q.225.352.389.733a6 6 0 0 0-1.118-.007a4 4 0 0 0-.113-.185a.5.5 0 0 1 .152-.691m-4.68-2.01a.501.501 0 0 1 .234.972a4 4 0 0 0-1.233.526a.5.5 0 1 1-.54-.842a5 5 0 0 1 1.54-.656m2.227-.023a5 5 0 0 1 1.554.625a.5.5 0 0 1-.522.853A4 4 0 0 0 6.85 2.09a.5.5 0 1 1 .213-.977"/><circle cx="10" cy="10" r="5" fill="url(#SVGdHo90d1L)"/><path fill="url(#SVG1K5Kmc2e)" fill-opacity=".95" d="M12.354 9.354a.5.5 0 0 0-.708-.708L9.5 10.793L8.354 9.646a.5.5 0 1 0-.708.708l1.5 1.5a.5.5 0 0 0 .708 0z"/><defs><linearGradient id="SVGwTsnxber" x1="2.377" x2="10.341" y1="4.415" y2="8.231" gradientUnits="userSpaceOnUse"><stop stop-color="#8b52f4"/><stop offset=".395" stop-color="#6d37cd"/><stop offset=".862" stop-color="#4b20a0"/></linearGradient><linearGradient id="SVG1K5Kmc2e" x1="10.46" x2="7.567" y1="13.641" y2="9.212" gradientUnits="userSpaceOnUse"><stop offset=".024" stop-color="#ffc8d7"/><stop offset=".807" stop-color="#fff"/></linearGradient><radialGradient id="SVGdHo90d1L" cx="0" cy="0" r="1" gradientTransform="matrix(10 8.50616 -7.13808 8.39166 5 5.373)" 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 FluentColorCircleMultipleHintCheckmark16(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><g fill="none"><path fill="url(#SVGwTsnxber)" d="M3.217 9.573a.5.5 0 0 1 .687-.165l.118.07a6 6 0 0 0 .007 1.117a5 5 0 0 1-.647-.334a.5.5 0 0 1-.165-.688M1.506 6.56a.5.5 0 0 1 .602.37c.105.437.283.855.526 1.233a.5.5 0 1 1-.842.54a5 5 0 0 1-.656-1.54a.5.5 0 0 1 .37-.603M6 3c.987 0 1.86.479 2.407 1.215a6.01 6.01 0 0 0-4.192 4.192A3 3 0 0 1 3 6a3 3 0 0 1 3-3m-4.262.382a.5.5 0 0 1 .853.522A4 4 0 0 0 2.09 5.15a.5.5 0 1 1-.977-.213a5 5 0 0 1 .625-1.554m7.778-.236a.5.5 0 0 1 .69.15q.225.352.389.733a6 6 0 0 0-1.118-.007a4 4 0 0 0-.113-.185a.5.5 0 0 1 .152-.691m-4.68-2.01a.501.501 0 0 1 .234.972a4 4 0 0 0-1.233.526a.5.5 0 1 1-.54-.842a5 5 0 0 1 1.54-.656m2.227-.023a5 5 0 0 1 1.554.625a.5.5 0 0 1-.522.853A4 4 0 0 0 6.85 2.09a.5.5 0 1 1 .213-.977"/><circle cx="10" cy="10" r="5" fill="url(#SVGdHo90d1L)"/><path fill="url(#SVG1K5Kmc2e)" fillOpacity=".95" d="M12.354 9.354a.5.5 0 0 0-.708-.708L9.5 10.793L8.354 9.646a.5.5 0 1 0-.708.708l1.5 1.5a.5.5 0 0 0 .708 0z"/><defs><linearGradient id="SVGwTsnxber" x1="2.377" x2="10.341" y1="4.415" y2="8.231" gradientUnits="userSpaceOnUse"><stop stopColor="#8b52f4"/><stop offset=".395" stopColor="#6d37cd"/><stop offset=".862" stopColor="#4b20a0"/></linearGradient><linearGradient id="SVG1K5Kmc2e" x1="10.46" x2="7.567" y1="13.641" y2="9.212" gradientUnits="userSpaceOnUse"><stop offset=".024" stopColor="#ffc8d7"/><stop offset=".807" stopColor="#fff"/></linearGradient><radialGradient id="SVGdHo90d1L" cx="0" cy="0" r="1" gradientTransform="matrix(10 8.50616 -7.13808 8.39166 5 5.373)" 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 16 16"><g fill="none"><path fill="url(#SVGwTsnxber)" d="M3.217 9.573a.5.5 0 0 1 .687-.165l.118.07a6 6 0 0 0 .007 1.117a5 5 0 0 1-.647-.334a.5.5 0 0 1-.165-.688M1.506 6.56a.5.5 0 0 1 .602.37c.105.437.283.855.526 1.233a.5.5 0 1 1-.842.54a5 5 0 0 1-.656-1.54a.5.5 0 0 1 .37-.603M6 3c.987 0 1.86.479 2.407 1.215a6.01 6.01 0 0 0-4.192 4.192A3 3 0 0 1 3 6a3 3 0 0 1 3-3m-4.262.382a.5.5 0 0 1 .853.522A4 4 0 0 0 2.09 5.15a.5.5 0 1 1-.977-.213a5 5 0 0 1 .625-1.554m7.778-.236a.5.5 0 0 1 .69.15q.225.352.389.733a6 6 0 0 0-1.118-.007a4 4 0 0 0-.113-.185a.5.5 0 0 1 .152-.691m-4.68-2.01a.501.501 0 0 1 .234.972a4 4 0 0 0-1.233.526a.5.5 0 1 1-.54-.842a5 5 0 0 1 1.54-.656m2.227-.023a5 5 0 0 1 1.554.625a.5.5 0 0 1-.522.853A4 4 0 0 0 6.85 2.09a.5.5 0 1 1 .213-.977"/><circle cx="10" cy="10" r="5" fill="url(#SVGdHo90d1L)"/><path fill="url(#SVG1K5Kmc2e)" fill-opacity=".95" d="M12.354 9.354a.5.5 0 0 0-.708-.708L9.5 10.793L8.354 9.646a.5.5 0 1 0-.708.708l1.5 1.5a.5.5 0 0 0 .708 0z"/><defs><linearGradient id="SVGwTsnxber" x1="2.377" x2="10.341" y1="4.415" y2="8.231" gradientUnits="userSpaceOnUse"><stop stop-color="#8b52f4"/><stop offset=".395" stop-color="#6d37cd"/><stop offset=".862" stop-color="#4b20a0"/></linearGradient><linearGradient id="SVG1K5Kmc2e" x1="10.46" x2="7.567" y1="13.641" y2="9.212" gradientUnits="userSpaceOnUse"><stop offset=".024" stop-color="#ffc8d7"/><stop offset=".807" stop-color="#fff"/></linearGradient><radialGradient id="SVGdHo90d1L" cx="0" cy="0" r="1" gradientTransform="matrix(10 8.50616 -7.13808 8.39166 5 5.373)" 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-16 {
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%2016%2016%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22url(%23SVGwTsnxber)%22%20d%3D%22M3.217%209.573a.5.5%200%200%201%20.687-.165l.118.07a6%206%200%200%200%20.007%201.117a5%205%200%200%201-.647-.334a.5.5%200%200%201-.165-.688M1.506%206.56a.5.5%200%200%201%20.602.37c.105.437.283.855.526%201.233a.5.5%200%201%201-.842.54a5%205%200%200%201-.656-1.54a.5.5%200%200%201%20.37-.603M6%203c.987%200%201.86.479%202.407%201.215a6.01%206.01%200%200%200-4.192%204.192A3%203%200%200%201%203%206a3%203%200%200%201%203-3m-4.262.382a.5.5%200%200%201%20.853.522A4%204%200%200%200%202.09%205.15a.5.5%200%201%201-.977-.213a5%205%200%200%201%20.625-1.554m7.778-.236a.5.5%200%200%201%20.69.15q.225.352.389.733a6%206%200%200%200-1.118-.007a4%204%200%200%200-.113-.185a.5.5%200%200%201%20.152-.691m-4.68-2.01a.501.501%200%200%201%20.234.972a4%204%200%200%200-1.233.526a.5.5%200%201%201-.54-.842a5%205%200%200%201%201.54-.656m2.227-.023a5%205%200%200%201%201.554.625a.5.5%200%200%201-.522.853A4%204%200%200%200%206.85%202.09a.5.5%200%201%201%20.213-.977%22%2F%3E%3Ccircle%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%225%22%20fill%3D%22url(%23SVGdHo90d1L)%22%2F%3E%3Cpath%20fill%3D%22url(%23SVG1K5Kmc2e)%22%20fill-opacity%3D%22.95%22%20d%3D%22M12.354%209.354a.5.5%200%200%200-.708-.708L9.5%2010.793L8.354%209.646a.5.5%200%201%200-.708.708l1.5%201.5a.5.5%200%200%200%20.708%200z%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGwTsnxber%22%20x1%3D%222.377%22%20x2%3D%2210.341%22%20y1%3D%224.415%22%20y2%3D%228.231%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%22SVG1K5Kmc2e%22%20x1%3D%2210.46%22%20x2%3D%227.567%22%20y1%3D%2213.641%22%20y2%3D%229.212%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%22SVGdHo90d1L%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22matrix(10%208.50616%20-7.13808%208.39166%205%205.373)%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%2016%2016%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22url(%23SVGwTsnxber)%22%20d%3D%22M3.217%209.573a.5.5%200%200%201%20.687-.165l.118.07a6%206%200%200%200%20.007%201.117a5%205%200%200%201-.647-.334a.5.5%200%200%201-.165-.688M1.506%206.56a.5.5%200%200%201%20.602.37c.105.437.283.855.526%201.233a.5.5%200%201%201-.842.54a5%205%200%200%201-.656-1.54a.5.5%200%200%201%20.37-.603M6%203c.987%200%201.86.479%202.407%201.215a6.01%206.01%200%200%200-4.192%204.192A3%203%200%200%201%203%206a3%203%200%200%201%203-3m-4.262.382a.5.5%200%200%201%20.853.522A4%204%200%200%200%202.09%205.15a.5.5%200%201%201-.977-.213a5%205%200%200%201%20.625-1.554m7.778-.236a.5.5%200%200%201%20.69.15q.225.352.389.733a6%206%200%200%200-1.118-.007a4%204%200%200%200-.113-.185a.5.5%200%200%201%20.152-.691m-4.68-2.01a.501.501%200%200%201%20.234.972a4%204%200%200%200-1.233.526a.5.5%200%201%201-.54-.842a5%205%200%200%201%201.54-.656m2.227-.023a5%205%200%200%201%201.554.625a.5.5%200%200%201-.522.853A4%204%200%200%200%206.85%202.09a.5.5%200%201%201%20.213-.977%22%2F%3E%3Ccircle%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%225%22%20fill%3D%22url(%23SVGdHo90d1L)%22%2F%3E%3Cpath%20fill%3D%22url(%23SVG1K5Kmc2e)%22%20fill-opacity%3D%22.95%22%20d%3D%22M12.354%209.354a.5.5%200%200%200-.708-.708L9.5%2010.793L8.354%209.646a.5.5%200%201%200-.708.708l1.5%201.5a.5.5%200%200%200%20.708%200z%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGwTsnxber%22%20x1%3D%222.377%22%20x2%3D%2210.341%22%20y1%3D%224.415%22%20y2%3D%228.231%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%22SVG1K5Kmc2e%22%20x1%3D%2210.46%22%20x2%3D%227.567%22%20y1%3D%2213.641%22%20y2%3D%229.212%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%22SVGdHo90d1L%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22matrix(10%208.50616%20-7.13808%208.39166%205%205.373)%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-16.svg?color=%231a73e8&size=48
