circle hint icon
circle-hint-48-regular from Fluent UI System Icons by Microsoft Corporation · 48 Regular · MIT Free for personal and commercial use.
- Name
- circle-hint-48-regular
- Set
- Fluent UI System Icons
- Style
- 48 Regular
- Viewbox
- 48×48
- License
- MIT
13 other variants in Fluent UI System Icons
Related icons in Fluent UI System Icons
circle-edit-20-filledcircle-eraser-20-filledcircle-half-fill-12-filledcircle-highlight-20-filledcircle-hint-cursor-16-filledcircle-hint-dismiss-16-filledcircle-hint-half-vertical-16-filledcircle-image-16-filledcircle-line-12-filledcircle-multiple-concentric-16-filledcircle-multiple-hint-checkmark-16-filledcircle-multiple-subtract-checkmark-20-filledcircle-off-16-filledcircle-shadow-20-filledcircle-small-20-filledcircle-sparkle-16-filled
Use the 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="M15.282 7.528c-.283-.682-1.092-.978-1.722-.592a20.1 20.1 0 0 0-6.626 6.625c-.386.63-.09 1.44.592 1.722c.597.247 1.28 0 1.622-.548a17.6 17.6 0 0 1 5.586-5.585c.547-.342.795-1.025.548-1.622m4.767-.581c-.629.145-1.287-.163-1.534-.76c-.283-.682.08-1.463.798-1.635A20 20 0 0 1 23.997 4c1.614 0 3.183.191 4.687.552c.718.173 1.08.954.798 1.636c-.247.597-.906.905-1.535.76a17.6 17.6 0 0 0-3.95-.448c-1.357 0-2.679.155-3.948.447m20.419 8.336c-.597.248-1.28 0-1.622-.548a17.6 17.6 0 0 0-5.584-5.584c-.547-.342-.795-1.025-.547-1.621c.282-.683 1.092-.979 1.721-.593a20.1 20.1 0 0 1 6.624 6.625c.386.63.09 1.439-.592 1.721m1.341 14.2c-.597-.247-.904-.905-.76-1.535a17.6 17.6 0 0 0 .001-7.897c-.145-.63.162-1.287.76-1.535c.681-.282 1.463.08 1.635.798c.361 1.503.552 3.072.552 4.686a20 20 0 0 1-.552 4.685c-.172.718-.954 1.081-1.636.798M32.715 40.47c-.247-.596 0-1.28.548-1.621a17.6 17.6 0 0 0 5.584-5.585c.342-.547 1.024-.795 1.621-.548c.683.283.979 1.092.592 1.722a20.1 20.1 0 0 1-6.623 6.624c-.63.387-1.44.09-1.722-.592m-14.2 1.342c.246-.597.904-.904 1.534-.76c1.269.293 2.59.448 3.948.448s2.68-.155 3.95-.448c.63-.145 1.288.163 1.535.76c.283.682-.08 1.463-.798 1.636a20 20 0 0 1-4.687.552a20 20 0 0 1-4.685-.552c-.718-.172-1.08-.953-.798-1.636M7.525 32.717c.597-.248 1.28 0 1.622.548a17.6 17.6 0 0 0 5.585 5.585c.548.342.795 1.025.548 1.621c-.282.683-1.092.979-1.722.593a20.1 20.1 0 0 1-6.625-6.626c-.386-.63-.09-1.439.592-1.721m-1.34-14.201c.596.247.904.905.759 1.535A17.6 17.6 0 0 0 6.497 24c0 1.358.155 2.68.447 3.949c.146.63-.162 1.288-.759 1.535c-.682.282-1.464-.08-1.636-.798A20 20 0 0 1 3.997 24c0-1.614.191-3.183.552-4.686c.172-.718.954-1.08 1.636-.798"/></svg>
React
import type { SVGProps } from "react";
export function FluentCircleHint48Regular(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="M15.282 7.528c-.283-.682-1.092-.978-1.722-.592a20.1 20.1 0 0 0-6.626 6.625c-.386.63-.09 1.44.592 1.722c.597.247 1.28 0 1.622-.548a17.6 17.6 0 0 1 5.586-5.585c.547-.342.795-1.025.548-1.622m4.767-.581c-.629.145-1.287-.163-1.534-.76c-.283-.682.08-1.463.798-1.635A20 20 0 0 1 23.997 4c1.614 0 3.183.191 4.687.552c.718.173 1.08.954.798 1.636c-.247.597-.906.905-1.535.76a17.6 17.6 0 0 0-3.95-.448c-1.357 0-2.679.155-3.948.447m20.419 8.336c-.597.248-1.28 0-1.622-.548a17.6 17.6 0 0 0-5.584-5.584c-.547-.342-.795-1.025-.547-1.621c.282-.683 1.092-.979 1.721-.593a20.1 20.1 0 0 1 6.624 6.625c.386.63.09 1.439-.592 1.721m1.341 14.2c-.597-.247-.904-.905-.76-1.535a17.6 17.6 0 0 0 .001-7.897c-.145-.63.162-1.287.76-1.535c.681-.282 1.463.08 1.635.798c.361 1.503.552 3.072.552 4.686a20 20 0 0 1-.552 4.685c-.172.718-.954 1.081-1.636.798M32.715 40.47c-.247-.596 0-1.28.548-1.621a17.6 17.6 0 0 0 5.584-5.585c.342-.547 1.024-.795 1.621-.548c.683.283.979 1.092.592 1.722a20.1 20.1 0 0 1-6.623 6.624c-.63.387-1.44.09-1.722-.592m-14.2 1.342c.246-.597.904-.904 1.534-.76c1.269.293 2.59.448 3.948.448s2.68-.155 3.95-.448c.63-.145 1.288.163 1.535.76c.283.682-.08 1.463-.798 1.636a20 20 0 0 1-4.687.552a20 20 0 0 1-4.685-.552c-.718-.172-1.08-.953-.798-1.636M7.525 32.717c.597-.248 1.28 0 1.622.548a17.6 17.6 0 0 0 5.585 5.585c.548.342.795 1.025.548 1.621c-.282.683-1.092.979-1.722.593a20.1 20.1 0 0 1-6.625-6.626c-.386-.63-.09-1.439.592-1.721m-1.34-14.201c.596.247.904.905.759 1.535A17.6 17.6 0 0 0 6.497 24c0 1.358.155 2.68.447 3.949c.146.63-.162 1.288-.759 1.535c-.682.282-1.464-.08-1.636-.798A20 20 0 0 1 3.997 24c0-1.614.191-3.183.552-4.686c.172-.718.954-1.08 1.636-.798"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="currentColor" d="M15.282 7.528c-.283-.682-1.092-.978-1.722-.592a20.1 20.1 0 0 0-6.626 6.625c-.386.63-.09 1.44.592 1.722c.597.247 1.28 0 1.622-.548a17.6 17.6 0 0 1 5.586-5.585c.547-.342.795-1.025.548-1.622m4.767-.581c-.629.145-1.287-.163-1.534-.76c-.283-.682.08-1.463.798-1.635A20 20 0 0 1 23.997 4c1.614 0 3.183.191 4.687.552c.718.173 1.08.954.798 1.636c-.247.597-.906.905-1.535.76a17.6 17.6 0 0 0-3.95-.448c-1.357 0-2.679.155-3.948.447m20.419 8.336c-.597.248-1.28 0-1.622-.548a17.6 17.6 0 0 0-5.584-5.584c-.547-.342-.795-1.025-.547-1.621c.282-.683 1.092-.979 1.721-.593a20.1 20.1 0 0 1 6.624 6.625c.386.63.09 1.439-.592 1.721m1.341 14.2c-.597-.247-.904-.905-.76-1.535a17.6 17.6 0 0 0 .001-7.897c-.145-.63.162-1.287.76-1.535c.681-.282 1.463.08 1.635.798c.361 1.503.552 3.072.552 4.686a20 20 0 0 1-.552 4.685c-.172.718-.954 1.081-1.636.798M32.715 40.47c-.247-.596 0-1.28.548-1.621a17.6 17.6 0 0 0 5.584-5.585c.342-.547 1.024-.795 1.621-.548c.683.283.979 1.092.592 1.722a20.1 20.1 0 0 1-6.623 6.624c-.63.387-1.44.09-1.722-.592m-14.2 1.342c.246-.597.904-.904 1.534-.76c1.269.293 2.59.448 3.948.448s2.68-.155 3.95-.448c.63-.145 1.288.163 1.535.76c.283.682-.08 1.463-.798 1.636a20 20 0 0 1-4.687.552a20 20 0 0 1-4.685-.552c-.718-.172-1.08-.953-.798-1.636M7.525 32.717c.597-.248 1.28 0 1.622.548a17.6 17.6 0 0 0 5.585 5.585c.548.342.795 1.025.548 1.621c-.282.683-1.092.979-1.722.593a20.1 20.1 0 0 1-6.625-6.626c-.386-.63-.09-1.439.592-1.721m-1.34-14.201c.596.247.904.905.759 1.535A17.6 17.6 0 0 0 6.497 24c0 1.358.155 2.68.447 3.949c.146.63-.162 1.288-.759 1.535c-.682.282-1.464-.08-1.636-.798A20 20 0 0 1 3.997 24c0-1.614.191-3.183.552-4.686c.172-.718.954-1.08 1.636-.798"/></svg> </template>
CSS
.icon-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%22M15.282%207.528c-.283-.682-1.092-.978-1.722-.592a20.1%2020.1%200%200%200-6.626%206.625c-.386.63-.09%201.44.592%201.722c.597.247%201.28%200%201.622-.548a17.6%2017.6%200%200%201%205.586-5.585c.547-.342.795-1.025.548-1.622m4.767-.581c-.629.145-1.287-.163-1.534-.76c-.283-.682.08-1.463.798-1.635A20%2020%200%200%201%2023.997%204c1.614%200%203.183.191%204.687.552c.718.173%201.08.954.798%201.636c-.247.597-.906.905-1.535.76a17.6%2017.6%200%200%200-3.95-.448c-1.357%200-2.679.155-3.948.447m20.419%208.336c-.597.248-1.28%200-1.622-.548a17.6%2017.6%200%200%200-5.584-5.584c-.547-.342-.795-1.025-.547-1.621c.282-.683%201.092-.979%201.721-.593a20.1%2020.1%200%200%201%206.624%206.625c.386.63.09%201.439-.592%201.721m1.341%2014.2c-.597-.247-.904-.905-.76-1.535a17.6%2017.6%200%200%200%20.001-7.897c-.145-.63.162-1.287.76-1.535c.681-.282%201.463.08%201.635.798c.361%201.503.552%203.072.552%204.686a20%2020%200%200%201-.552%204.685c-.172.718-.954%201.081-1.636.798M32.715%2040.47c-.247-.596%200-1.28.548-1.621a17.6%2017.6%200%200%200%205.584-5.585c.342-.547%201.024-.795%201.621-.548c.683.283.979%201.092.592%201.722a20.1%2020.1%200%200%201-6.623%206.624c-.63.387-1.44.09-1.722-.592m-14.2%201.342c.246-.597.904-.904%201.534-.76c1.269.293%202.59.448%203.948.448s2.68-.155%203.95-.448c.63-.145%201.288.163%201.535.76c.283.682-.08%201.463-.798%201.636a20%2020%200%200%201-4.687.552a20%2020%200%200%201-4.685-.552c-.718-.172-1.08-.953-.798-1.636M7.525%2032.717c.597-.248%201.28%200%201.622.548a17.6%2017.6%200%200%200%205.585%205.585c.548.342.795%201.025.548%201.621c-.282.683-1.092.979-1.722.593a20.1%2020.1%200%200%201-6.625-6.626c-.386-.63-.09-1.439.592-1.721m-1.34-14.201c.596.247.904.905.759%201.535A17.6%2017.6%200%200%200%206.497%2024c0%201.358.155%202.68.447%203.949c.146.63-.162%201.288-.759%201.535c-.682.282-1.464-.08-1.636-.798A20%2020%200%200%201%203.997%2024c0-1.614.191-3.183.552-4.686c.172-.718.954-1.08%201.636-.798%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%22M15.282%207.528c-.283-.682-1.092-.978-1.722-.592a20.1%2020.1%200%200%200-6.626%206.625c-.386.63-.09%201.44.592%201.722c.597.247%201.28%200%201.622-.548a17.6%2017.6%200%200%201%205.586-5.585c.547-.342.795-1.025.548-1.622m4.767-.581c-.629.145-1.287-.163-1.534-.76c-.283-.682.08-1.463.798-1.635A20%2020%200%200%201%2023.997%204c1.614%200%203.183.191%204.687.552c.718.173%201.08.954.798%201.636c-.247.597-.906.905-1.535.76a17.6%2017.6%200%200%200-3.95-.448c-1.357%200-2.679.155-3.948.447m20.419%208.336c-.597.248-1.28%200-1.622-.548a17.6%2017.6%200%200%200-5.584-5.584c-.547-.342-.795-1.025-.547-1.621c.282-.683%201.092-.979%201.721-.593a20.1%2020.1%200%200%201%206.624%206.625c.386.63.09%201.439-.592%201.721m1.341%2014.2c-.597-.247-.904-.905-.76-1.535a17.6%2017.6%200%200%200%20.001-7.897c-.145-.63.162-1.287.76-1.535c.681-.282%201.463.08%201.635.798c.361%201.503.552%203.072.552%204.686a20%2020%200%200%201-.552%204.685c-.172.718-.954%201.081-1.636.798M32.715%2040.47c-.247-.596%200-1.28.548-1.621a17.6%2017.6%200%200%200%205.584-5.585c.342-.547%201.024-.795%201.621-.548c.683.283.979%201.092.592%201.722a20.1%2020.1%200%200%201-6.623%206.624c-.63.387-1.44.09-1.722-.592m-14.2%201.342c.246-.597.904-.904%201.534-.76c1.269.293%202.59.448%203.948.448s2.68-.155%203.95-.448c.63-.145%201.288.163%201.535.76c.283.682-.08%201.463-.798%201.636a20%2020%200%200%201-4.687.552a20%2020%200%200%201-4.685-.552c-.718-.172-1.08-.953-.798-1.636M7.525%2032.717c.597-.248%201.28%200%201.622.548a17.6%2017.6%200%200%200%205.585%205.585c.548.342.795%201.025.548%201.621c-.282.683-1.092.979-1.722.593a20.1%2020.1%200%200%201-6.625-6.626c-.386-.63-.09-1.439.592-1.721m-1.34-14.201c.596.247.904.905.759%201.535A17.6%2017.6%200%200%200%206.497%2024c0%201.358.155%202.68.447%203.949c.146.63-.162%201.288-.759%201.535c-.682.282-1.464-.08-1.636-.798A20%2020%200%200%201%203.997%2024c0-1.614.191-3.183.552-4.686c.172-.718.954-1.08%201.636-.798%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/circle-hint-48-regular.svg?color=%231a73e8&size=48
