heart circle hint icon

heart-circle-hint-16-regular from Fluent UI System Icons by Microsoft Corporation · 16 Regular · MIT Free for personal and commercial use.

Name
heart-circle-hint-16-regular
Set
Fluent UI System Icons
Style
16 Regular
Viewbox
16×16
License
MIT

11 other variants in Fluent UI System Icons

heart-circle-hint-16-filledheart-circle-hint-20-filledheart-circle-hint-20-regularheart-circle-hint-24-filledheart-circle-hint-24-regularheart-circle-hint-28-filledheart-circle-hint-28-regularheart-circle-hint-32-filledheart-circle-hint-32-regularheart-circle-hint-48-filledheart-circle-hint-48-regular

Related icons in Fluent UI System Icons

heart-broken-16-filledheart-circle-16-filledheart-off-16-filledheart-pulse-20-filledheart-pulse-checkmark-20-filledheart-pulse-error-20-filledheart-pulse-warning-20-filled

Use the heart circle hint icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M6.845 13.889a6 6 0 0 0 2.304 0a.54.54 0 0 1 .604.311a.475.475 0 0 1-.33.656a7 7 0 0 1-2.853-.002a.475.475 0 0 1-.329-.656a.54.54 0 0 1 .604-.31m6.132-2.537a.54.54 0 0 1 .646-.208a.475.475 0 0 1 .23.697a7 7 0 0 1-2.017 2.015a.475.475 0 0 1-.697-.23a.54.54 0 0 1 .208-.646a6 6 0 0 0 1.63-1.628M2.375 11.14a.54.54 0 0 1 .646.208a6 6 0 0 0 1.627 1.628a.536.536 0 0 1 .207.646a.475.475 0 0 1-.697.23a7 7 0 0 1-2.013-2.015a.476.476 0 0 1 .23-.697m2.682-5.085a1.914 1.914 0 0 1 2.707 0L8 6.293l.237-.236a1.914 1.914 0 0 1 2.707 0l.132.145c.613.752.57 1.86-.132 2.562l-2.59 2.59a.5.5 0 0 1-.707 0l-2.59-2.591a1.914 1.914 0 0 1 0-2.707m2 .707a.915.915 0 0 0-1.293 1.293l2.238 2.237l2.236-2.236a.915.915 0 0 0 .063-1.224l-.063-.07a.914.914 0 0 0-1.293 0l-.59.59a.5.5 0 0 1-.708 0zm7.142-.52a.475.475 0 0 1 .656.33a7 7 0 0 1 0 2.856a.476.476 0 0 1-.657.33a.54.54 0 0 1-.31-.604a6 6 0 0 0 .002-2.308a.54.54 0 0 1 .31-.604m-13.054.334a.475.475 0 0 1 .655-.33a.54.54 0 0 1 .31.603a6 6 0 0 0 0 2.302a.54.54 0 0 1-.31.603a.475.475 0 0 1-.654-.33a7 7 0 0 1-.001-2.848m3.013-4.43a.475.475 0 0 1 .697.23a.54.54 0 0 1-.207.645A6 6 0 0 0 3.02 4.653a.536.536 0 0 1-.646.207a.475.475 0 0 1-.23-.696a7 7 0 0 1 2.014-2.017m6.98.227a.475.475 0 0 1 .698-.23a7 7 0 0 1 2.018 2.016a.475.475 0 0 1-.23.697a.54.54 0 0 1-.646-.207a6 6 0 0 0-1.631-1.63a.54.54 0 0 1-.208-.646M8 1q.732.001 1.422.145c.294.06.446.377.33.655a.54.54 0 0 1-.603.31a6 6 0 0 0-2.304.001a.54.54 0 0 1-.604-.31a.476.476 0 0 1 .33-.655Q7.265 1 8 1"/></svg>

React

import type { SVGProps } from "react";

export function FluentHeartCircleHint16Regular(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M6.845 13.889a6 6 0 0 0 2.304 0a.54.54 0 0 1 .604.311a.475.475 0 0 1-.33.656a7 7 0 0 1-2.853-.002a.475.475 0 0 1-.329-.656a.54.54 0 0 1 .604-.31m6.132-2.537a.54.54 0 0 1 .646-.208a.475.475 0 0 1 .23.697a7 7 0 0 1-2.017 2.015a.475.475 0 0 1-.697-.23a.54.54 0 0 1 .208-.646a6 6 0 0 0 1.63-1.628M2.375 11.14a.54.54 0 0 1 .646.208a6 6 0 0 0 1.627 1.628a.536.536 0 0 1 .207.646a.475.475 0 0 1-.697.23a7 7 0 0 1-2.013-2.015a.476.476 0 0 1 .23-.697m2.682-5.085a1.914 1.914 0 0 1 2.707 0L8 6.293l.237-.236a1.914 1.914 0 0 1 2.707 0l.132.145c.613.752.57 1.86-.132 2.562l-2.59 2.59a.5.5 0 0 1-.707 0l-2.59-2.591a1.914 1.914 0 0 1 0-2.707m2 .707a.915.915 0 0 0-1.293 1.293l2.238 2.237l2.236-2.236a.915.915 0 0 0 .063-1.224l-.063-.07a.914.914 0 0 0-1.293 0l-.59.59a.5.5 0 0 1-.708 0zm7.142-.52a.475.475 0 0 1 .656.33a7 7 0 0 1 0 2.856a.476.476 0 0 1-.657.33a.54.54 0 0 1-.31-.604a6 6 0 0 0 .002-2.308a.54.54 0 0 1 .31-.604m-13.054.334a.475.475 0 0 1 .655-.33a.54.54 0 0 1 .31.603a6 6 0 0 0 0 2.302a.54.54 0 0 1-.31.603a.475.475 0 0 1-.654-.33a7 7 0 0 1-.001-2.848m3.013-4.43a.475.475 0 0 1 .697.23a.54.54 0 0 1-.207.645A6 6 0 0 0 3.02 4.653a.536.536 0 0 1-.646.207a.475.475 0 0 1-.23-.696a7 7 0 0 1 2.014-2.017m6.98.227a.475.475 0 0 1 .698-.23a7 7 0 0 1 2.018 2.016a.475.475 0 0 1-.23.697a.54.54 0 0 1-.646-.207a6 6 0 0 0-1.631-1.63a.54.54 0 0 1-.208-.646M8 1q.732.001 1.422.145c.294.06.446.377.33.655a.54.54 0 0 1-.603.31a6 6 0 0 0-2.304.001a.54.54 0 0 1-.604-.31a.476.476 0 0 1 .33-.655Q7.265 1 8 1"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M6.845 13.889a6 6 0 0 0 2.304 0a.54.54 0 0 1 .604.311a.475.475 0 0 1-.33.656a7 7 0 0 1-2.853-.002a.475.475 0 0 1-.329-.656a.54.54 0 0 1 .604-.31m6.132-2.537a.54.54 0 0 1 .646-.208a.475.475 0 0 1 .23.697a7 7 0 0 1-2.017 2.015a.475.475 0 0 1-.697-.23a.54.54 0 0 1 .208-.646a6 6 0 0 0 1.63-1.628M2.375 11.14a.54.54 0 0 1 .646.208a6 6 0 0 0 1.627 1.628a.536.536 0 0 1 .207.646a.475.475 0 0 1-.697.23a7 7 0 0 1-2.013-2.015a.476.476 0 0 1 .23-.697m2.682-5.085a1.914 1.914 0 0 1 2.707 0L8 6.293l.237-.236a1.914 1.914 0 0 1 2.707 0l.132.145c.613.752.57 1.86-.132 2.562l-2.59 2.59a.5.5 0 0 1-.707 0l-2.59-2.591a1.914 1.914 0 0 1 0-2.707m2 .707a.915.915 0 0 0-1.293 1.293l2.238 2.237l2.236-2.236a.915.915 0 0 0 .063-1.224l-.063-.07a.914.914 0 0 0-1.293 0l-.59.59a.5.5 0 0 1-.708 0zm7.142-.52a.475.475 0 0 1 .656.33a7 7 0 0 1 0 2.856a.476.476 0 0 1-.657.33a.54.54 0 0 1-.31-.604a6 6 0 0 0 .002-2.308a.54.54 0 0 1 .31-.604m-13.054.334a.475.475 0 0 1 .655-.33a.54.54 0 0 1 .31.603a6 6 0 0 0 0 2.302a.54.54 0 0 1-.31.603a.475.475 0 0 1-.654-.33a7 7 0 0 1-.001-2.848m3.013-4.43a.475.475 0 0 1 .697.23a.54.54 0 0 1-.207.645A6 6 0 0 0 3.02 4.653a.536.536 0 0 1-.646.207a.475.475 0 0 1-.23-.696a7 7 0 0 1 2.014-2.017m6.98.227a.475.475 0 0 1 .698-.23a7 7 0 0 1 2.018 2.016a.475.475 0 0 1-.23.697a.54.54 0 0 1-.646-.207a6 6 0 0 0-1.631-1.63a.54.54 0 0 1-.208-.646M8 1q.732.001 1.422.145c.294.06.446.377.33.655a.54.54 0 0 1-.603.31a6 6 0 0 0-2.304.001a.54.54 0 0 1-.604-.31a.476.476 0 0 1 .33-.655Q7.265 1 8 1"/></svg>
</template>

CSS

.icon-heart-circle-hint-16-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%2016%2016%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M6.845%2013.889a6%206%200%200%200%202.304%200a.54.54%200%200%201%20.604.311a.475.475%200%200%201-.33.656a7%207%200%200%201-2.853-.002a.475.475%200%200%201-.329-.656a.54.54%200%200%201%20.604-.31m6.132-2.537a.54.54%200%200%201%20.646-.208a.475.475%200%200%201%20.23.697a7%207%200%200%201-2.017%202.015a.475.475%200%200%201-.697-.23a.54.54%200%200%201%20.208-.646a6%206%200%200%200%201.63-1.628M2.375%2011.14a.54.54%200%200%201%20.646.208a6%206%200%200%200%201.627%201.628a.536.536%200%200%201%20.207.646a.475.475%200%200%201-.697.23a7%207%200%200%201-2.013-2.015a.476.476%200%200%201%20.23-.697m2.682-5.085a1.914%201.914%200%200%201%202.707%200L8%206.293l.237-.236a1.914%201.914%200%200%201%202.707%200l.132.145c.613.752.57%201.86-.132%202.562l-2.59%202.59a.5.5%200%200%201-.707%200l-2.59-2.591a1.914%201.914%200%200%201%200-2.707m2%20.707a.915.915%200%200%200-1.293%201.293l2.238%202.237l2.236-2.236a.915.915%200%200%200%20.063-1.224l-.063-.07a.914.914%200%200%200-1.293%200l-.59.59a.5.5%200%200%201-.708%200zm7.142-.52a.475.475%200%200%201%20.656.33a7%207%200%200%201%200%202.856a.476.476%200%200%201-.657.33a.54.54%200%200%201-.31-.604a6%206%200%200%200%20.002-2.308a.54.54%200%200%201%20.31-.604m-13.054.334a.475.475%200%200%201%20.655-.33a.54.54%200%200%201%20.31.603a6%206%200%200%200%200%202.302a.54.54%200%200%201-.31.603a.475.475%200%200%201-.654-.33a7%207%200%200%201-.001-2.848m3.013-4.43a.475.475%200%200%201%20.697.23a.54.54%200%200%201-.207.645A6%206%200%200%200%203.02%204.653a.536.536%200%200%201-.646.207a.475.475%200%200%201-.23-.696a7%207%200%200%201%202.014-2.017m6.98.227a.475.475%200%200%201%20.698-.23a7%207%200%200%201%202.018%202.016a.475.475%200%200%201-.23.697a.54.54%200%200%201-.646-.207a6%206%200%200%200-1.631-1.63a.54.54%200%200%201-.208-.646M8%201q.732.001%201.422.145c.294.06.446.377.33.655a.54.54%200%200%201-.603.31a6%206%200%200%200-2.304.001a.54.54%200%200%201-.604-.31a.476.476%200%200%201%20.33-.655Q7.265%201%208%201%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%2016%2016%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M6.845%2013.889a6%206%200%200%200%202.304%200a.54.54%200%200%201%20.604.311a.475.475%200%200%201-.33.656a7%207%200%200%201-2.853-.002a.475.475%200%200%201-.329-.656a.54.54%200%200%201%20.604-.31m6.132-2.537a.54.54%200%200%201%20.646-.208a.475.475%200%200%201%20.23.697a7%207%200%200%201-2.017%202.015a.475.475%200%200%201-.697-.23a.54.54%200%200%201%20.208-.646a6%206%200%200%200%201.63-1.628M2.375%2011.14a.54.54%200%200%201%20.646.208a6%206%200%200%200%201.627%201.628a.536.536%200%200%201%20.207.646a.475.475%200%200%201-.697.23a7%207%200%200%201-2.013-2.015a.476.476%200%200%201%20.23-.697m2.682-5.085a1.914%201.914%200%200%201%202.707%200L8%206.293l.237-.236a1.914%201.914%200%200%201%202.707%200l.132.145c.613.752.57%201.86-.132%202.562l-2.59%202.59a.5.5%200%200%201-.707%200l-2.59-2.591a1.914%201.914%200%200%201%200-2.707m2%20.707a.915.915%200%200%200-1.293%201.293l2.238%202.237l2.236-2.236a.915.915%200%200%200%20.063-1.224l-.063-.07a.914.914%200%200%200-1.293%200l-.59.59a.5.5%200%200%201-.708%200zm7.142-.52a.475.475%200%200%201%20.656.33a7%207%200%200%201%200%202.856a.476.476%200%200%201-.657.33a.54.54%200%200%201-.31-.604a6%206%200%200%200%20.002-2.308a.54.54%200%200%201%20.31-.604m-13.054.334a.475.475%200%200%201%20.655-.33a.54.54%200%200%201%20.31.603a6%206%200%200%200%200%202.302a.54.54%200%200%201-.31.603a.475.475%200%200%201-.654-.33a7%207%200%200%201-.001-2.848m3.013-4.43a.475.475%200%200%201%20.697.23a.54.54%200%200%201-.207.645A6%206%200%200%200%203.02%204.653a.536.536%200%200%201-.646.207a.475.475%200%200%201-.23-.696a7%207%200%200%201%202.014-2.017m6.98.227a.475.475%200%200%201%20.698-.23a7%207%200%200%201%202.018%202.016a.475.475%200%200%201-.23.697a.54.54%200%200%201-.646-.207a6%206%200%200%200-1.631-1.63a.54.54%200%200%201-.208-.646M8%201q.732.001%201.422.145c.294.06.446.377.33.655a.54.54%200%200%201-.603.31a6%206%200%200%200-2.304.001a.54.54%200%200%201-.604-.31a.476.476%200%200%201%20.33-.655Q7.265%201%208%201%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/heart-circle-hint-16-regular.svg?color=%231a73e8&size=48