heart icon
heart-outline-24px from Health Icons by Resolve to Save Lives · Outline 24px · Symbols · MIT Free for personal and commercial use.
- Name
- heart-outline-24px
- Set
- Health Icons
- Style
- Outline 24px
- Category
- Symbols
- Viewbox
- 24×24
- License
- MIT
3 other variants in Health Icons
The same icon in other sets
heartAkar Iconsheart-filledAnt Design IconsheartBootstrap IconsheartBoxIcons v2heartBoxIcons v2 SolidheartCodiconsheart-fillEva IconsheartFramework7 IconsheartFont Awesome 6 RegularheartFont Awesome 6 SolidheartFont Awesome RegularheartFont Awesome SolidheartFeather Iconsheart-outlineFlowbite Iconsheart-12-filledFluent UI System Iconsheart-16Fluent UI System Color Iconsheartcss.ggheartHeroIconsheartHuge IconsheartHumbleiconsheartIconParkheartIconPark OutlineheartIconoirheartIonIcons
More symbols icons from Health Icons
Use the heart icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M6.008 6.28C5.389 7.116 5 8.284 5 9.517c0 1.022.396 2.304.603 2.822c.872 2.034 2.55 3.725 4.08 4.933A21 21 0 0 0 12 18.856q.153-.09.349-.21c.51-.312 1.21-.776 1.967-1.374c1.533-1.21 3.214-2.905 4.085-4.943l.023-.053l.029-.05c.134-.236.547-1.258.547-2.709c0-1.233-.39-2.4-1.008-3.237C17.376 5.447 16.587 5 15.75 5c-.161 0-.402.062-.722.236c-.312.17-.639.413-.954.688a11 11 0 0 0-1.252 1.315a1.05 1.05 0 0 1-1.644 0a11 11 0 0 0-1.252-1.315a5.5 5.5 0 0 0-.954-.688C8.652 5.062 8.412 5 8.25 5c-.837 0-1.626.447-2.242 1.28M12 21.123l-.458-.234l-.005-.003l-.015-.008a7 7 0 0 1-.244-.132a19 19 0 0 1-.674-.395a23 23 0 0 1-2.16-1.51C6.8 17.544 4.821 15.599 3.76 13.116l-.005-.01l-.004-.01C3.505 12.484 3 10.917 3 9.518c0-1.629.508-3.22 1.4-4.427C5.295 3.88 6.63 3 8.25 3c.622 0 1.2.22 1.678.48c.485.263.934.606 1.315.94c.28.245.537.497.757.727c.22-.23.476-.482.757-.728c.381-.333.83-.676 1.315-.94C14.55 3.22 15.128 3 15.75 3c1.62 0 2.955.88 3.85 2.09c.892 1.207 1.4 2.798 1.4 4.427c0 1.72-.462 3.058-.78 3.646c-1.066 2.46-3.03 4.389-4.664 5.679a23 23 0 0 1-2.16 1.509a19 19 0 0 1-.918.527l-.015.008l-.005.003h-.002z" clip-rule="evenodd"/></svg>
React
import type { SVGProps } from "react";
export function HealthiconsHeartOutline24px(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fillRule="evenodd" d="M6.008 6.28C5.389 7.116 5 8.284 5 9.517c0 1.022.396 2.304.603 2.822c.872 2.034 2.55 3.725 4.08 4.933A21 21 0 0 0 12 18.856q.153-.09.349-.21c.51-.312 1.21-.776 1.967-1.374c1.533-1.21 3.214-2.905 4.085-4.943l.023-.053l.029-.05c.134-.236.547-1.258.547-2.709c0-1.233-.39-2.4-1.008-3.237C17.376 5.447 16.587 5 15.75 5c-.161 0-.402.062-.722.236c-.312.17-.639.413-.954.688a11 11 0 0 0-1.252 1.315a1.05 1.05 0 0 1-1.644 0a11 11 0 0 0-1.252-1.315a5.5 5.5 0 0 0-.954-.688C8.652 5.062 8.412 5 8.25 5c-.837 0-1.626.447-2.242 1.28M12 21.123l-.458-.234l-.005-.003l-.015-.008a7 7 0 0 1-.244-.132a19 19 0 0 1-.674-.395a23 23 0 0 1-2.16-1.51C6.8 17.544 4.821 15.599 3.76 13.116l-.005-.01l-.004-.01C3.505 12.484 3 10.917 3 9.518c0-1.629.508-3.22 1.4-4.427C5.295 3.88 6.63 3 8.25 3c.622 0 1.2.22 1.678.48c.485.263.934.606 1.315.94c.28.245.537.497.757.727c.22-.23.476-.482.757-.728c.381-.333.83-.676 1.315-.94C14.55 3.22 15.128 3 15.75 3c1.62 0 2.955.88 3.85 2.09c.892 1.207 1.4 2.798 1.4 4.427c0 1.72-.462 3.058-.78 3.646c-1.066 2.46-3.03 4.389-4.664 5.679a23 23 0 0 1-2.16 1.509a19 19 0 0 1-.918.527l-.015.008l-.005.003h-.002z" clipRule="evenodd"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M6.008 6.28C5.389 7.116 5 8.284 5 9.517c0 1.022.396 2.304.603 2.822c.872 2.034 2.55 3.725 4.08 4.933A21 21 0 0 0 12 18.856q.153-.09.349-.21c.51-.312 1.21-.776 1.967-1.374c1.533-1.21 3.214-2.905 4.085-4.943l.023-.053l.029-.05c.134-.236.547-1.258.547-2.709c0-1.233-.39-2.4-1.008-3.237C17.376 5.447 16.587 5 15.75 5c-.161 0-.402.062-.722.236c-.312.17-.639.413-.954.688a11 11 0 0 0-1.252 1.315a1.05 1.05 0 0 1-1.644 0a11 11 0 0 0-1.252-1.315a5.5 5.5 0 0 0-.954-.688C8.652 5.062 8.412 5 8.25 5c-.837 0-1.626.447-2.242 1.28M12 21.123l-.458-.234l-.005-.003l-.015-.008a7 7 0 0 1-.244-.132a19 19 0 0 1-.674-.395a23 23 0 0 1-2.16-1.51C6.8 17.544 4.821 15.599 3.76 13.116l-.005-.01l-.004-.01C3.505 12.484 3 10.917 3 9.518c0-1.629.508-3.22 1.4-4.427C5.295 3.88 6.63 3 8.25 3c.622 0 1.2.22 1.678.48c.485.263.934.606 1.315.94c.28.245.537.497.757.727c.22-.23.476-.482.757-.728c.381-.333.83-.676 1.315-.94C14.55 3.22 15.128 3 15.75 3c1.62 0 2.955.88 3.85 2.09c.892 1.207 1.4 2.798 1.4 4.427c0 1.72-.462 3.058-.78 3.646c-1.066 2.46-3.03 4.389-4.664 5.679a23 23 0 0 1-2.16 1.509a19 19 0 0 1-.918.527l-.015.008l-.005.003h-.002z" clip-rule="evenodd"/></svg> </template>
CSS
.icon-heart-outline-24px {
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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M6.008%206.28C5.389%207.116%205%208.284%205%209.517c0%201.022.396%202.304.603%202.822c.872%202.034%202.55%203.725%204.08%204.933A21%2021%200%200%200%2012%2018.856q.153-.09.349-.21c.51-.312%201.21-.776%201.967-1.374c1.533-1.21%203.214-2.905%204.085-4.943l.023-.053l.029-.05c.134-.236.547-1.258.547-2.709c0-1.233-.39-2.4-1.008-3.237C17.376%205.447%2016.587%205%2015.75%205c-.161%200-.402.062-.722.236c-.312.17-.639.413-.954.688a11%2011%200%200%200-1.252%201.315a1.05%201.05%200%200%201-1.644%200a11%2011%200%200%200-1.252-1.315a5.5%205.5%200%200%200-.954-.688C8.652%205.062%208.412%205%208.25%205c-.837%200-1.626.447-2.242%201.28M12%2021.123l-.458-.234l-.005-.003l-.015-.008a7%207%200%200%201-.244-.132a19%2019%200%200%201-.674-.395a23%2023%200%200%201-2.16-1.51C6.8%2017.544%204.821%2015.599%203.76%2013.116l-.005-.01l-.004-.01C3.505%2012.484%203%2010.917%203%209.518c0-1.629.508-3.22%201.4-4.427C5.295%203.88%206.63%203%208.25%203c.622%200%201.2.22%201.678.48c.485.263.934.606%201.315.94c.28.245.537.497.757.727c.22-.23.476-.482.757-.728c.381-.333.83-.676%201.315-.94C14.55%203.22%2015.128%203%2015.75%203c1.62%200%202.955.88%203.85%202.09c.892%201.207%201.4%202.798%201.4%204.427c0%201.72-.462%203.058-.78%203.646c-1.066%202.46-3.03%204.389-4.664%205.679a23%2023%200%200%201-2.16%201.509a19%2019%200%200%201-.918.527l-.015.008l-.005.003h-.002z%22%20clip-rule%3D%22evenodd%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M6.008%206.28C5.389%207.116%205%208.284%205%209.517c0%201.022.396%202.304.603%202.822c.872%202.034%202.55%203.725%204.08%204.933A21%2021%200%200%200%2012%2018.856q.153-.09.349-.21c.51-.312%201.21-.776%201.967-1.374c1.533-1.21%203.214-2.905%204.085-4.943l.023-.053l.029-.05c.134-.236.547-1.258.547-2.709c0-1.233-.39-2.4-1.008-3.237C17.376%205.447%2016.587%205%2015.75%205c-.161%200-.402.062-.722.236c-.312.17-.639.413-.954.688a11%2011%200%200%200-1.252%201.315a1.05%201.05%200%200%201-1.644%200a11%2011%200%200%200-1.252-1.315a5.5%205.5%200%200%200-.954-.688C8.652%205.062%208.412%205%208.25%205c-.837%200-1.626.447-2.242%201.28M12%2021.123l-.458-.234l-.005-.003l-.015-.008a7%207%200%200%201-.244-.132a19%2019%200%200%201-.674-.395a23%2023%200%200%201-2.16-1.51C6.8%2017.544%204.821%2015.599%203.76%2013.116l-.005-.01l-.004-.01C3.505%2012.484%203%2010.917%203%209.518c0-1.629.508-3.22%201.4-4.427C5.295%203.88%206.63%203%208.25%203c.622%200%201.2.22%201.678.48c.485.263.934.606%201.315.94c.28.245.537.497.757.727c.22-.23.476-.482.757-.728c.381-.333.83-.676%201.315-.94C14.55%203.22%2015.128%203%2015.75%203c1.62%200%202.955.88%203.85%202.09c.892%201.207%201.4%202.798%201.4%204.427c0%201.72-.462%203.058-.78%203.646c-1.066%202.46-3.03%204.389-4.664%205.679a23%2023%200%200%201-2.16%201.509a19%2019%200%200%201-.918.527l-.015.008l-.005.003h-.002z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/healthicons/heart-outline-24px.svg?color=%231a73e8&size=48
