user heart rounded icon
user-heart-rounded-line-duotone from Solar by 480 Design · Line Duotone · Users · CC-BY-4.0 Attribution required.
- Name
- user-heart-rounded-line-duotone
- Set
- Solar
- Style
- Line Duotone
- Category
- Users
- Viewbox
- 24×24
- License
- CC BY 4.0
5 other variants in Solar
More users icons from Solar
user-block-bolduser-block-rounded-bolduser-bolduser-check-bolduser-check-rounded-bolduser-circle-bolduser-cross-bolduser-cross-rounded-bolduser-hand-up-bolduser-hands-bolduser-heart-bolduser-id-bolduser-minus-bolduser-minus-rounded-bolduser-plus-bolduser-plus-rounded-bolduser-rounded-bolduser-speak-bolduser-speak-rounded-boldusers-group-rounded-boldusers-group-two-rounded-bold
Use the user heart rounded 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-width="1.5"><circle cx="9" cy="6" r="4"/><ellipse cx="9" cy="17" opacity=".5" rx="7" ry="4"/><path stroke-linejoin="round" d="M15 9.69973C15 11.1121 16.2058 11.8648 17.0885 12.5385C17.4 12.7762 17.7 13 18 13C18.3 13 18.6 12.7762 18.9115 12.5385C19.7942 11.8648 21 11.1121 21 9.69973C21 8.28732 19.35 7.28567 18 8.64354C16.65 7.28567 15 8.28732 15 9.69973Z"/></g></svg>
React
import type { SVGProps } from "react";
export function SolarUserHeartRoundedLineDuotone(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" strokeWidth="1.5"><circle cx="9" cy="6" r="4"/><ellipse cx="9" cy="17" opacity=".5" rx="7" ry="4"/><path strokeLinejoin="round" d="M15 9.69973C15 11.1121 16.2058 11.8648 17.0885 12.5385C17.4 12.7762 17.7 13 18 13C18.3 13 18.6 12.7762 18.9115 12.5385C19.7942 11.8648 21 11.1121 21 9.69973C21 8.28732 19.35 7.28567 18 8.64354C16.65 7.28567 15 8.28732 15 9.69973Z"/></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-width="1.5"><circle cx="9" cy="6" r="4"/><ellipse cx="9" cy="17" opacity=".5" rx="7" ry="4"/><path stroke-linejoin="round" d="M15 9.69973C15 11.1121 16.2058 11.8648 17.0885 12.5385C17.4 12.7762 17.7 13 18 13C18.3 13 18.6 12.7762 18.9115 12.5385C19.7942 11.8648 21 11.1121 21 9.69973C21 8.28732 19.35 7.28567 18 8.64354C16.65 7.28567 15 8.28732 15 9.69973Z"/></g></svg> </template>
CSS
.icon-user-heart-rounded-line-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-width%3D%221.5%22%3E%3Ccircle%20cx%3D%229%22%20cy%3D%226%22%20r%3D%224%22%2F%3E%3Cellipse%20cx%3D%229%22%20cy%3D%2217%22%20opacity%3D%22.5%22%20rx%3D%227%22%20ry%3D%224%22%2F%3E%3Cpath%20stroke-linejoin%3D%22round%22%20d%3D%22M15%209.69973C15%2011.1121%2016.2058%2011.8648%2017.0885%2012.5385C17.4%2012.7762%2017.7%2013%2018%2013C18.3%2013%2018.6%2012.7762%2018.9115%2012.5385C19.7942%2011.8648%2021%2011.1121%2021%209.69973C21%208.28732%2019.35%207.28567%2018%208.64354C16.65%207.28567%2015%208.28732%2015%209.69973Z%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-width%3D%221.5%22%3E%3Ccircle%20cx%3D%229%22%20cy%3D%226%22%20r%3D%224%22%2F%3E%3Cellipse%20cx%3D%229%22%20cy%3D%2217%22%20opacity%3D%22.5%22%20rx%3D%227%22%20ry%3D%224%22%2F%3E%3Cpath%20stroke-linejoin%3D%22round%22%20d%3D%22M15%209.69973C15%2011.1121%2016.2058%2011.8648%2017.0885%2012.5385C17.4%2012.7762%2017.7%2013%2018%2013C18.3%2013%2018.6%2012.7762%2018.9115%2012.5385C19.7942%2011.8648%2021%2011.1121%2021%209.69973C21%208.28732%2019.35%207.28567%2018%208.64354C16.65%207.28567%2015%208.28732%2015%209.69973Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/solar/user-heart-rounded-line-duotone.svg?color=%231a73e8&size=48
