checkmark circle hint icon
checkmark-circle-hint-28-filled from Fluent UI System Icons by Microsoft Corporation · 28 Filled · MIT Free for personal and commercial use.
- Name
- checkmark-circle-hint-28-filled
- Set
- Fluent UI System Icons
- Style
- 28 Filled
- Viewbox
- 28×28
- License
- MIT
11 other variants in Fluent UI System Icons
checkmark-circle-hint-16-filledcheckmark-circle-hint-16-regularcheckmark-circle-hint-20-filledcheckmark-circle-hint-20-regularcheckmark-circle-hint-24-filledcheckmark-circle-hint-24-regularcheckmark-circle-hint-28-regularcheckmark-circle-hint-32-filledcheckmark-circle-hint-32-regularcheckmark-circle-hint-48-filledcheckmark-circle-hint-48-regular
Related icons in Fluent UI System Icons
Use the checkmark circle hint icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 28 28"><path fill="currentColor" d="M15.773 23.843c.5-.09 1.015.156 1.21.627c.229.554-.072 1.189-.66 1.304a12.1 12.1 0 0 1-4.645.002c-.589-.115-.89-.75-.66-1.304c.194-.47.707-.718 1.209-.628a10.1 10.1 0 0 0 3.546-.001m-11.29-4.55c.47-.195 1.008-.006 1.3.412c.68.98 1.532 1.83 2.512 2.512c.418.29.607.828.412 1.299c-.23.554-.891.79-1.39.456a12.1 12.1 0 0 1-3.29-3.29c-.334-.498-.098-1.16.456-1.389m17.73.408c.29-.417.828-.607 1.298-.412c.554.23.79.891.456 1.39a12.1 12.1 0 0 1-3.285 3.288c-.499.335-1.161.098-1.391-.456c-.195-.47-.005-1.007.412-1.298a10 10 0 0 0 2.51-2.512m-3.924-9.653a1 1 0 0 1 1.414 1.414l-6.495 6.495a1 1 0 0 1-1.414 0l-3.501-3.5a1 1 0 0 1 1.414-1.414l2.793 2.793zM2.222 11.672c.115-.589.75-.89 1.304-.66c.47.195.717.708.627 1.21a10 10 0 0 0 0 3.551c.09.502-.157 1.015-.628 1.21c-.554.23-1.189-.071-1.304-.66a12.1 12.1 0 0 1 0-4.651m22.244-.656c.554-.23 1.19.07 1.305.66q.224 1.13.225 2.324c0 .793-.077 1.568-.223 2.318c-.116.59-.752.891-1.306.662c-.47-.195-.717-.71-.627-1.21a10 10 0 0 0-.001-3.544c-.09-.502.157-1.015.627-1.21M19.294 4.49c.23-.554.892-.79 1.39-.455c1.295.87 2.41 1.987 3.28 3.281c.335.499.098 1.16-.456 1.39c-.47.195-1.007.006-1.298-.411a10 10 0 0 0-2.505-2.506c-.417-.29-.606-.829-.411-1.299M7.315 4.03c.499-.334 1.16-.098 1.39.456c.195.47.006 1.007-.412 1.298a10 10 0 0 0-2.509 2.508c-.29.417-.828.606-1.298.411c-.554-.23-.79-.892-.456-1.39A12.1 12.1 0 0 1 7.315 4.03M13.996 2q1.197.001 2.33.226c.588.115.889.751.66 1.305c-.196.47-.71.717-1.21.627a10.1 10.1 0 0 0-3.551-.002c-.502.09-1.015-.156-1.21-.627c-.23-.554.071-1.189.66-1.304c.75-.148 1.527-.225 2.321-.225"/></svg>
React
import type { SVGProps } from "react";
export function FluentCheckmarkCircleHint28Filled(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 28 28"><path fill="currentColor" d="M15.773 23.843c.5-.09 1.015.156 1.21.627c.229.554-.072 1.189-.66 1.304a12.1 12.1 0 0 1-4.645.002c-.589-.115-.89-.75-.66-1.304c.194-.47.707-.718 1.209-.628a10.1 10.1 0 0 0 3.546-.001m-11.29-4.55c.47-.195 1.008-.006 1.3.412c.68.98 1.532 1.83 2.512 2.512c.418.29.607.828.412 1.299c-.23.554-.891.79-1.39.456a12.1 12.1 0 0 1-3.29-3.29c-.334-.498-.098-1.16.456-1.389m17.73.408c.29-.417.828-.607 1.298-.412c.554.23.79.891.456 1.39a12.1 12.1 0 0 1-3.285 3.288c-.499.335-1.161.098-1.391-.456c-.195-.47-.005-1.007.412-1.298a10 10 0 0 0 2.51-2.512m-3.924-9.653a1 1 0 0 1 1.414 1.414l-6.495 6.495a1 1 0 0 1-1.414 0l-3.501-3.5a1 1 0 0 1 1.414-1.414l2.793 2.793zM2.222 11.672c.115-.589.75-.89 1.304-.66c.47.195.717.708.627 1.21a10 10 0 0 0 0 3.551c.09.502-.157 1.015-.628 1.21c-.554.23-1.189-.071-1.304-.66a12.1 12.1 0 0 1 0-4.651m22.244-.656c.554-.23 1.19.07 1.305.66q.224 1.13.225 2.324c0 .793-.077 1.568-.223 2.318c-.116.59-.752.891-1.306.662c-.47-.195-.717-.71-.627-1.21a10 10 0 0 0-.001-3.544c-.09-.502.157-1.015.627-1.21M19.294 4.49c.23-.554.892-.79 1.39-.455c1.295.87 2.41 1.987 3.28 3.281c.335.499.098 1.16-.456 1.39c-.47.195-1.007.006-1.298-.411a10 10 0 0 0-2.505-2.506c-.417-.29-.606-.829-.411-1.299M7.315 4.03c.499-.334 1.16-.098 1.39.456c.195.47.006 1.007-.412 1.298a10 10 0 0 0-2.509 2.508c-.29.417-.828.606-1.298.411c-.554-.23-.79-.892-.456-1.39A12.1 12.1 0 0 1 7.315 4.03M13.996 2q1.197.001 2.33.226c.588.115.889.751.66 1.305c-.196.47-.71.717-1.21.627a10.1 10.1 0 0 0-3.551-.002c-.502.09-1.015-.156-1.21-.627c-.23-.554.071-1.189.66-1.304c.75-.148 1.527-.225 2.321-.225"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 28 28"><path fill="currentColor" d="M15.773 23.843c.5-.09 1.015.156 1.21.627c.229.554-.072 1.189-.66 1.304a12.1 12.1 0 0 1-4.645.002c-.589-.115-.89-.75-.66-1.304c.194-.47.707-.718 1.209-.628a10.1 10.1 0 0 0 3.546-.001m-11.29-4.55c.47-.195 1.008-.006 1.3.412c.68.98 1.532 1.83 2.512 2.512c.418.29.607.828.412 1.299c-.23.554-.891.79-1.39.456a12.1 12.1 0 0 1-3.29-3.29c-.334-.498-.098-1.16.456-1.389m17.73.408c.29-.417.828-.607 1.298-.412c.554.23.79.891.456 1.39a12.1 12.1 0 0 1-3.285 3.288c-.499.335-1.161.098-1.391-.456c-.195-.47-.005-1.007.412-1.298a10 10 0 0 0 2.51-2.512m-3.924-9.653a1 1 0 0 1 1.414 1.414l-6.495 6.495a1 1 0 0 1-1.414 0l-3.501-3.5a1 1 0 0 1 1.414-1.414l2.793 2.793zM2.222 11.672c.115-.589.75-.89 1.304-.66c.47.195.717.708.627 1.21a10 10 0 0 0 0 3.551c.09.502-.157 1.015-.628 1.21c-.554.23-1.189-.071-1.304-.66a12.1 12.1 0 0 1 0-4.651m22.244-.656c.554-.23 1.19.07 1.305.66q.224 1.13.225 2.324c0 .793-.077 1.568-.223 2.318c-.116.59-.752.891-1.306.662c-.47-.195-.717-.71-.627-1.21a10 10 0 0 0-.001-3.544c-.09-.502.157-1.015.627-1.21M19.294 4.49c.23-.554.892-.79 1.39-.455c1.295.87 2.41 1.987 3.28 3.281c.335.499.098 1.16-.456 1.39c-.47.195-1.007.006-1.298-.411a10 10 0 0 0-2.505-2.506c-.417-.29-.606-.829-.411-1.299M7.315 4.03c.499-.334 1.16-.098 1.39.456c.195.47.006 1.007-.412 1.298a10 10 0 0 0-2.509 2.508c-.29.417-.828.606-1.298.411c-.554-.23-.79-.892-.456-1.39A12.1 12.1 0 0 1 7.315 4.03M13.996 2q1.197.001 2.33.226c.588.115.889.751.66 1.305c-.196.47-.71.717-1.21.627a10.1 10.1 0 0 0-3.551-.002c-.502.09-1.015-.156-1.21-.627c-.23-.554.071-1.189.66-1.304c.75-.148 1.527-.225 2.321-.225"/></svg> </template>
CSS
.icon-checkmark-circle-hint-28-filled {
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%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M15.773%2023.843c.5-.09%201.015.156%201.21.627c.229.554-.072%201.189-.66%201.304a12.1%2012.1%200%200%201-4.645.002c-.589-.115-.89-.75-.66-1.304c.194-.47.707-.718%201.209-.628a10.1%2010.1%200%200%200%203.546-.001m-11.29-4.55c.47-.195%201.008-.006%201.3.412c.68.98%201.532%201.83%202.512%202.512c.418.29.607.828.412%201.299c-.23.554-.891.79-1.39.456a12.1%2012.1%200%200%201-3.29-3.29c-.334-.498-.098-1.16.456-1.389m17.73.408c.29-.417.828-.607%201.298-.412c.554.23.79.891.456%201.39a12.1%2012.1%200%200%201-3.285%203.288c-.499.335-1.161.098-1.391-.456c-.195-.47-.005-1.007.412-1.298a10%2010%200%200%200%202.51-2.512m-3.924-9.653a1%201%200%200%201%201.414%201.414l-6.495%206.495a1%201%200%200%201-1.414%200l-3.501-3.5a1%201%200%200%201%201.414-1.414l2.793%202.793zM2.222%2011.672c.115-.589.75-.89%201.304-.66c.47.195.717.708.627%201.21a10%2010%200%200%200%200%203.551c.09.502-.157%201.015-.628%201.21c-.554.23-1.189-.071-1.304-.66a12.1%2012.1%200%200%201%200-4.651m22.244-.656c.554-.23%201.19.07%201.305.66q.224%201.13.225%202.324c0%20.793-.077%201.568-.223%202.318c-.116.59-.752.891-1.306.662c-.47-.195-.717-.71-.627-1.21a10%2010%200%200%200-.001-3.544c-.09-.502.157-1.015.627-1.21M19.294%204.49c.23-.554.892-.79%201.39-.455c1.295.87%202.41%201.987%203.28%203.281c.335.499.098%201.16-.456%201.39c-.47.195-1.007.006-1.298-.411a10%2010%200%200%200-2.505-2.506c-.417-.29-.606-.829-.411-1.299M7.315%204.03c.499-.334%201.16-.098%201.39.456c.195.47.006%201.007-.412%201.298a10%2010%200%200%200-2.509%202.508c-.29.417-.828.606-1.298.411c-.554-.23-.79-.892-.456-1.39A12.1%2012.1%200%200%201%207.315%204.03M13.996%202q1.197.001%202.33.226c.588.115.889.751.66%201.305c-.196.47-.71.717-1.21.627a10.1%2010.1%200%200%200-3.551-.002c-.502.09-1.015-.156-1.21-.627c-.23-.554.071-1.189.66-1.304c.75-.148%201.527-.225%202.321-.225%22%2F%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%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M15.773%2023.843c.5-.09%201.015.156%201.21.627c.229.554-.072%201.189-.66%201.304a12.1%2012.1%200%200%201-4.645.002c-.589-.115-.89-.75-.66-1.304c.194-.47.707-.718%201.209-.628a10.1%2010.1%200%200%200%203.546-.001m-11.29-4.55c.47-.195%201.008-.006%201.3.412c.68.98%201.532%201.83%202.512%202.512c.418.29.607.828.412%201.299c-.23.554-.891.79-1.39.456a12.1%2012.1%200%200%201-3.29-3.29c-.334-.498-.098-1.16.456-1.389m17.73.408c.29-.417.828-.607%201.298-.412c.554.23.79.891.456%201.39a12.1%2012.1%200%200%201-3.285%203.288c-.499.335-1.161.098-1.391-.456c-.195-.47-.005-1.007.412-1.298a10%2010%200%200%200%202.51-2.512m-3.924-9.653a1%201%200%200%201%201.414%201.414l-6.495%206.495a1%201%200%200%201-1.414%200l-3.501-3.5a1%201%200%200%201%201.414-1.414l2.793%202.793zM2.222%2011.672c.115-.589.75-.89%201.304-.66c.47.195.717.708.627%201.21a10%2010%200%200%200%200%203.551c.09.502-.157%201.015-.628%201.21c-.554.23-1.189-.071-1.304-.66a12.1%2012.1%200%200%201%200-4.651m22.244-.656c.554-.23%201.19.07%201.305.66q.224%201.13.225%202.324c0%20.793-.077%201.568-.223%202.318c-.116.59-.752.891-1.306.662c-.47-.195-.717-.71-.627-1.21a10%2010%200%200%200-.001-3.544c-.09-.502.157-1.015.627-1.21M19.294%204.49c.23-.554.892-.79%201.39-.455c1.295.87%202.41%201.987%203.28%203.281c.335.499.098%201.16-.456%201.39c-.47.195-1.007.006-1.298-.411a10%2010%200%200%200-2.505-2.506c-.417-.29-.606-.829-.411-1.299M7.315%204.03c.499-.334%201.16-.098%201.39.456c.195.47.006%201.007-.412%201.298a10%2010%200%200%200-2.509%202.508c-.29.417-.828.606-1.298.411c-.554-.23-.79-.892-.456-1.39A12.1%2012.1%200%200%201%207.315%204.03M13.996%202q1.197.001%202.33.226c.588.115.889.751.66%201.305c-.196.47-.71.717-1.21.627a10.1%2010.1%200%200%200-3.551-.002c-.502.09-1.015-.156-1.21-.627c-.23-.554.071-1.189.66-1.304c.75-.148%201.527-.225%202.321-.225%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/checkmark-circle-hint-28-filled.svg?color=%231a73e8&size=48
