smiling face with hearts emoji

smiling-face-with-hearts from Fluent Emoji High Contrast by Microsoft Corporation · Default · Smileys & Emotion · MIT Free for personal and commercial use.

Name
smiling-face-with-hearts
Set
Fluent Emoji High Contrast
Style
Default
Category
Smileys & Emotion
Viewbox
32×32
License
MIT

The same emoji in other sets

smiling-face-with-heartsFluent Emojismiling-face-with-heartsFluent Emoji Flatsmiling-face-with-heartsNoto Emojismiling-face-with-heartsOpenMojismiling-face-with-heartsTwitter Emoji

More smileys & emotion icons from Fluent Emoji High Contrast

alienalien-monsteranger-symbolangry-faceangry-face-with-hornsanguished-faceanxious-face-with-sweatastonished-facebeaming-face-with-smiling-eyesbeating-heartblack-heartblue-heartbombbroken-heartbrown-heartcat-with-tears-of-joycat-with-wry-smileclown-facecold-facecollisionconfounded-faceconfused-facecowboy-hat-facecrying-cat

Use the smiling face with hearts emoji

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="currentColor"><path d="M6 2c-.5-.5-1.787-1.26-3-.9C1.4 1.575.4 4 1.4 6c.338.675.883 1.404 1.463 2.096c.404.481.825.945 1.204 1.36q.112.123.24.219c.545.407 1.29.458 1.846.034C7.383 8.772 8.911 7.383 9.5 6.5c1-1.5 1.525-3.475.25-4.75C8.168.168 6.5 1.5 6 2m4.959-.33a3.65 3.65 0 0 1 .543 1.925C12.832 3.21 14.329 3 15.999 3c4.43 0 7.648 1.48 9.764 3.778c2.129 2.311 3.235 5.55 3.235 9.22V16H29c.812 0 1.478.255 1.987.664q.01-.33.01-.665c0-4.061-1.226-7.821-3.763-10.576C24.684 2.654 20.903 1 16 1c-1.84 0-3.522.233-5.04.67m14.704 24.232a1 1 0 0 1-.31-.242c-.962-1.126-2.729-3.222-3.354-4.16c-1-1.5-.897-3.767 1-4.4c1.5-.5 3.167.9 3.5 1.4c.167-.5.9-1.5 2.5-1.5q.202 0 .385.028q.29.044.531.15c.438.188.759.512.97.904c.391.722.412 1.673.114 2.418c-.248.62-.68 1.294-1.189 1.96c-.992 1.295-2.28 2.554-3.075 3.29a.94.94 0 0 1-1.072.152m-9.665 3.096c3.682 0 6.526-1.022 8.597-2.687a1.96 1.96 0 0 0 2.495.417c-2.547 2.676-6.28 4.27-11.092 4.27c-2.475 0-4.664-.422-6.554-1.195c.381-.48.805-1.066 1.162-1.694c1.544.57 3.337.889 5.392.889m-7.495.379q-.12.147-.233.28c-.432.505-1.168.578-1.718.203C5.628 29.23 4.316 28.316 4 28c-1.118-1.118-1.5-3-.5-4s3-.5 3-.5s.5-1.25 2-1c2 .25 2.25 2.5 1.75 4c-.135.405-.338.82-.574 1.222a13.4 13.4 0 0 1-1.172 1.655m-4.125-6.904c-.539.114-1.116.35-1.586.82a3 3 0 0 0-.157.17C1.537 21.243 1 18.687 1 15.999c0-2.473.455-4.834 1.383-6.925c.332.384.659.742.946 1.057c.172.188.37.35.586.482C3.309 12.24 3 14.06 3 16c0 2.386.467 4.59 1.379 6.474M8.982 11.19c.048-.246.158-.55.367-.777c.18-.196.498-.413 1.15-.413c.643 0 .97.222 1.158.429c.218.24.323.545.358.742a1 1 0 0 0 1.97-.342a3.54 3.54 0 0 0-.85-1.747C12.563 8.452 11.696 8 10.5 8c-1.184 0-2.047.431-2.624 1.06c-.548.596-.769 1.293-.858 1.75a1 1 0 1 0 1.964.38"/><path d="M19.982 11.19c.048-.246.158-.55.367-.777c.18-.196.498-.413 1.151-.413c.642 0 .969.222 1.157.429c.219.24.324.545.358.742a1 1 0 0 0 1.97-.342a3.54 3.54 0 0 0-.85-1.747C23.563 8.452 22.696 8 21.5 8c-1.184 0-2.047.431-2.624 1.06c-.548.596-.769 1.293-.857 1.75a1 1 0 1 0 1.963.38M13 16a1 1 0 1 0-2 0c0 .827.24 2.044.989 3.084C12.774 20.175 14.074 21 16 21s3.226-.825 4.012-1.916C20.76 18.044 21 16.827 21 16a1 1 0 1 0-2 0c0 .507-.16 1.289-.611 1.916C17.974 18.49 17.274 19 16 19s-1.974-.509-2.389-1.084C13.162 17.289 13 16.506 13 16"/></g></svg>

React

import type { SVGProps } from "react";

export function FluentEmojiHighContrastSmilingFaceWithHearts(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="currentColor"><path d="M6 2c-.5-.5-1.787-1.26-3-.9C1.4 1.575.4 4 1.4 6c.338.675.883 1.404 1.463 2.096c.404.481.825.945 1.204 1.36q.112.123.24.219c.545.407 1.29.458 1.846.034C7.383 8.772 8.911 7.383 9.5 6.5c1-1.5 1.525-3.475.25-4.75C8.168.168 6.5 1.5 6 2m4.959-.33a3.65 3.65 0 0 1 .543 1.925C12.832 3.21 14.329 3 15.999 3c4.43 0 7.648 1.48 9.764 3.778c2.129 2.311 3.235 5.55 3.235 9.22V16H29c.812 0 1.478.255 1.987.664q.01-.33.01-.665c0-4.061-1.226-7.821-3.763-10.576C24.684 2.654 20.903 1 16 1c-1.84 0-3.522.233-5.04.67m14.704 24.232a1 1 0 0 1-.31-.242c-.962-1.126-2.729-3.222-3.354-4.16c-1-1.5-.897-3.767 1-4.4c1.5-.5 3.167.9 3.5 1.4c.167-.5.9-1.5 2.5-1.5q.202 0 .385.028q.29.044.531.15c.438.188.759.512.97.904c.391.722.412 1.673.114 2.418c-.248.62-.68 1.294-1.189 1.96c-.992 1.295-2.28 2.554-3.075 3.29a.94.94 0 0 1-1.072.152m-9.665 3.096c3.682 0 6.526-1.022 8.597-2.687a1.96 1.96 0 0 0 2.495.417c-2.547 2.676-6.28 4.27-11.092 4.27c-2.475 0-4.664-.422-6.554-1.195c.381-.48.805-1.066 1.162-1.694c1.544.57 3.337.889 5.392.889m-7.495.379q-.12.147-.233.28c-.432.505-1.168.578-1.718.203C5.628 29.23 4.316 28.316 4 28c-1.118-1.118-1.5-3-.5-4s3-.5 3-.5s.5-1.25 2-1c2 .25 2.25 2.5 1.75 4c-.135.405-.338.82-.574 1.222a13.4 13.4 0 0 1-1.172 1.655m-4.125-6.904c-.539.114-1.116.35-1.586.82a3 3 0 0 0-.157.17C1.537 21.243 1 18.687 1 15.999c0-2.473.455-4.834 1.383-6.925c.332.384.659.742.946 1.057c.172.188.37.35.586.482C3.309 12.24 3 14.06 3 16c0 2.386.467 4.59 1.379 6.474M8.982 11.19c.048-.246.158-.55.367-.777c.18-.196.498-.413 1.15-.413c.643 0 .97.222 1.158.429c.218.24.323.545.358.742a1 1 0 0 0 1.97-.342a3.54 3.54 0 0 0-.85-1.747C12.563 8.452 11.696 8 10.5 8c-1.184 0-2.047.431-2.624 1.06c-.548.596-.769 1.293-.858 1.75a1 1 0 1 0 1.964.38"/><path d="M19.982 11.19c.048-.246.158-.55.367-.777c.18-.196.498-.413 1.151-.413c.642 0 .969.222 1.157.429c.219.24.324.545.358.742a1 1 0 0 0 1.97-.342a3.54 3.54 0 0 0-.85-1.747C23.563 8.452 22.696 8 21.5 8c-1.184 0-2.047.431-2.624 1.06c-.548.596-.769 1.293-.857 1.75a1 1 0 1 0 1.963.38M13 16a1 1 0 1 0-2 0c0 .827.24 2.044.989 3.084C12.774 20.175 14.074 21 16 21s3.226-.825 4.012-1.916C20.76 18.044 21 16.827 21 16a1 1 0 1 0-2 0c0 .507-.16 1.289-.611 1.916C17.974 18.49 17.274 19 16 19s-1.974-.509-2.389-1.084C13.162 17.289 13 16.506 13 16"/></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="currentColor"><path d="M6 2c-.5-.5-1.787-1.26-3-.9C1.4 1.575.4 4 1.4 6c.338.675.883 1.404 1.463 2.096c.404.481.825.945 1.204 1.36q.112.123.24.219c.545.407 1.29.458 1.846.034C7.383 8.772 8.911 7.383 9.5 6.5c1-1.5 1.525-3.475.25-4.75C8.168.168 6.5 1.5 6 2m4.959-.33a3.65 3.65 0 0 1 .543 1.925C12.832 3.21 14.329 3 15.999 3c4.43 0 7.648 1.48 9.764 3.778c2.129 2.311 3.235 5.55 3.235 9.22V16H29c.812 0 1.478.255 1.987.664q.01-.33.01-.665c0-4.061-1.226-7.821-3.763-10.576C24.684 2.654 20.903 1 16 1c-1.84 0-3.522.233-5.04.67m14.704 24.232a1 1 0 0 1-.31-.242c-.962-1.126-2.729-3.222-3.354-4.16c-1-1.5-.897-3.767 1-4.4c1.5-.5 3.167.9 3.5 1.4c.167-.5.9-1.5 2.5-1.5q.202 0 .385.028q.29.044.531.15c.438.188.759.512.97.904c.391.722.412 1.673.114 2.418c-.248.62-.68 1.294-1.189 1.96c-.992 1.295-2.28 2.554-3.075 3.29a.94.94 0 0 1-1.072.152m-9.665 3.096c3.682 0 6.526-1.022 8.597-2.687a1.96 1.96 0 0 0 2.495.417c-2.547 2.676-6.28 4.27-11.092 4.27c-2.475 0-4.664-.422-6.554-1.195c.381-.48.805-1.066 1.162-1.694c1.544.57 3.337.889 5.392.889m-7.495.379q-.12.147-.233.28c-.432.505-1.168.578-1.718.203C5.628 29.23 4.316 28.316 4 28c-1.118-1.118-1.5-3-.5-4s3-.5 3-.5s.5-1.25 2-1c2 .25 2.25 2.5 1.75 4c-.135.405-.338.82-.574 1.222a13.4 13.4 0 0 1-1.172 1.655m-4.125-6.904c-.539.114-1.116.35-1.586.82a3 3 0 0 0-.157.17C1.537 21.243 1 18.687 1 15.999c0-2.473.455-4.834 1.383-6.925c.332.384.659.742.946 1.057c.172.188.37.35.586.482C3.309 12.24 3 14.06 3 16c0 2.386.467 4.59 1.379 6.474M8.982 11.19c.048-.246.158-.55.367-.777c.18-.196.498-.413 1.15-.413c.643 0 .97.222 1.158.429c.218.24.323.545.358.742a1 1 0 0 0 1.97-.342a3.54 3.54 0 0 0-.85-1.747C12.563 8.452 11.696 8 10.5 8c-1.184 0-2.047.431-2.624 1.06c-.548.596-.769 1.293-.858 1.75a1 1 0 1 0 1.964.38"/><path d="M19.982 11.19c.048-.246.158-.55.367-.777c.18-.196.498-.413 1.151-.413c.642 0 .969.222 1.157.429c.219.24.324.545.358.742a1 1 0 0 0 1.97-.342a3.54 3.54 0 0 0-.85-1.747C23.563 8.452 22.696 8 21.5 8c-1.184 0-2.047.431-2.624 1.06c-.548.596-.769 1.293-.857 1.75a1 1 0 1 0 1.963.38M13 16a1 1 0 1 0-2 0c0 .827.24 2.044.989 3.084C12.774 20.175 14.074 21 16 21s3.226-.825 4.012-1.916C20.76 18.044 21 16.827 21 16a1 1 0 1 0-2 0c0 .507-.16 1.289-.611 1.916C17.974 18.49 17.274 19 16 19s-1.974-.509-2.389-1.084C13.162 17.289 13 16.506 13 16"/></g></svg>
</template>

CSS

.icon-smiling-face-with-hearts {
  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%2032%2032%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M6%202c-.5-.5-1.787-1.26-3-.9C1.4%201.575.4%204%201.4%206c.338.675.883%201.404%201.463%202.096c.404.481.825.945%201.204%201.36q.112.123.24.219c.545.407%201.29.458%201.846.034C7.383%208.772%208.911%207.383%209.5%206.5c1-1.5%201.525-3.475.25-4.75C8.168.168%206.5%201.5%206%202m4.959-.33a3.65%203.65%200%200%201%20.543%201.925C12.832%203.21%2014.329%203%2015.999%203c4.43%200%207.648%201.48%209.764%203.778c2.129%202.311%203.235%205.55%203.235%209.22V16H29c.812%200%201.478.255%201.987.664q.01-.33.01-.665c0-4.061-1.226-7.821-3.763-10.576C24.684%202.654%2020.903%201%2016%201c-1.84%200-3.522.233-5.04.67m14.704%2024.232a1%201%200%200%201-.31-.242c-.962-1.126-2.729-3.222-3.354-4.16c-1-1.5-.897-3.767%201-4.4c1.5-.5%203.167.9%203.5%201.4c.167-.5.9-1.5%202.5-1.5q.202%200%20.385.028q.29.044.531.15c.438.188.759.512.97.904c.391.722.412%201.673.114%202.418c-.248.62-.68%201.294-1.189%201.96c-.992%201.295-2.28%202.554-3.075%203.29a.94.94%200%200%201-1.072.152m-9.665%203.096c3.682%200%206.526-1.022%208.597-2.687a1.96%201.96%200%200%200%202.495.417c-2.547%202.676-6.28%204.27-11.092%204.27c-2.475%200-4.664-.422-6.554-1.195c.381-.48.805-1.066%201.162-1.694c1.544.57%203.337.889%205.392.889m-7.495.379q-.12.147-.233.28c-.432.505-1.168.578-1.718.203C5.628%2029.23%204.316%2028.316%204%2028c-1.118-1.118-1.5-3-.5-4s3-.5%203-.5s.5-1.25%202-1c2%20.25%202.25%202.5%201.75%204c-.135.405-.338.82-.574%201.222a13.4%2013.4%200%200%201-1.172%201.655m-4.125-6.904c-.539.114-1.116.35-1.586.82a3%203%200%200%200-.157.17C1.537%2021.243%201%2018.687%201%2015.999c0-2.473.455-4.834%201.383-6.925c.332.384.659.742.946%201.057c.172.188.37.35.586.482C3.309%2012.24%203%2014.06%203%2016c0%202.386.467%204.59%201.379%206.474M8.982%2011.19c.048-.246.158-.55.367-.777c.18-.196.498-.413%201.15-.413c.643%200%20.97.222%201.158.429c.218.24.323.545.358.742a1%201%200%200%200%201.97-.342a3.54%203.54%200%200%200-.85-1.747C12.563%208.452%2011.696%208%2010.5%208c-1.184%200-2.047.431-2.624%201.06c-.548.596-.769%201.293-.858%201.75a1%201%200%201%200%201.964.38%22%2F%3E%3Cpath%20d%3D%22M19.982%2011.19c.048-.246.158-.55.367-.777c.18-.196.498-.413%201.151-.413c.642%200%20.969.222%201.157.429c.219.24.324.545.358.742a1%201%200%200%200%201.97-.342a3.54%203.54%200%200%200-.85-1.747C23.563%208.452%2022.696%208%2021.5%208c-1.184%200-2.047.431-2.624%201.06c-.548.596-.769%201.293-.857%201.75a1%201%200%201%200%201.963.38M13%2016a1%201%200%201%200-2%200c0%20.827.24%202.044.989%203.084C12.774%2020.175%2014.074%2021%2016%2021s3.226-.825%204.012-1.916C20.76%2018.044%2021%2016.827%2021%2016a1%201%200%201%200-2%200c0%20.507-.16%201.289-.611%201.916C17.974%2018.49%2017.274%2019%2016%2019s-1.974-.509-2.389-1.084C13.162%2017.289%2013%2016.506%2013%2016%22%2F%3E%3C%2Fg%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%2032%2032%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M6%202c-.5-.5-1.787-1.26-3-.9C1.4%201.575.4%204%201.4%206c.338.675.883%201.404%201.463%202.096c.404.481.825.945%201.204%201.36q.112.123.24.219c.545.407%201.29.458%201.846.034C7.383%208.772%208.911%207.383%209.5%206.5c1-1.5%201.525-3.475.25-4.75C8.168.168%206.5%201.5%206%202m4.959-.33a3.65%203.65%200%200%201%20.543%201.925C12.832%203.21%2014.329%203%2015.999%203c4.43%200%207.648%201.48%209.764%203.778c2.129%202.311%203.235%205.55%203.235%209.22V16H29c.812%200%201.478.255%201.987.664q.01-.33.01-.665c0-4.061-1.226-7.821-3.763-10.576C24.684%202.654%2020.903%201%2016%201c-1.84%200-3.522.233-5.04.67m14.704%2024.232a1%201%200%200%201-.31-.242c-.962-1.126-2.729-3.222-3.354-4.16c-1-1.5-.897-3.767%201-4.4c1.5-.5%203.167.9%203.5%201.4c.167-.5.9-1.5%202.5-1.5q.202%200%20.385.028q.29.044.531.15c.438.188.759.512.97.904c.391.722.412%201.673.114%202.418c-.248.62-.68%201.294-1.189%201.96c-.992%201.295-2.28%202.554-3.075%203.29a.94.94%200%200%201-1.072.152m-9.665%203.096c3.682%200%206.526-1.022%208.597-2.687a1.96%201.96%200%200%200%202.495.417c-2.547%202.676-6.28%204.27-11.092%204.27c-2.475%200-4.664-.422-6.554-1.195c.381-.48.805-1.066%201.162-1.694c1.544.57%203.337.889%205.392.889m-7.495.379q-.12.147-.233.28c-.432.505-1.168.578-1.718.203C5.628%2029.23%204.316%2028.316%204%2028c-1.118-1.118-1.5-3-.5-4s3-.5%203-.5s.5-1.25%202-1c2%20.25%202.25%202.5%201.75%204c-.135.405-.338.82-.574%201.222a13.4%2013.4%200%200%201-1.172%201.655m-4.125-6.904c-.539.114-1.116.35-1.586.82a3%203%200%200%200-.157.17C1.537%2021.243%201%2018.687%201%2015.999c0-2.473.455-4.834%201.383-6.925c.332.384.659.742.946%201.057c.172.188.37.35.586.482C3.309%2012.24%203%2014.06%203%2016c0%202.386.467%204.59%201.379%206.474M8.982%2011.19c.048-.246.158-.55.367-.777c.18-.196.498-.413%201.15-.413c.643%200%20.97.222%201.158.429c.218.24.323.545.358.742a1%201%200%200%200%201.97-.342a3.54%203.54%200%200%200-.85-1.747C12.563%208.452%2011.696%208%2010.5%208c-1.184%200-2.047.431-2.624%201.06c-.548.596-.769%201.293-.858%201.75a1%201%200%201%200%201.964.38%22%2F%3E%3Cpath%20d%3D%22M19.982%2011.19c.048-.246.158-.55.367-.777c.18-.196.498-.413%201.151-.413c.642%200%20.969.222%201.157.429c.219.24.324.545.358.742a1%201%200%200%200%201.97-.342a3.54%203.54%200%200%200-.85-1.747C23.563%208.452%2022.696%208%2021.5%208c-1.184%200-2.047.431-2.624%201.06c-.548.596-.769%201.293-.857%201.75a1%201%200%201%200%201.963.38M13%2016a1%201%200%201%200-2%200c0%20.827.24%202.044.989%203.084C12.774%2020.175%2014.074%2021%2016%2021s3.226-.825%204.012-1.916C20.76%2018.044%2021%2016.827%2021%2016a1%201%200%201%200-2%200c0%20.507-.16%201.289-.611%201.916C17.974%2018.49%2017.274%2019%2016%2019s-1.974-.509-2.389-1.084C13.162%2017.289%2013%2016.506%2013%2016%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent-emoji-high-contrast/smiling-face-with-hearts.svg?color=%231a73e8&size=48