hand heart icon
hand-heart-sharp-duotone from Keyline Icons by Keyline Icons · Sharp Duotone · MIT Free for personal and commercial use.
- Name
- hand-heart-sharp-duotone
- Set
- Keyline Icons
- Style
- Sharp Duotone
- Viewbox
- 24×24
- License
- MIT
- Aliases
- heart-hand-sharp-duotone
7 other variants in Keyline Icons
The same icon in other sets
Related icons in Keyline Icons
Use the hand heart icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="2"><path stroke-opacity=".4" d="M8.9168 13.0295C6.7265 11.1171 5 9.12 5 6.6C5 4.0594 7.149 2 9.8 2C11 2 12.0741 2.4367 13 3.2C13.9259 2.4367 15 2 16.2 2C18.851 2 21 4.0594 21 6.6C21 8.94 19.5113 10.8292 17.5449 12.6183"/><path fill="currentColor" d="M13.4629 10.4631C14.6345 9.29144 16.5354 9.29144 17.707 10.4631C18.8785 11.6347 18.8786 13.5356 17.707 14.7072L13 19.4142C12.625 19.7891 12.1163 20.0001 11.5859 20.0002H5.41406L3.70703 21.7072C3.42105 21.993 2.99076 22.0787 2.61719 21.924C2.24366 21.7693 2.00015 21.4045 2 21.0002V16.3C2 16.0348 2.10549 15.7805 2.29297 15.593L5.2998 12.5861C5.67473 12.2112 6.18353 12.0003 6.71387 12.0002H9.5C10.1713 12.0002 10.7794 12.2659 11.2285 12.6965L13.4629 10.4631Z" stroke="none"/><path d="M3 13V23"/></g></svg>
React
import type { SVGProps } from "react";
export function KeylineIconsHandHeartSharpDuotone(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="2"><path strokeOpacity=".4" d="M8.9168 13.0295C6.7265 11.1171 5 9.12 5 6.6C5 4.0594 7.149 2 9.8 2C11 2 12.0741 2.4367 13 3.2C13.9259 2.4367 15 2 16.2 2C18.851 2 21 4.0594 21 6.6C21 8.94 19.5113 10.8292 17.5449 12.6183"/><path fill="currentColor" d="M13.4629 10.4631C14.6345 9.29144 16.5354 9.29144 17.707 10.4631C18.8785 11.6347 18.8786 13.5356 17.707 14.7072L13 19.4142C12.625 19.7891 12.1163 20.0001 11.5859 20.0002H5.41406L3.70703 21.7072C3.42105 21.993 2.99076 22.0787 2.61719 21.924C2.24366 21.7693 2.00015 21.4045 2 21.0002V16.3C2 16.0348 2.10549 15.7805 2.29297 15.593L5.2998 12.5861C5.67473 12.2112 6.18353 12.0003 6.71387 12.0002H9.5C10.1713 12.0002 10.7794 12.2659 11.2285 12.6965L13.4629 10.4631Z" stroke="none"/><path d="M3 13V23"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="2"><path stroke-opacity=".4" d="M8.9168 13.0295C6.7265 11.1171 5 9.12 5 6.6C5 4.0594 7.149 2 9.8 2C11 2 12.0741 2.4367 13 3.2C13.9259 2.4367 15 2 16.2 2C18.851 2 21 4.0594 21 6.6C21 8.94 19.5113 10.8292 17.5449 12.6183"/><path fill="currentColor" d="M13.4629 10.4631C14.6345 9.29144 16.5354 9.29144 17.707 10.4631C18.8785 11.6347 18.8786 13.5356 17.707 14.7072L13 19.4142C12.625 19.7891 12.1163 20.0001 11.5859 20.0002H5.41406L3.70703 21.7072C3.42105 21.993 2.99076 22.0787 2.61719 21.924C2.24366 21.7693 2.00015 21.4045 2 21.0002V16.3C2 16.0348 2.10549 15.7805 2.29297 15.593L5.2998 12.5861C5.67473 12.2112 6.18353 12.0003 6.71387 12.0002H9.5C10.1713 12.0002 10.7794 12.2659 11.2285 12.6965L13.4629 10.4631Z" stroke="none"/><path d="M3 13V23"/></g></svg> </template>
CSS
.icon-hand-heart-sharp-duotone {
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%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%3E%3Cpath%20stroke-opacity%3D%22.4%22%20d%3D%22M8.9168%2013.0295C6.7265%2011.1171%205%209.12%205%206.6C5%204.0594%207.149%202%209.8%202C11%202%2012.0741%202.4367%2013%203.2C13.9259%202.4367%2015%202%2016.2%202C18.851%202%2021%204.0594%2021%206.6C21%208.94%2019.5113%2010.8292%2017.5449%2012.6183%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M13.4629%2010.4631C14.6345%209.29144%2016.5354%209.29144%2017.707%2010.4631C18.8785%2011.6347%2018.8786%2013.5356%2017.707%2014.7072L13%2019.4142C12.625%2019.7891%2012.1163%2020.0001%2011.5859%2020.0002H5.41406L3.70703%2021.7072C3.42105%2021.993%202.99076%2022.0787%202.61719%2021.924C2.24366%2021.7693%202.00015%2021.4045%202%2021.0002V16.3C2%2016.0348%202.10549%2015.7805%202.29297%2015.593L5.2998%2012.5861C5.67473%2012.2112%206.18353%2012.0003%206.71387%2012.0002H9.5C10.1713%2012.0002%2010.7794%2012.2659%2011.2285%2012.6965L13.4629%2010.4631Z%22%20stroke%3D%22none%22%2F%3E%3Cpath%20d%3D%22M3%2013V23%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%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%3E%3Cpath%20stroke-opacity%3D%22.4%22%20d%3D%22M8.9168%2013.0295C6.7265%2011.1171%205%209.12%205%206.6C5%204.0594%207.149%202%209.8%202C11%202%2012.0741%202.4367%2013%203.2C13.9259%202.4367%2015%202%2016.2%202C18.851%202%2021%204.0594%2021%206.6C21%208.94%2019.5113%2010.8292%2017.5449%2012.6183%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M13.4629%2010.4631C14.6345%209.29144%2016.5354%209.29144%2017.707%2010.4631C18.8785%2011.6347%2018.8786%2013.5356%2017.707%2014.7072L13%2019.4142C12.625%2019.7891%2012.1163%2020.0001%2011.5859%2020.0002H5.41406L3.70703%2021.7072C3.42105%2021.993%202.99076%2022.0787%202.61719%2021.924C2.24366%2021.7693%202.00015%2021.4045%202%2021.0002V16.3C2%2016.0348%202.10549%2015.7805%202.29297%2015.593L5.2998%2012.5861C5.67473%2012.2112%206.18353%2012.0003%206.71387%2012.0002H9.5C10.1713%2012.0002%2010.7794%2012.2659%2011.2285%2012.6965L13.4629%2010.4631Z%22%20stroke%3D%22none%22%2F%3E%3Cpath%20d%3D%22M3%2013V23%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/keyline-icons/hand-heart-sharp-duotone.svg?color=%231a73e8&size=48
