heart pulse icon

heart-pulse-32-filled from Fluent UI System Icons by Microsoft Corporation · 32 Filled · MIT Free for personal and commercial use.

Name
heart-pulse-32-filled
Set
Fluent UI System Icons
Style
32 Filled
Viewbox
32×32
License
MIT

5 other variants in Fluent UI System Icons

heart-pulse-20-filledheart-pulse-20-regularheart-pulse-24-filledheart-pulse-24-regularheart-pulse-32-regular

The same icon in other sets

heart-pulseBootstrap Iconsheart-pulseFont Awesome 6 Solidheart-pulseFont Awesome Solidheart-pulseHuge Iconsheart-pulseLucideheart-pulseMaterial Design Iconsheart-pulse-fillRemix Iconheart-pulse-boldSolar

Related icons in Fluent UI System Icons

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

Use the heart pulse icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M15.033 6.118A7.631 7.631 0 0 0 2.61 14.499h5.081l2.137-3.74a2.5 2.5 0 0 1 4.407.122l2.16 4.322l1.582-2.174a2.5 2.5 0 0 1 3.622-.45l2.305 1.92h5.551A7.697 7.697 0 0 0 16.86 6.225l-.86.86zm.237 22.565l-8.608-9.184h2.481a2.5 2.5 0 0 0 2.17-1.26l.54-.944l1.91 3.822a2.5 2.5 0 0 0 4.259.352l2.43-3.34l.947.79A2.5 2.5 0 0 0 23 19.5h2.468l-8.744 9.19a1 1 0 0 1-1.454-.006m-2.376-17.131a1 1 0 0 0-1.751-.067L8.433 16H2.668a1 1 0 1 0 0 2H9a1 1 0 0 0 .857-.485l2.063-3.438l3.186 6.37a1 1 0 0 0 1.703.141l3.371-4.636l2.18 1.816A1 1 0 0 0 23 18h6a1 1 0 1 0 0-2h-5.638l-2.722-2.268a1 1 0 0 0-1.449.18l-3.032 4.17z"/></svg>

React

import type { SVGProps } from "react";

export function FluentHeartPulse32Filled(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="M15.033 6.118A7.631 7.631 0 0 0 2.61 14.499h5.081l2.137-3.74a2.5 2.5 0 0 1 4.407.122l2.16 4.322l1.582-2.174a2.5 2.5 0 0 1 3.622-.45l2.305 1.92h5.551A7.697 7.697 0 0 0 16.86 6.225l-.86.86zm.237 22.565l-8.608-9.184h2.481a2.5 2.5 0 0 0 2.17-1.26l.54-.944l1.91 3.822a2.5 2.5 0 0 0 4.259.352l2.43-3.34l.947.79A2.5 2.5 0 0 0 23 19.5h2.468l-8.744 9.19a1 1 0 0 1-1.454-.006m-2.376-17.131a1 1 0 0 0-1.751-.067L8.433 16H2.668a1 1 0 1 0 0 2H9a1 1 0 0 0 .857-.485l2.063-3.438l3.186 6.37a1 1 0 0 0 1.703.141l3.371-4.636l2.18 1.816A1 1 0 0 0 23 18h6a1 1 0 1 0 0-2h-5.638l-2.722-2.268a1 1 0 0 0-1.449.18l-3.032 4.17z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M15.033 6.118A7.631 7.631 0 0 0 2.61 14.499h5.081l2.137-3.74a2.5 2.5 0 0 1 4.407.122l2.16 4.322l1.582-2.174a2.5 2.5 0 0 1 3.622-.45l2.305 1.92h5.551A7.697 7.697 0 0 0 16.86 6.225l-.86.86zm.237 22.565l-8.608-9.184h2.481a2.5 2.5 0 0 0 2.17-1.26l.54-.944l1.91 3.822a2.5 2.5 0 0 0 4.259.352l2.43-3.34l.947.79A2.5 2.5 0 0 0 23 19.5h2.468l-8.744 9.19a1 1 0 0 1-1.454-.006m-2.376-17.131a1 1 0 0 0-1.751-.067L8.433 16H2.668a1 1 0 1 0 0 2H9a1 1 0 0 0 .857-.485l2.063-3.438l3.186 6.37a1 1 0 0 0 1.703.141l3.371-4.636l2.18 1.816A1 1 0 0 0 23 18h6a1 1 0 1 0 0-2h-5.638l-2.722-2.268a1 1 0 0 0-1.449.18l-3.032 4.17z"/></svg>
</template>

CSS

.icon-heart-pulse-32-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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M15.033%206.118A7.631%207.631%200%200%200%202.61%2014.499h5.081l2.137-3.74a2.5%202.5%200%200%201%204.407.122l2.16%204.322l1.582-2.174a2.5%202.5%200%200%201%203.622-.45l2.305%201.92h5.551A7.697%207.697%200%200%200%2016.86%206.225l-.86.86zm.237%2022.565l-8.608-9.184h2.481a2.5%202.5%200%200%200%202.17-1.26l.54-.944l1.91%203.822a2.5%202.5%200%200%200%204.259.352l2.43-3.34l.947.79A2.5%202.5%200%200%200%2023%2019.5h2.468l-8.744%209.19a1%201%200%200%201-1.454-.006m-2.376-17.131a1%201%200%200%200-1.751-.067L8.433%2016H2.668a1%201%200%201%200%200%202H9a1%201%200%200%200%20.857-.485l2.063-3.438l3.186%206.37a1%201%200%200%200%201.703.141l3.371-4.636l2.18%201.816A1%201%200%200%200%2023%2018h6a1%201%200%201%200%200-2h-5.638l-2.722-2.268a1%201%200%200%200-1.449.18l-3.032%204.17z%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%22M15.033%206.118A7.631%207.631%200%200%200%202.61%2014.499h5.081l2.137-3.74a2.5%202.5%200%200%201%204.407.122l2.16%204.322l1.582-2.174a2.5%202.5%200%200%201%203.622-.45l2.305%201.92h5.551A7.697%207.697%200%200%200%2016.86%206.225l-.86.86zm.237%2022.565l-8.608-9.184h2.481a2.5%202.5%200%200%200%202.17-1.26l.54-.944l1.91%203.822a2.5%202.5%200%200%200%204.259.352l2.43-3.34l.947.79A2.5%202.5%200%200%200%2023%2019.5h2.468l-8.744%209.19a1%201%200%200%201-1.454-.006m-2.376-17.131a1%201%200%200%200-1.751-.067L8.433%2016H2.668a1%201%200%201%200%200%202H9a1%201%200%200%200%20.857-.485l2.063-3.438l3.186%206.37a1%201%200%200%200%201.703.141l3.371-4.636l2.18%201.816A1%201%200%200%200%2023%2018h6a1%201%200%201%200%200-2h-5.638l-2.722-2.268a1%201%200%200%200-1.449.18l-3.032%204.17z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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