checkmark circle hint icon
checkmark-circle-hint-48-regular from Fluent UI System Icons by Microsoft Corporation · 48 Regular · MIT Free for personal and commercial use.
- Name
- checkmark-circle-hint-48-regular
- Set
- Fluent UI System Icons
- Style
- 48 Regular
- Viewbox
- 48×48
- 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-filledcheckmark-circle-hint-28-regularcheckmark-circle-hint-32-filledcheckmark-circle-hint-32-regularcheckmark-circle-hint-48-filled
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 48 48"><path fill="currentColor" d="M27.946 41.053c.63-.145 1.288.162 1.535.759c.283.682-.08 1.463-.797 1.635a20 20 0 0 1-4.688.553a20 20 0 0 1-4.684-.552c-.719-.172-1.08-.953-.798-1.636c.247-.596.904-.904 1.534-.76c1.269.293 2.59.448 3.948.448s2.68-.154 3.95-.447m-20.42-8.336c.596-.247 1.278 0 1.62.548a17.6 17.6 0 0 0 5.586 5.585c.548.342.795 1.025.548 1.622c-.282.682-1.092.977-1.721.591a20.1 20.1 0 0 1-6.626-6.625c-.386-.63-.09-1.439.592-1.721m31.32.548c.342-.548 1.024-.796 1.62-.55c.683.283.98 1.094.594 1.723a20.1 20.1 0 0 1-6.625 6.624c-.63.386-1.439.09-1.721-.592c-.247-.597 0-1.279.548-1.621a17.6 17.6 0 0 0 5.584-5.584m-7.98-15.649a1.25 1.25 0 0 1 1.768 1.768l-11 11a1.25 1.25 0 0 1-1.768 0l-4.5-4.5a1.25 1.25 0 0 1 1.768-1.768l3.616 3.616zM4.548 19.314c.172-.718.954-1.08 1.637-.798c.596.247.904.905.758 1.535A17.6 17.6 0 0 0 6.496 24c0 1.358.155 2.68.447 3.95c.145.628-.162 1.286-.758 1.533c-.683.283-1.465-.08-1.637-.797A20 20 0 0 1 3.996 24c0-1.614.191-3.183.552-4.686m37.26-.797c.682-.283 1.464.08 1.636.797c.361 1.503.552 3.072.552 4.686s-.19 3.183-.552 4.686c-.172.717-.953 1.08-1.635.797c-.597-.247-.905-.905-.76-1.535c.292-1.269.447-2.59.447-3.948s-.154-2.68-.447-3.95c-.145-.628.162-1.286.759-1.533M13.558 6.936c.63-.386 1.44-.09 1.722.592c.247.597 0 1.28-.548 1.622a17.6 17.6 0 0 0-5.585 5.585c-.342.548-1.025.795-1.622.548c-.682-.282-.977-1.092-.591-1.721a20.1 20.1 0 0 1 6.625-6.626m19.156.593c.283-.682 1.092-.978 1.721-.591a20.1 20.1 0 0 1 6.625 6.624c.386.63.09 1.439-.593 1.721c-.597.247-1.279 0-1.621-.548a17.6 17.6 0 0 0-5.584-5.584c-.548-.342-.795-1.025-.548-1.622M23.996 4c1.614 0 3.183.19 4.687.552c.718.172 1.08.954.797 1.636c-.247.597-.904.904-1.534.76a17.6 17.6 0 0 0-3.95-.448c-1.357 0-2.679.155-3.947.447c-.63.145-1.288-.163-1.535-.76c-.283-.682.08-1.463.797-1.635A20 20 0 0 1 23.996 4"/></svg>
React
import type { SVGProps } from "react";
export function FluentCheckmarkCircleHint48Regular(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="currentColor" d="M27.946 41.053c.63-.145 1.288.162 1.535.759c.283.682-.08 1.463-.797 1.635a20 20 0 0 1-4.688.553a20 20 0 0 1-4.684-.552c-.719-.172-1.08-.953-.798-1.636c.247-.596.904-.904 1.534-.76c1.269.293 2.59.448 3.948.448s2.68-.154 3.95-.447m-20.42-8.336c.596-.247 1.278 0 1.62.548a17.6 17.6 0 0 0 5.586 5.585c.548.342.795 1.025.548 1.622c-.282.682-1.092.977-1.721.591a20.1 20.1 0 0 1-6.626-6.625c-.386-.63-.09-1.439.592-1.721m31.32.548c.342-.548 1.024-.796 1.62-.55c.683.283.98 1.094.594 1.723a20.1 20.1 0 0 1-6.625 6.624c-.63.386-1.439.09-1.721-.592c-.247-.597 0-1.279.548-1.621a17.6 17.6 0 0 0 5.584-5.584m-7.98-15.649a1.25 1.25 0 0 1 1.768 1.768l-11 11a1.25 1.25 0 0 1-1.768 0l-4.5-4.5a1.25 1.25 0 0 1 1.768-1.768l3.616 3.616zM4.548 19.314c.172-.718.954-1.08 1.637-.798c.596.247.904.905.758 1.535A17.6 17.6 0 0 0 6.496 24c0 1.358.155 2.68.447 3.95c.145.628-.162 1.286-.758 1.533c-.683.283-1.465-.08-1.637-.797A20 20 0 0 1 3.996 24c0-1.614.191-3.183.552-4.686m37.26-.797c.682-.283 1.464.08 1.636.797c.361 1.503.552 3.072.552 4.686s-.19 3.183-.552 4.686c-.172.717-.953 1.08-1.635.797c-.597-.247-.905-.905-.76-1.535c.292-1.269.447-2.59.447-3.948s-.154-2.68-.447-3.95c-.145-.628.162-1.286.759-1.533M13.558 6.936c.63-.386 1.44-.09 1.722.592c.247.597 0 1.28-.548 1.622a17.6 17.6 0 0 0-5.585 5.585c-.342.548-1.025.795-1.622.548c-.682-.282-.977-1.092-.591-1.721a20.1 20.1 0 0 1 6.625-6.626m19.156.593c.283-.682 1.092-.978 1.721-.591a20.1 20.1 0 0 1 6.625 6.624c.386.63.09 1.439-.593 1.721c-.597.247-1.279 0-1.621-.548a17.6 17.6 0 0 0-5.584-5.584c-.548-.342-.795-1.025-.548-1.622M23.996 4c1.614 0 3.183.19 4.687.552c.718.172 1.08.954.797 1.636c-.247.597-.904.904-1.534.76a17.6 17.6 0 0 0-3.95-.448c-1.357 0-2.679.155-3.947.447c-.63.145-1.288-.163-1.535-.76c-.283-.682.08-1.463.797-1.635A20 20 0 0 1 23.996 4"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="currentColor" d="M27.946 41.053c.63-.145 1.288.162 1.535.759c.283.682-.08 1.463-.797 1.635a20 20 0 0 1-4.688.553a20 20 0 0 1-4.684-.552c-.719-.172-1.08-.953-.798-1.636c.247-.596.904-.904 1.534-.76c1.269.293 2.59.448 3.948.448s2.68-.154 3.95-.447m-20.42-8.336c.596-.247 1.278 0 1.62.548a17.6 17.6 0 0 0 5.586 5.585c.548.342.795 1.025.548 1.622c-.282.682-1.092.977-1.721.591a20.1 20.1 0 0 1-6.626-6.625c-.386-.63-.09-1.439.592-1.721m31.32.548c.342-.548 1.024-.796 1.62-.55c.683.283.98 1.094.594 1.723a20.1 20.1 0 0 1-6.625 6.624c-.63.386-1.439.09-1.721-.592c-.247-.597 0-1.279.548-1.621a17.6 17.6 0 0 0 5.584-5.584m-7.98-15.649a1.25 1.25 0 0 1 1.768 1.768l-11 11a1.25 1.25 0 0 1-1.768 0l-4.5-4.5a1.25 1.25 0 0 1 1.768-1.768l3.616 3.616zM4.548 19.314c.172-.718.954-1.08 1.637-.798c.596.247.904.905.758 1.535A17.6 17.6 0 0 0 6.496 24c0 1.358.155 2.68.447 3.95c.145.628-.162 1.286-.758 1.533c-.683.283-1.465-.08-1.637-.797A20 20 0 0 1 3.996 24c0-1.614.191-3.183.552-4.686m37.26-.797c.682-.283 1.464.08 1.636.797c.361 1.503.552 3.072.552 4.686s-.19 3.183-.552 4.686c-.172.717-.953 1.08-1.635.797c-.597-.247-.905-.905-.76-1.535c.292-1.269.447-2.59.447-3.948s-.154-2.68-.447-3.95c-.145-.628.162-1.286.759-1.533M13.558 6.936c.63-.386 1.44-.09 1.722.592c.247.597 0 1.28-.548 1.622a17.6 17.6 0 0 0-5.585 5.585c-.342.548-1.025.795-1.622.548c-.682-.282-.977-1.092-.591-1.721a20.1 20.1 0 0 1 6.625-6.626m19.156.593c.283-.682 1.092-.978 1.721-.591a20.1 20.1 0 0 1 6.625 6.624c.386.63.09 1.439-.593 1.721c-.597.247-1.279 0-1.621-.548a17.6 17.6 0 0 0-5.584-5.584c-.548-.342-.795-1.025-.548-1.622M23.996 4c1.614 0 3.183.19 4.687.552c.718.172 1.08.954.797 1.636c-.247.597-.904.904-1.534.76a17.6 17.6 0 0 0-3.95-.448c-1.357 0-2.679.155-3.947.447c-.63.145-1.288-.163-1.535-.76c-.283-.682.08-1.463.797-1.635A20 20 0 0 1 23.996 4"/></svg> </template>
CSS
.icon-checkmark-circle-hint-48-regular {
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%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M27.946%2041.053c.63-.145%201.288.162%201.535.759c.283.682-.08%201.463-.797%201.635a20%2020%200%200%201-4.688.553a20%2020%200%200%201-4.684-.552c-.719-.172-1.08-.953-.798-1.636c.247-.596.904-.904%201.534-.76c1.269.293%202.59.448%203.948.448s2.68-.154%203.95-.447m-20.42-8.336c.596-.247%201.278%200%201.62.548a17.6%2017.6%200%200%200%205.586%205.585c.548.342.795%201.025.548%201.622c-.282.682-1.092.977-1.721.591a20.1%2020.1%200%200%201-6.626-6.625c-.386-.63-.09-1.439.592-1.721m31.32.548c.342-.548%201.024-.796%201.62-.55c.683.283.98%201.094.594%201.723a20.1%2020.1%200%200%201-6.625%206.624c-.63.386-1.439.09-1.721-.592c-.247-.597%200-1.279.548-1.621a17.6%2017.6%200%200%200%205.584-5.584m-7.98-15.649a1.25%201.25%200%200%201%201.768%201.768l-11%2011a1.25%201.25%200%200%201-1.768%200l-4.5-4.5a1.25%201.25%200%200%201%201.768-1.768l3.616%203.616zM4.548%2019.314c.172-.718.954-1.08%201.637-.798c.596.247.904.905.758%201.535A17.6%2017.6%200%200%200%206.496%2024c0%201.358.155%202.68.447%203.95c.145.628-.162%201.286-.758%201.533c-.683.283-1.465-.08-1.637-.797A20%2020%200%200%201%203.996%2024c0-1.614.191-3.183.552-4.686m37.26-.797c.682-.283%201.464.08%201.636.797c.361%201.503.552%203.072.552%204.686s-.19%203.183-.552%204.686c-.172.717-.953%201.08-1.635.797c-.597-.247-.905-.905-.76-1.535c.292-1.269.447-2.59.447-3.948s-.154-2.68-.447-3.95c-.145-.628.162-1.286.759-1.533M13.558%206.936c.63-.386%201.44-.09%201.722.592c.247.597%200%201.28-.548%201.622a17.6%2017.6%200%200%200-5.585%205.585c-.342.548-1.025.795-1.622.548c-.682-.282-.977-1.092-.591-1.721a20.1%2020.1%200%200%201%206.625-6.626m19.156.593c.283-.682%201.092-.978%201.721-.591a20.1%2020.1%200%200%201%206.625%206.624c.386.63.09%201.439-.593%201.721c-.597.247-1.279%200-1.621-.548a17.6%2017.6%200%200%200-5.584-5.584c-.548-.342-.795-1.025-.548-1.622M23.996%204c1.614%200%203.183.19%204.687.552c.718.172%201.08.954.797%201.636c-.247.597-.904.904-1.534.76a17.6%2017.6%200%200%200-3.95-.448c-1.357%200-2.679.155-3.947.447c-.63.145-1.288-.163-1.535-.76c-.283-.682.08-1.463.797-1.635A20%2020%200%200%201%2023.996%204%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%2048%2048%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M27.946%2041.053c.63-.145%201.288.162%201.535.759c.283.682-.08%201.463-.797%201.635a20%2020%200%200%201-4.688.553a20%2020%200%200%201-4.684-.552c-.719-.172-1.08-.953-.798-1.636c.247-.596.904-.904%201.534-.76c1.269.293%202.59.448%203.948.448s2.68-.154%203.95-.447m-20.42-8.336c.596-.247%201.278%200%201.62.548a17.6%2017.6%200%200%200%205.586%205.585c.548.342.795%201.025.548%201.622c-.282.682-1.092.977-1.721.591a20.1%2020.1%200%200%201-6.626-6.625c-.386-.63-.09-1.439.592-1.721m31.32.548c.342-.548%201.024-.796%201.62-.55c.683.283.98%201.094.594%201.723a20.1%2020.1%200%200%201-6.625%206.624c-.63.386-1.439.09-1.721-.592c-.247-.597%200-1.279.548-1.621a17.6%2017.6%200%200%200%205.584-5.584m-7.98-15.649a1.25%201.25%200%200%201%201.768%201.768l-11%2011a1.25%201.25%200%200%201-1.768%200l-4.5-4.5a1.25%201.25%200%200%201%201.768-1.768l3.616%203.616zM4.548%2019.314c.172-.718.954-1.08%201.637-.798c.596.247.904.905.758%201.535A17.6%2017.6%200%200%200%206.496%2024c0%201.358.155%202.68.447%203.95c.145.628-.162%201.286-.758%201.533c-.683.283-1.465-.08-1.637-.797A20%2020%200%200%201%203.996%2024c0-1.614.191-3.183.552-4.686m37.26-.797c.682-.283%201.464.08%201.636.797c.361%201.503.552%203.072.552%204.686s-.19%203.183-.552%204.686c-.172.717-.953%201.08-1.635.797c-.597-.247-.905-.905-.76-1.535c.292-1.269.447-2.59.447-3.948s-.154-2.68-.447-3.95c-.145-.628.162-1.286.759-1.533M13.558%206.936c.63-.386%201.44-.09%201.722.592c.247.597%200%201.28-.548%201.622a17.6%2017.6%200%200%200-5.585%205.585c-.342.548-1.025.795-1.622.548c-.682-.282-.977-1.092-.591-1.721a20.1%2020.1%200%200%201%206.625-6.626m19.156.593c.283-.682%201.092-.978%201.721-.591a20.1%2020.1%200%200%201%206.625%206.624c.386.63.09%201.439-.593%201.721c-.597.247-1.279%200-1.621-.548a17.6%2017.6%200%200%200-5.584-5.584c-.548-.342-.795-1.025-.548-1.622M23.996%204c1.614%200%203.183.19%204.687.552c.718.172%201.08.954.797%201.636c-.247.597-.904.904-1.534.76a17.6%2017.6%200%200%200-3.95-.448c-1.357%200-2.679.155-3.947.447c-.63.145-1.288-.163-1.535-.76c-.283-.682.08-1.463.797-1.635A20%2020%200%200%201%2023.996%204%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-48-regular.svg?color=%231a73e8&size=48
