heart pulse icon

heart-pulse from Font Awesome 6 Solid by Dave Gandy · Regular · CC-BY-4.0 Attribution required.

Name: heart-pulse
Set: Font Awesome 6 Solid
Style: Regular
Viewbox: 512×512
License: CC BY 4.0

The same icon in other sets

heart-pulseBootstrap Icons heart-pulseFont Awesome Solid heart-pulse-20-filledFluent UI System Icons heart-pulseHuge Icons heart-pulseLucide heart-pulseMaterial Design Icons heart-pulse-fillRemix Icon heart-pulse-boldSolar

Related icons in Font Awesome 6 Solid

heart-circle-bolt heart-circle-check heart-circle-exclamation heart-circle-minus heart-circle-plus heart-circle-xmark heart-crack

Use the heart pulse icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M228.3 469.1L47.6 300.4c-4.2-3.9-8.2-8.1-11.9-12.4h87c22.6 0 43-13.6 51.7-34.5l10.5-25.2l49.3 109.5c3.8 8.5 12.1 14 21.4 14.1s17.8-5 22-13.3l42.4-84.9l1.7 3.4c9.5 19 28.9 31 50.1 31h104.5c-3.7 4.3-7.7 8.5-11.9 12.4L283.7 469.1c-7.5 7-17.4 10.9-27.7 10.9s-20.2-3.9-27.7-10.9M503.7 240h-132c-3 0-5.8-1.7-7.2-4.4l-23.2-46.3c-4.1-8.1-12.4-13.3-21.5-13.3s-17.4 5.1-21.5 13.3l-41.4 82.8l-51-113.9c-3.9-8.7-12.7-14.3-22.2-14.1s-18.1 5.9-21.8 14.8l-31.8 76.3c-1.2 3-4.2 4.9-7.4 4.9L16 240c-2.6 0-5 .4-7.3 1.1C3 225.2 0 208.2 0 190.9v-5.8c0-69.9 50.5-129.5 119.4-141c45.6-7.6 92 7.3 124.6 39.9l12 12l12-12c32.6-32.6 79-47.5 124.6-39.9c68.9 11.5 119.4 71.1 119.4 141v5.8c0 16.9-2.8 33.5-8.3 49.1"/></svg>

React

import type { SVGProps } from "react";

export function Fa6SolidHeartPulse(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M228.3 469.1L47.6 300.4c-4.2-3.9-8.2-8.1-11.9-12.4h87c22.6 0 43-13.6 51.7-34.5l10.5-25.2l49.3 109.5c3.8 8.5 12.1 14 21.4 14.1s17.8-5 22-13.3l42.4-84.9l1.7 3.4c9.5 19 28.9 31 50.1 31h104.5c-3.7 4.3-7.7 8.5-11.9 12.4L283.7 469.1c-7.5 7-17.4 10.9-27.7 10.9s-20.2-3.9-27.7-10.9M503.7 240h-132c-3 0-5.8-1.7-7.2-4.4l-23.2-46.3c-4.1-8.1-12.4-13.3-21.5-13.3s-17.4 5.1-21.5 13.3l-41.4 82.8l-51-113.9c-3.9-8.7-12.7-14.3-22.2-14.1s-18.1 5.9-21.8 14.8l-31.8 76.3c-1.2 3-4.2 4.9-7.4 4.9L16 240c-2.6 0-5 .4-7.3 1.1C3 225.2 0 208.2 0 190.9v-5.8c0-69.9 50.5-129.5 119.4-141c45.6-7.6 92 7.3 124.6 39.9l12 12l12-12c32.6-32.6 79-47.5 124.6-39.9c68.9 11.5 119.4 71.1 119.4 141v5.8c0 16.9-2.8 33.5-8.3 49.1"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M228.3 469.1L47.6 300.4c-4.2-3.9-8.2-8.1-11.9-12.4h87c22.6 0 43-13.6 51.7-34.5l10.5-25.2l49.3 109.5c3.8 8.5 12.1 14 21.4 14.1s17.8-5 22-13.3l42.4-84.9l1.7 3.4c9.5 19 28.9 31 50.1 31h104.5c-3.7 4.3-7.7 8.5-11.9 12.4L283.7 469.1c-7.5 7-17.4 10.9-27.7 10.9s-20.2-3.9-27.7-10.9M503.7 240h-132c-3 0-5.8-1.7-7.2-4.4l-23.2-46.3c-4.1-8.1-12.4-13.3-21.5-13.3s-17.4 5.1-21.5 13.3l-41.4 82.8l-51-113.9c-3.9-8.7-12.7-14.3-22.2-14.1s-18.1 5.9-21.8 14.8l-31.8 76.3c-1.2 3-4.2 4.9-7.4 4.9L16 240c-2.6 0-5 .4-7.3 1.1C3 225.2 0 208.2 0 190.9v-5.8c0-69.9 50.5-129.5 119.4-141c45.6-7.6 92 7.3 124.6 39.9l12 12l12-12c32.6-32.6 79-47.5 124.6-39.9c68.9 11.5 119.4 71.1 119.4 141v5.8c0 16.9-2.8 33.5-8.3 49.1"/></svg>
</template>

CSS

.icon-heart-pulse {
  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%20512%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M228.3%20469.1L47.6%20300.4c-4.2-3.9-8.2-8.1-11.9-12.4h87c22.6%200%2043-13.6%2051.7-34.5l10.5-25.2l49.3%20109.5c3.8%208.5%2012.1%2014%2021.4%2014.1s17.8-5%2022-13.3l42.4-84.9l1.7%203.4c9.5%2019%2028.9%2031%2050.1%2031h104.5c-3.7%204.3-7.7%208.5-11.9%2012.4L283.7%20469.1c-7.5%207-17.4%2010.9-27.7%2010.9s-20.2-3.9-27.7-10.9M503.7%20240h-132c-3%200-5.8-1.7-7.2-4.4l-23.2-46.3c-4.1-8.1-12.4-13.3-21.5-13.3s-17.4%205.1-21.5%2013.3l-41.4%2082.8l-51-113.9c-3.9-8.7-12.7-14.3-22.2-14.1s-18.1%205.9-21.8%2014.8l-31.8%2076.3c-1.2%203-4.2%204.9-7.4%204.9L16%20240c-2.6%200-5%20.4-7.3%201.1C3%20225.2%200%20208.2%200%20190.9v-5.8c0-69.9%2050.5-129.5%20119.4-141c45.6-7.6%2092%207.3%20124.6%2039.9l12%2012l12-12c32.6-32.6%2079-47.5%20124.6-39.9c68.9%2011.5%20119.4%2071.1%20119.4%20141v5.8c0%2016.9-2.8%2033.5-8.3%2049.1%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%20512%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M228.3%20469.1L47.6%20300.4c-4.2-3.9-8.2-8.1-11.9-12.4h87c22.6%200%2043-13.6%2051.7-34.5l10.5-25.2l49.3%20109.5c3.8%208.5%2012.1%2014%2021.4%2014.1s17.8-5%2022-13.3l42.4-84.9l1.7%203.4c9.5%2019%2028.9%2031%2050.1%2031h104.5c-3.7%204.3-7.7%208.5-11.9%2012.4L283.7%20469.1c-7.5%207-17.4%2010.9-27.7%2010.9s-20.2-3.9-27.7-10.9M503.7%20240h-132c-3%200-5.8-1.7-7.2-4.4l-23.2-46.3c-4.1-8.1-12.4-13.3-21.5-13.3s-17.4%205.1-21.5%2013.3l-41.4%2082.8l-51-113.9c-3.9-8.7-12.7-14.3-22.2-14.1s-18.1%205.9-21.8%2014.8l-31.8%2076.3c-1.2%203-4.2%204.9-7.4%204.9L16%20240c-2.6%200-5%20.4-7.3%201.1C3%20225.2%200%20208.2%200%20190.9v-5.8c0-69.9%2050.5-129.5%20119.4-141c45.6-7.6%2092%207.3%20124.6%2039.9l12%2012l12-12c32.6-32.6%2079-47.5%20124.6-39.9c68.9%2011.5%20119.4%2071.1%20119.4%20141v5.8c0%2016.9-2.8%2033.5-8.3%2049.1%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fa6-solid/heart-pulse.svg?color=%231a73e8&size=48