checkmark circle hint icon

checkmark-circle-hint-48-filled from Fluent UI System Icons by Microsoft Corporation · 48 Filled · MIT Free for personal and commercial use.

Name: checkmark-circle-hint-48-filled
Set: Fluent UI System Icons
Style: 48 Filled
Viewbox: 48×48
License: MIT

11 other variants in Fluent UI System Icons

checkmark-circle-hint-16-filled checkmark-circle-hint-16-regular checkmark-circle-hint-20-filled checkmark-circle-hint-20-regular checkmark-circle-hint-24-filled checkmark-circle-hint-24-regular checkmark-circle-hint-28-filled checkmark-circle-hint-28-regular checkmark-circle-hint-32-filled checkmark-circle-hint-32-regular checkmark-circle-hint-48-regular

Related icons in Fluent UI System Icons

checkmark-circle-12-filled checkmark-circle-sparkle-20-filled checkmark-circle-square-16-filled checkmark-circle-warning-16-filled checkmark-lock-16-filled checkmark-note-20-filled checkmark-square-20-filled checkmark-starburst-16-filled checkmark-underline-circle-16-filled

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="M18.62 41.556c.297-.716 1.085-1.085 1.843-.924c1.14.241 2.324.368 3.537.368c1.212 0 2.393-.126 3.533-.367c.758-.16 1.546.208 1.843.924c.34.82-.097 1.76-.963 1.955c-1.42.32-2.897.488-4.413.488a20 20 0 0 1-4.419-.49c-.865-.195-1.3-1.135-.96-1.954M38.26 33.26c.422-.65 1.24-.946 1.955-.65c.82.34 1.177 1.313.702 2.064a20.1 20.1 0 0 1-6.244 6.243c-.75.474-1.724.118-2.064-.702c-.296-.715.001-1.533.65-1.955a17.1 17.1 0 0 0 5-5m-30.475-.652c.716-.296 1.534 0 1.956.65a17.1 17.1 0 0 0 4.998 4.999c.649.422.946 1.24.65 1.955c-.34.82-1.314 1.177-2.065.702a20.1 20.1 0 0 1-6.24-6.242c-.474-.75-.119-1.724.701-2.064M30.69 17.44a1.5 1.5 0 1 1 2.12 2.122l-11 11a1.5 1.5 0 0 1-2.12 0l-4.5-4.5a1.5 1.5 0 1 1 2.12-2.122l3.44 3.44zm10.866 1.182c.82-.34 1.76.096 1.955.962c.32 1.421.489 2.9.489 4.417c0 1.518-.169 2.996-.49 4.417c-.194.866-1.134 1.301-1.954.962c-.716-.297-1.084-1.085-.924-1.843c.241-1.14.368-2.324.368-3.536s-.127-2.395-.368-3.536c-.16-.758.208-1.546.924-1.843m-37.067.964c.196-.866 1.135-1.302 1.955-.962c.716.296 1.084 1.085.924 1.843A17 17 0 0 0 7 24c0 1.212.127 2.394.368 3.534c.16.758-.208 1.546-.924 1.842c-.82.34-1.76-.096-1.956-.962A20 20 0 0 1 4 24c0-1.517.17-2.995.49-4.415m8.835-12.5c.75-.475 1.724-.119 2.064.701c.296.715 0 1.534-.649 1.956a17.1 17.1 0 0 0-4.999 5c-.422.648-1.24.945-1.955.649c-.82-.34-1.176-1.313-.702-2.064a20.1 20.1 0 0 1 6.241-6.242m19.284.7c.34-.82 1.314-1.177 2.064-.703a20.1 20.1 0 0 1 6.244 6.243c.474.75.118 1.724-.702 2.064c-.715.296-1.533 0-1.955-.65a17.1 17.1 0 0 0-5.001-5c-.65-.422-.946-1.24-.65-1.955M24 4c1.516 0 2.993.169 4.413.488c.866.195 1.302 1.135.962 1.955c-.296.716-1.085 1.084-1.843.924A17 17 0 0 0 24 7a17 17 0 0 0-3.537.368c-.758.16-1.546-.208-1.843-.924c-.34-.82.096-1.76.962-1.955C21.003 4.17 22.482 4 24 4"/></svg>

React

import type { SVGProps } from "react";

export function FluentCheckmarkCircleHint48Filled(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="M18.62 41.556c.297-.716 1.085-1.085 1.843-.924c1.14.241 2.324.368 3.537.368c1.212 0 2.393-.126 3.533-.367c.758-.16 1.546.208 1.843.924c.34.82-.097 1.76-.963 1.955c-1.42.32-2.897.488-4.413.488a20 20 0 0 1-4.419-.49c-.865-.195-1.3-1.135-.96-1.954M38.26 33.26c.422-.65 1.24-.946 1.955-.65c.82.34 1.177 1.313.702 2.064a20.1 20.1 0 0 1-6.244 6.243c-.75.474-1.724.118-2.064-.702c-.296-.715.001-1.533.65-1.955a17.1 17.1 0 0 0 5-5m-30.475-.652c.716-.296 1.534 0 1.956.65a17.1 17.1 0 0 0 4.998 4.999c.649.422.946 1.24.65 1.955c-.34.82-1.314 1.177-2.065.702a20.1 20.1 0 0 1-6.24-6.242c-.474-.75-.119-1.724.701-2.064M30.69 17.44a1.5 1.5 0 1 1 2.12 2.122l-11 11a1.5 1.5 0 0 1-2.12 0l-4.5-4.5a1.5 1.5 0 1 1 2.12-2.122l3.44 3.44zm10.866 1.182c.82-.34 1.76.096 1.955.962c.32 1.421.489 2.9.489 4.417c0 1.518-.169 2.996-.49 4.417c-.194.866-1.134 1.301-1.954.962c-.716-.297-1.084-1.085-.924-1.843c.241-1.14.368-2.324.368-3.536s-.127-2.395-.368-3.536c-.16-.758.208-1.546.924-1.843m-37.067.964c.196-.866 1.135-1.302 1.955-.962c.716.296 1.084 1.085.924 1.843A17 17 0 0 0 7 24c0 1.212.127 2.394.368 3.534c.16.758-.208 1.546-.924 1.842c-.82.34-1.76-.096-1.956-.962A20 20 0 0 1 4 24c0-1.517.17-2.995.49-4.415m8.835-12.5c.75-.475 1.724-.119 2.064.701c.296.715 0 1.534-.649 1.956a17.1 17.1 0 0 0-4.999 5c-.422.648-1.24.945-1.955.649c-.82-.34-1.176-1.313-.702-2.064a20.1 20.1 0 0 1 6.241-6.242m19.284.7c.34-.82 1.314-1.177 2.064-.703a20.1 20.1 0 0 1 6.244 6.243c.474.75.118 1.724-.702 2.064c-.715.296-1.533 0-1.955-.65a17.1 17.1 0 0 0-5.001-5c-.65-.422-.946-1.24-.65-1.955M24 4c1.516 0 2.993.169 4.413.488c.866.195 1.302 1.135.962 1.955c-.296.716-1.085 1.084-1.843.924A17 17 0 0 0 24 7a17 17 0 0 0-3.537.368c-.758.16-1.546-.208-1.843-.924c-.34-.82.096-1.76.962-1.955C21.003 4.17 22.482 4 24 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="M18.62 41.556c.297-.716 1.085-1.085 1.843-.924c1.14.241 2.324.368 3.537.368c1.212 0 2.393-.126 3.533-.367c.758-.16 1.546.208 1.843.924c.34.82-.097 1.76-.963 1.955c-1.42.32-2.897.488-4.413.488a20 20 0 0 1-4.419-.49c-.865-.195-1.3-1.135-.96-1.954M38.26 33.26c.422-.65 1.24-.946 1.955-.65c.82.34 1.177 1.313.702 2.064a20.1 20.1 0 0 1-6.244 6.243c-.75.474-1.724.118-2.064-.702c-.296-.715.001-1.533.65-1.955a17.1 17.1 0 0 0 5-5m-30.475-.652c.716-.296 1.534 0 1.956.65a17.1 17.1 0 0 0 4.998 4.999c.649.422.946 1.24.65 1.955c-.34.82-1.314 1.177-2.065.702a20.1 20.1 0 0 1-6.24-6.242c-.474-.75-.119-1.724.701-2.064M30.69 17.44a1.5 1.5 0 1 1 2.12 2.122l-11 11a1.5 1.5 0 0 1-2.12 0l-4.5-4.5a1.5 1.5 0 1 1 2.12-2.122l3.44 3.44zm10.866 1.182c.82-.34 1.76.096 1.955.962c.32 1.421.489 2.9.489 4.417c0 1.518-.169 2.996-.49 4.417c-.194.866-1.134 1.301-1.954.962c-.716-.297-1.084-1.085-.924-1.843c.241-1.14.368-2.324.368-3.536s-.127-2.395-.368-3.536c-.16-.758.208-1.546.924-1.843m-37.067.964c.196-.866 1.135-1.302 1.955-.962c.716.296 1.084 1.085.924 1.843A17 17 0 0 0 7 24c0 1.212.127 2.394.368 3.534c.16.758-.208 1.546-.924 1.842c-.82.34-1.76-.096-1.956-.962A20 20 0 0 1 4 24c0-1.517.17-2.995.49-4.415m8.835-12.5c.75-.475 1.724-.119 2.064.701c.296.715 0 1.534-.649 1.956a17.1 17.1 0 0 0-4.999 5c-.422.648-1.24.945-1.955.649c-.82-.34-1.176-1.313-.702-2.064a20.1 20.1 0 0 1 6.241-6.242m19.284.7c.34-.82 1.314-1.177 2.064-.703a20.1 20.1 0 0 1 6.244 6.243c.474.75.118 1.724-.702 2.064c-.715.296-1.533 0-1.955-.65a17.1 17.1 0 0 0-5.001-5c-.65-.422-.946-1.24-.65-1.955M24 4c1.516 0 2.993.169 4.413.488c.866.195 1.302 1.135.962 1.955c-.296.716-1.085 1.084-1.843.924A17 17 0 0 0 24 7a17 17 0 0 0-3.537.368c-.758.16-1.546-.208-1.843-.924c-.34-.82.096-1.76.962-1.955C21.003 4.17 22.482 4 24 4"/></svg>
</template>

CSS

.icon-checkmark-circle-hint-48-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%2048%2048%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M18.62%2041.556c.297-.716%201.085-1.085%201.843-.924c1.14.241%202.324.368%203.537.368c1.212%200%202.393-.126%203.533-.367c.758-.16%201.546.208%201.843.924c.34.82-.097%201.76-.963%201.955c-1.42.32-2.897.488-4.413.488a20%2020%200%200%201-4.419-.49c-.865-.195-1.3-1.135-.96-1.954M38.26%2033.26c.422-.65%201.24-.946%201.955-.65c.82.34%201.177%201.313.702%202.064a20.1%2020.1%200%200%201-6.244%206.243c-.75.474-1.724.118-2.064-.702c-.296-.715.001-1.533.65-1.955a17.1%2017.1%200%200%200%205-5m-30.475-.652c.716-.296%201.534%200%201.956.65a17.1%2017.1%200%200%200%204.998%204.999c.649.422.946%201.24.65%201.955c-.34.82-1.314%201.177-2.065.702a20.1%2020.1%200%200%201-6.24-6.242c-.474-.75-.119-1.724.701-2.064M30.69%2017.44a1.5%201.5%200%201%201%202.12%202.122l-11%2011a1.5%201.5%200%200%201-2.12%200l-4.5-4.5a1.5%201.5%200%201%201%202.12-2.122l3.44%203.44zm10.866%201.182c.82-.34%201.76.096%201.955.962c.32%201.421.489%202.9.489%204.417c0%201.518-.169%202.996-.49%204.417c-.194.866-1.134%201.301-1.954.962c-.716-.297-1.084-1.085-.924-1.843c.241-1.14.368-2.324.368-3.536s-.127-2.395-.368-3.536c-.16-.758.208-1.546.924-1.843m-37.067.964c.196-.866%201.135-1.302%201.955-.962c.716.296%201.084%201.085.924%201.843A17%2017%200%200%200%207%2024c0%201.212.127%202.394.368%203.534c.16.758-.208%201.546-.924%201.842c-.82.34-1.76-.096-1.956-.962A20%2020%200%200%201%204%2024c0-1.517.17-2.995.49-4.415m8.835-12.5c.75-.475%201.724-.119%202.064.701c.296.715%200%201.534-.649%201.956a17.1%2017.1%200%200%200-4.999%205c-.422.648-1.24.945-1.955.649c-.82-.34-1.176-1.313-.702-2.064a20.1%2020.1%200%200%201%206.241-6.242m19.284.7c.34-.82%201.314-1.177%202.064-.703a20.1%2020.1%200%200%201%206.244%206.243c.474.75.118%201.724-.702%202.064c-.715.296-1.533%200-1.955-.65a17.1%2017.1%200%200%200-5.001-5c-.65-.422-.946-1.24-.65-1.955M24%204c1.516%200%202.993.169%204.413.488c.866.195%201.302%201.135.962%201.955c-.296.716-1.085%201.084-1.843.924A17%2017%200%200%200%2024%207a17%2017%200%200%200-3.537.368c-.758.16-1.546-.208-1.843-.924c-.34-.82.096-1.76.962-1.955C21.003%204.17%2022.482%204%2024%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%22M18.62%2041.556c.297-.716%201.085-1.085%201.843-.924c1.14.241%202.324.368%203.537.368c1.212%200%202.393-.126%203.533-.367c.758-.16%201.546.208%201.843.924c.34.82-.097%201.76-.963%201.955c-1.42.32-2.897.488-4.413.488a20%2020%200%200%201-4.419-.49c-.865-.195-1.3-1.135-.96-1.954M38.26%2033.26c.422-.65%201.24-.946%201.955-.65c.82.34%201.177%201.313.702%202.064a20.1%2020.1%200%200%201-6.244%206.243c-.75.474-1.724.118-2.064-.702c-.296-.715.001-1.533.65-1.955a17.1%2017.1%200%200%200%205-5m-30.475-.652c.716-.296%201.534%200%201.956.65a17.1%2017.1%200%200%200%204.998%204.999c.649.422.946%201.24.65%201.955c-.34.82-1.314%201.177-2.065.702a20.1%2020.1%200%200%201-6.24-6.242c-.474-.75-.119-1.724.701-2.064M30.69%2017.44a1.5%201.5%200%201%201%202.12%202.122l-11%2011a1.5%201.5%200%200%201-2.12%200l-4.5-4.5a1.5%201.5%200%201%201%202.12-2.122l3.44%203.44zm10.866%201.182c.82-.34%201.76.096%201.955.962c.32%201.421.489%202.9.489%204.417c0%201.518-.169%202.996-.49%204.417c-.194.866-1.134%201.301-1.954.962c-.716-.297-1.084-1.085-.924-1.843c.241-1.14.368-2.324.368-3.536s-.127-2.395-.368-3.536c-.16-.758.208-1.546.924-1.843m-37.067.964c.196-.866%201.135-1.302%201.955-.962c.716.296%201.084%201.085.924%201.843A17%2017%200%200%200%207%2024c0%201.212.127%202.394.368%203.534c.16.758-.208%201.546-.924%201.842c-.82.34-1.76-.096-1.956-.962A20%2020%200%200%201%204%2024c0-1.517.17-2.995.49-4.415m8.835-12.5c.75-.475%201.724-.119%202.064.701c.296.715%200%201.534-.649%201.956a17.1%2017.1%200%200%200-4.999%205c-.422.648-1.24.945-1.955.649c-.82-.34-1.176-1.313-.702-2.064a20.1%2020.1%200%200%201%206.241-6.242m19.284.7c.34-.82%201.314-1.177%202.064-.703a20.1%2020.1%200%200%201%206.244%206.243c.474.75.118%201.724-.702%202.064c-.715.296-1.533%200-1.955-.65a17.1%2017.1%200%200%200-5.001-5c-.65-.422-.946-1.24-.65-1.955M24%204c1.516%200%202.993.169%204.413.488c.866.195%201.302%201.135.962%201.955c-.296.716-1.085%201.084-1.843.924A17%2017%200%200%200%2024%207a17%2017%200%200%200-3.537.368c-.758.16-1.546-.208-1.843-.924c-.34-.82.096-1.76.962-1.955C21.003%204.17%2022.482%204%2024%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-filled.svg?color=%231a73e8&size=48