anatomical heart emoji
anatomical-heart from Fluent Emoji High Contrast by Microsoft Corporation · Default · People & Body · MIT Free for personal and commercial use.
- Name
- anatomical-heart
- Set
- Fluent Emoji High Contrast
- Style
- Default
- Category
- People & Body
- Viewbox
- 32×32
- License
- MIT
The same emoji in other sets
More people & body icons from Fluent Emoji High Contrast
Use the anatomical heart emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M28.517 12h-.842a7.2 7.2 0 0 0-.788-1.67l.73-.73a.999.999 0 0 0-1.083-1.634c.3-.413.483-.916.483-1.466a2.5 2.5 0 0 0-2.5-2.5h-2.5c-.343 0-.677.033-1.007.081A1 1 0 0 0 20.018 3c-.354 0-.695.188-.878.519l-.427.778a8 8 0 0 0-1.696-.278V3a1 1 0 1 0-2 0v1.139a8 8 0 0 0-1.09.278l-1.103-1.508a1 1 0 0 0-1.615 1.182l.911 1.244l-.083.067H12c-.682 0-1.344.083-1.983.227V5.5a2.5 2.5 0 1 0-5 0v1.1l-.293-.307A1 1 0 0 0 3.31 7.707l1.469 1.34A8.95 8.95 0 0 0 3 14.402v1.371c0 1.788.896 3.361 2.259 4.311a7.2 7.2 0 0 0 1.4 1.586l8.621 7.194A7.48 7.48 0 0 0 20.517 31a7.48 7.48 0 0 0 5.303-2.196l.001-.001a7.5 7.5 0 0 0 2.196-5.303v-9.311c0-.064-.008-.126-.01-.189h.51a1 1 0 1 0 0-2m-4.111 15.389A5.48 5.48 0 0 1 20.517 29a5.48 5.48 0 0 1-3.889-1.611l-.032-.032l-7.662-6.395c2.582-.335 4.583-2.517 4.583-5.19v-3.339c.51.206 1.065.36 1.65.455c.168.655.472 1.262.909 1.761a3.9 3.9 0 0 0 2.727 1.345l.213.006c2.209-.001 4-1.79 4.001-4v-1.5c.001-.318.101-.612.27-.854q.464.252.866.59c.114.096.239.179.345.284c.369.369.661.805.906 1.269q.17.321.296.668q.23.649.281 1.365c.009.124.037.241.037.367V23.5a5.48 5.48 0 0 1-1.612 3.889M17.084 6.035A7 7 0 0 0 15.7 8a7 7 0 0 0-.389 1a7 7 0 0 0-.285 1.818c-.582-.141-1.096-.35-1.509-.614c-.475-.303-.808-.668-1-1.046c-.027-.053-.061-.105-.082-.158a1.4 1.4 0 0 1-.106-.5a1.4 1.4 0 0 1 .187-.69c.567-1.052 1.746-1.502 2.857-1.704c.001 0 1.65-.076 1.711-.071m7.933.465c0 .275-.225.5-.5.5c-1.407 0-2.697.891-3.214 2.193c-.361.908-.285 1.856-.286 2.807a2.004 2.004 0 0 1-2.001 2l-.108-.003c-.521-.028-.977-.27-1.328-.666a2.3 2.3 0 0 1-.26-.373c-.833-1.469-.226-3.755.753-5.002C19.726 5.849 22.132 6 24.517 6c.275 0 .499.225.5.5M5 14.402c.001-3.052 2.092-5.848 5.017-6.711a7 7 0 0 1 .444-.114a3.3 3.3 0 0 0-.132.923c0 .741.251 1.439.688 2.056q.22.309.5.588v4.629a3.26 3.26 0 0 1-3.258 3.258a3.2 3.2 0 0 1-1.546-.409a3.25 3.25 0 0 1-1.614-2.091A3.2 3.2 0 0 1 5 15.773zM7.017 6.6V5.5a.5.5 0 0 1 1 0v.841a9 9 0 0 0-1 .569z"/></svg>
React
import type { SVGProps } from "react";
export function FluentEmojiHighContrastAnatomicalHeart(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M28.517 12h-.842a7.2 7.2 0 0 0-.788-1.67l.73-.73a.999.999 0 0 0-1.083-1.634c.3-.413.483-.916.483-1.466a2.5 2.5 0 0 0-2.5-2.5h-2.5c-.343 0-.677.033-1.007.081A1 1 0 0 0 20.018 3c-.354 0-.695.188-.878.519l-.427.778a8 8 0 0 0-1.696-.278V3a1 1 0 1 0-2 0v1.139a8 8 0 0 0-1.09.278l-1.103-1.508a1 1 0 0 0-1.615 1.182l.911 1.244l-.083.067H12c-.682 0-1.344.083-1.983.227V5.5a2.5 2.5 0 1 0-5 0v1.1l-.293-.307A1 1 0 0 0 3.31 7.707l1.469 1.34A8.95 8.95 0 0 0 3 14.402v1.371c0 1.788.896 3.361 2.259 4.311a7.2 7.2 0 0 0 1.4 1.586l8.621 7.194A7.48 7.48 0 0 0 20.517 31a7.48 7.48 0 0 0 5.303-2.196l.001-.001a7.5 7.5 0 0 0 2.196-5.303v-9.311c0-.064-.008-.126-.01-.189h.51a1 1 0 1 0 0-2m-4.111 15.389A5.48 5.48 0 0 1 20.517 29a5.48 5.48 0 0 1-3.889-1.611l-.032-.032l-7.662-6.395c2.582-.335 4.583-2.517 4.583-5.19v-3.339c.51.206 1.065.36 1.65.455c.168.655.472 1.262.909 1.761a3.9 3.9 0 0 0 2.727 1.345l.213.006c2.209-.001 4-1.79 4.001-4v-1.5c.001-.318.101-.612.27-.854q.464.252.866.59c.114.096.239.179.345.284c.369.369.661.805.906 1.269q.17.321.296.668q.23.649.281 1.365c.009.124.037.241.037.367V23.5a5.48 5.48 0 0 1-1.612 3.889M17.084 6.035A7 7 0 0 0 15.7 8a7 7 0 0 0-.389 1a7 7 0 0 0-.285 1.818c-.582-.141-1.096-.35-1.509-.614c-.475-.303-.808-.668-1-1.046c-.027-.053-.061-.105-.082-.158a1.4 1.4 0 0 1-.106-.5a1.4 1.4 0 0 1 .187-.69c.567-1.052 1.746-1.502 2.857-1.704c.001 0 1.65-.076 1.711-.071m7.933.465c0 .275-.225.5-.5.5c-1.407 0-2.697.891-3.214 2.193c-.361.908-.285 1.856-.286 2.807a2.004 2.004 0 0 1-2.001 2l-.108-.003c-.521-.028-.977-.27-1.328-.666a2.3 2.3 0 0 1-.26-.373c-.833-1.469-.226-3.755.753-5.002C19.726 5.849 22.132 6 24.517 6c.275 0 .499.225.5.5M5 14.402c.001-3.052 2.092-5.848 5.017-6.711a7 7 0 0 1 .444-.114a3.3 3.3 0 0 0-.132.923c0 .741.251 1.439.688 2.056q.22.309.5.588v4.629a3.26 3.26 0 0 1-3.258 3.258a3.2 3.2 0 0 1-1.546-.409a3.25 3.25 0 0 1-1.614-2.091A3.2 3.2 0 0 1 5 15.773zM7.017 6.6V5.5a.5.5 0 0 1 1 0v.841a9 9 0 0 0-1 .569z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M28.517 12h-.842a7.2 7.2 0 0 0-.788-1.67l.73-.73a.999.999 0 0 0-1.083-1.634c.3-.413.483-.916.483-1.466a2.5 2.5 0 0 0-2.5-2.5h-2.5c-.343 0-.677.033-1.007.081A1 1 0 0 0 20.018 3c-.354 0-.695.188-.878.519l-.427.778a8 8 0 0 0-1.696-.278V3a1 1 0 1 0-2 0v1.139a8 8 0 0 0-1.09.278l-1.103-1.508a1 1 0 0 0-1.615 1.182l.911 1.244l-.083.067H12c-.682 0-1.344.083-1.983.227V5.5a2.5 2.5 0 1 0-5 0v1.1l-.293-.307A1 1 0 0 0 3.31 7.707l1.469 1.34A8.95 8.95 0 0 0 3 14.402v1.371c0 1.788.896 3.361 2.259 4.311a7.2 7.2 0 0 0 1.4 1.586l8.621 7.194A7.48 7.48 0 0 0 20.517 31a7.48 7.48 0 0 0 5.303-2.196l.001-.001a7.5 7.5 0 0 0 2.196-5.303v-9.311c0-.064-.008-.126-.01-.189h.51a1 1 0 1 0 0-2m-4.111 15.389A5.48 5.48 0 0 1 20.517 29a5.48 5.48 0 0 1-3.889-1.611l-.032-.032l-7.662-6.395c2.582-.335 4.583-2.517 4.583-5.19v-3.339c.51.206 1.065.36 1.65.455c.168.655.472 1.262.909 1.761a3.9 3.9 0 0 0 2.727 1.345l.213.006c2.209-.001 4-1.79 4.001-4v-1.5c.001-.318.101-.612.27-.854q.464.252.866.59c.114.096.239.179.345.284c.369.369.661.805.906 1.269q.17.321.296.668q.23.649.281 1.365c.009.124.037.241.037.367V23.5a5.48 5.48 0 0 1-1.612 3.889M17.084 6.035A7 7 0 0 0 15.7 8a7 7 0 0 0-.389 1a7 7 0 0 0-.285 1.818c-.582-.141-1.096-.35-1.509-.614c-.475-.303-.808-.668-1-1.046c-.027-.053-.061-.105-.082-.158a1.4 1.4 0 0 1-.106-.5a1.4 1.4 0 0 1 .187-.69c.567-1.052 1.746-1.502 2.857-1.704c.001 0 1.65-.076 1.711-.071m7.933.465c0 .275-.225.5-.5.5c-1.407 0-2.697.891-3.214 2.193c-.361.908-.285 1.856-.286 2.807a2.004 2.004 0 0 1-2.001 2l-.108-.003c-.521-.028-.977-.27-1.328-.666a2.3 2.3 0 0 1-.26-.373c-.833-1.469-.226-3.755.753-5.002C19.726 5.849 22.132 6 24.517 6c.275 0 .499.225.5.5M5 14.402c.001-3.052 2.092-5.848 5.017-6.711a7 7 0 0 1 .444-.114a3.3 3.3 0 0 0-.132.923c0 .741.251 1.439.688 2.056q.22.309.5.588v4.629a3.26 3.26 0 0 1-3.258 3.258a3.2 3.2 0 0 1-1.546-.409a3.25 3.25 0 0 1-1.614-2.091A3.2 3.2 0 0 1 5 15.773zM7.017 6.6V5.5a.5.5 0 0 1 1 0v.841a9 9 0 0 0-1 .569z"/></svg> </template>
CSS
.icon-anatomical-heart {
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%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M28.517%2012h-.842a7.2%207.2%200%200%200-.788-1.67l.73-.73a.999.999%200%200%200-1.083-1.634c.3-.413.483-.916.483-1.466a2.5%202.5%200%200%200-2.5-2.5h-2.5c-.343%200-.677.033-1.007.081A1%201%200%200%200%2020.018%203c-.354%200-.695.188-.878.519l-.427.778a8%208%200%200%200-1.696-.278V3a1%201%200%201%200-2%200v1.139a8%208%200%200%200-1.09.278l-1.103-1.508a1%201%200%200%200-1.615%201.182l.911%201.244l-.083.067H12c-.682%200-1.344.083-1.983.227V5.5a2.5%202.5%200%201%200-5%200v1.1l-.293-.307A1%201%200%200%200%203.31%207.707l1.469%201.34A8.95%208.95%200%200%200%203%2014.402v1.371c0%201.788.896%203.361%202.259%204.311a7.2%207.2%200%200%200%201.4%201.586l8.621%207.194A7.48%207.48%200%200%200%2020.517%2031a7.48%207.48%200%200%200%205.303-2.196l.001-.001a7.5%207.5%200%200%200%202.196-5.303v-9.311c0-.064-.008-.126-.01-.189h.51a1%201%200%201%200%200-2m-4.111%2015.389A5.48%205.48%200%200%201%2020.517%2029a5.48%205.48%200%200%201-3.889-1.611l-.032-.032l-7.662-6.395c2.582-.335%204.583-2.517%204.583-5.19v-3.339c.51.206%201.065.36%201.65.455c.168.655.472%201.262.909%201.761a3.9%203.9%200%200%200%202.727%201.345l.213.006c2.209-.001%204-1.79%204.001-4v-1.5c.001-.318.101-.612.27-.854q.464.252.866.59c.114.096.239.179.345.284c.369.369.661.805.906%201.269q.17.321.296.668q.23.649.281%201.365c.009.124.037.241.037.367V23.5a5.48%205.48%200%200%201-1.612%203.889M17.084%206.035A7%207%200%200%200%2015.7%208a7%207%200%200%200-.389%201a7%207%200%200%200-.285%201.818c-.582-.141-1.096-.35-1.509-.614c-.475-.303-.808-.668-1-1.046c-.027-.053-.061-.105-.082-.158a1.4%201.4%200%200%201-.106-.5a1.4%201.4%200%200%201%20.187-.69c.567-1.052%201.746-1.502%202.857-1.704c.001%200%201.65-.076%201.711-.071m7.933.465c0%20.275-.225.5-.5.5c-1.407%200-2.697.891-3.214%202.193c-.361.908-.285%201.856-.286%202.807a2.004%202.004%200%200%201-2.001%202l-.108-.003c-.521-.028-.977-.27-1.328-.666a2.3%202.3%200%200%201-.26-.373c-.833-1.469-.226-3.755.753-5.002C19.726%205.849%2022.132%206%2024.517%206c.275%200%20.499.225.5.5M5%2014.402c.001-3.052%202.092-5.848%205.017-6.711a7%207%200%200%201%20.444-.114a3.3%203.3%200%200%200-.132.923c0%20.741.251%201.439.688%202.056q.22.309.5.588v4.629a3.26%203.26%200%200%201-3.258%203.258a3.2%203.2%200%200%201-1.546-.409a3.25%203.25%200%200%201-1.614-2.091A3.2%203.2%200%200%201%205%2015.773zM7.017%206.6V5.5a.5.5%200%200%201%201%200v.841a9%209%200%200%200-1%20.569z%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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M28.517%2012h-.842a7.2%207.2%200%200%200-.788-1.67l.73-.73a.999.999%200%200%200-1.083-1.634c.3-.413.483-.916.483-1.466a2.5%202.5%200%200%200-2.5-2.5h-2.5c-.343%200-.677.033-1.007.081A1%201%200%200%200%2020.018%203c-.354%200-.695.188-.878.519l-.427.778a8%208%200%200%200-1.696-.278V3a1%201%200%201%200-2%200v1.139a8%208%200%200%200-1.09.278l-1.103-1.508a1%201%200%200%200-1.615%201.182l.911%201.244l-.083.067H12c-.682%200-1.344.083-1.983.227V5.5a2.5%202.5%200%201%200-5%200v1.1l-.293-.307A1%201%200%200%200%203.31%207.707l1.469%201.34A8.95%208.95%200%200%200%203%2014.402v1.371c0%201.788.896%203.361%202.259%204.311a7.2%207.2%200%200%200%201.4%201.586l8.621%207.194A7.48%207.48%200%200%200%2020.517%2031a7.48%207.48%200%200%200%205.303-2.196l.001-.001a7.5%207.5%200%200%200%202.196-5.303v-9.311c0-.064-.008-.126-.01-.189h.51a1%201%200%201%200%200-2m-4.111%2015.389A5.48%205.48%200%200%201%2020.517%2029a5.48%205.48%200%200%201-3.889-1.611l-.032-.032l-7.662-6.395c2.582-.335%204.583-2.517%204.583-5.19v-3.339c.51.206%201.065.36%201.65.455c.168.655.472%201.262.909%201.761a3.9%203.9%200%200%200%202.727%201.345l.213.006c2.209-.001%204-1.79%204.001-4v-1.5c.001-.318.101-.612.27-.854q.464.252.866.59c.114.096.239.179.345.284c.369.369.661.805.906%201.269q.17.321.296.668q.23.649.281%201.365c.009.124.037.241.037.367V23.5a5.48%205.48%200%200%201-1.612%203.889M17.084%206.035A7%207%200%200%200%2015.7%208a7%207%200%200%200-.389%201a7%207%200%200%200-.285%201.818c-.582-.141-1.096-.35-1.509-.614c-.475-.303-.808-.668-1-1.046c-.027-.053-.061-.105-.082-.158a1.4%201.4%200%200%201-.106-.5a1.4%201.4%200%200%201%20.187-.69c.567-1.052%201.746-1.502%202.857-1.704c.001%200%201.65-.076%201.711-.071m7.933.465c0%20.275-.225.5-.5.5c-1.407%200-2.697.891-3.214%202.193c-.361.908-.285%201.856-.286%202.807a2.004%202.004%200%200%201-2.001%202l-.108-.003c-.521-.028-.977-.27-1.328-.666a2.3%202.3%200%200%201-.26-.373c-.833-1.469-.226-3.755.753-5.002C19.726%205.849%2022.132%206%2024.517%206c.275%200%20.499.225.5.5M5%2014.402c.001-3.052%202.092-5.848%205.017-6.711a7%207%200%200%201%20.444-.114a3.3%203.3%200%200%200-.132.923c0%20.741.251%201.439.688%202.056q.22.309.5.588v4.629a3.26%203.26%200%200%201-3.258%203.258a3.2%203.2%200%200%201-1.546-.409a3.25%203.25%200%200%201-1.614-2.091A3.2%203.2%200%200%201%205%2015.773zM7.017%206.6V5.5a.5.5%200%200%201%201%200v.841a9%209%200%200%200-1%20.569z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent-emoji-high-contrast/anatomical-heart.svg?color=%231a73e8&size=48
