user heart icon
user-heart from Reicon by REICON · Outline · Users · MIT Free for personal and commercial use.
- Name
- user-heart
- Set
- Reicon
- Style
- Outline
- Category
- Users
- Viewbox
- 24×24
- License
- MIT
2 other variants in Reicon
The same icon in other sets
All user heart icons →More users icons from Reicon
Use the user 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="M5.25 6a4.75 4.75 0 1 1 9.5 0a4.75 4.75 0 0 1-9.5 0M10 2.75a3.25 3.25 0 1 0 0 6.5a3.25 3.25 0 0 0 0-6.5M3.976 13.664c1.58-.888 3.71-1.414 6.024-1.414s4.445.526 6.025 1.414c1.556.876 2.725 2.202 2.725 3.836v.102c.001 1.162.003 2.62-1.276 3.662c-.63.512-1.51.877-2.7 1.117c-1.193.242-2.748.369-4.774.369s-3.58-.127-4.774-.369c-1.19-.24-2.07-.605-2.7-1.117c-1.278-1.042-1.277-2.5-1.276-3.662V17.5c0-1.634 1.17-2.96 2.726-3.836m.735 1.308c-1.34.753-1.96 1.677-1.96 2.528c0 1.308.04 2.044.723 2.6c.37.302.99.597 2.05.811c1.057.214 2.502.339 4.476.339s3.42-.125 4.476-.339c1.06-.214 1.68-.509 2.05-.81c.684-.557.724-1.293.724-2.601c0-.851-.621-1.775-1.96-2.528c-1.317-.74-3.185-1.222-5.29-1.222s-3.973.482-5.289 1.222M16.69 7.447c.721-.319 1.558-.259 2.31.232c.752-.49 1.59-.551 2.31-.232A2.46 2.46 0 0 1 22.75 9.7c0 .948-.414 1.662-.91 2.203c-.388.422-.867.779-1.245 1.06l-.228.172l-.002.001c-.15.114-.341.26-.544.375a1.7 1.7 0 0 1-.82.239c-.335 0-.618-.123-.822-.239a5 5 0 0 1-.543-.375l-.002-.001l-.228-.171c-.379-.282-.858-.639-1.245-1.06c-.497-.542-.91-1.256-.91-2.204c0-1 .584-1.875 1.44-2.253m.06 2.253c0-.412.24-.745.547-.881c.267-.118.69-.13 1.171.353a.75.75 0 0 0 1.064 0c.48-.483.905-.471 1.17-.353a.96.96 0 0 1 .548.88c0 .465-.189.833-.516 1.19c-.282.308-.618.559-.99.837l-.287.216a4 4 0 0 1-.375.264a1 1 0 0 1-.082.04a1 1 0 0 1-.082-.04c-.1-.056-.212-.14-.374-.264l-.288-.216c-.372-.278-.708-.53-.99-.837c-.327-.357-.516-.725-.516-1.19" clip-rule="evenodd"/></svg>
React
import type { SVGProps } from "react";
export function ReiconUserHeart(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="M5.25 6a4.75 4.75 0 1 1 9.5 0a4.75 4.75 0 0 1-9.5 0M10 2.75a3.25 3.25 0 1 0 0 6.5a3.25 3.25 0 0 0 0-6.5M3.976 13.664c1.58-.888 3.71-1.414 6.024-1.414s4.445.526 6.025 1.414c1.556.876 2.725 2.202 2.725 3.836v.102c.001 1.162.003 2.62-1.276 3.662c-.63.512-1.51.877-2.7 1.117c-1.193.242-2.748.369-4.774.369s-3.58-.127-4.774-.369c-1.19-.24-2.07-.605-2.7-1.117c-1.278-1.042-1.277-2.5-1.276-3.662V17.5c0-1.634 1.17-2.96 2.726-3.836m.735 1.308c-1.34.753-1.96 1.677-1.96 2.528c0 1.308.04 2.044.723 2.6c.37.302.99.597 2.05.811c1.057.214 2.502.339 4.476.339s3.42-.125 4.476-.339c1.06-.214 1.68-.509 2.05-.81c.684-.557.724-1.293.724-2.601c0-.851-.621-1.775-1.96-2.528c-1.317-.74-3.185-1.222-5.29-1.222s-3.973.482-5.289 1.222M16.69 7.447c.721-.319 1.558-.259 2.31.232c.752-.49 1.59-.551 2.31-.232A2.46 2.46 0 0 1 22.75 9.7c0 .948-.414 1.662-.91 2.203c-.388.422-.867.779-1.245 1.06l-.228.172l-.002.001c-.15.114-.341.26-.544.375a1.7 1.7 0 0 1-.82.239c-.335 0-.618-.123-.822-.239a5 5 0 0 1-.543-.375l-.002-.001l-.228-.171c-.379-.282-.858-.639-1.245-1.06c-.497-.542-.91-1.256-.91-2.204c0-1 .584-1.875 1.44-2.253m.06 2.253c0-.412.24-.745.547-.881c.267-.118.69-.13 1.171.353a.75.75 0 0 0 1.064 0c.48-.483.905-.471 1.17-.353a.96.96 0 0 1 .548.88c0 .465-.189.833-.516 1.19c-.282.308-.618.559-.99.837l-.287.216a4 4 0 0 1-.375.264a1 1 0 0 1-.082.04a1 1 0 0 1-.082-.04c-.1-.056-.212-.14-.374-.264l-.288-.216c-.372-.278-.708-.53-.99-.837c-.327-.357-.516-.725-.516-1.19" 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="M5.25 6a4.75 4.75 0 1 1 9.5 0a4.75 4.75 0 0 1-9.5 0M10 2.75a3.25 3.25 0 1 0 0 6.5a3.25 3.25 0 0 0 0-6.5M3.976 13.664c1.58-.888 3.71-1.414 6.024-1.414s4.445.526 6.025 1.414c1.556.876 2.725 2.202 2.725 3.836v.102c.001 1.162.003 2.62-1.276 3.662c-.63.512-1.51.877-2.7 1.117c-1.193.242-2.748.369-4.774.369s-3.58-.127-4.774-.369c-1.19-.24-2.07-.605-2.7-1.117c-1.278-1.042-1.277-2.5-1.276-3.662V17.5c0-1.634 1.17-2.96 2.726-3.836m.735 1.308c-1.34.753-1.96 1.677-1.96 2.528c0 1.308.04 2.044.723 2.6c.37.302.99.597 2.05.811c1.057.214 2.502.339 4.476.339s3.42-.125 4.476-.339c1.06-.214 1.68-.509 2.05-.81c.684-.557.724-1.293.724-2.601c0-.851-.621-1.775-1.96-2.528c-1.317-.74-3.185-1.222-5.29-1.222s-3.973.482-5.289 1.222M16.69 7.447c.721-.319 1.558-.259 2.31.232c.752-.49 1.59-.551 2.31-.232A2.46 2.46 0 0 1 22.75 9.7c0 .948-.414 1.662-.91 2.203c-.388.422-.867.779-1.245 1.06l-.228.172l-.002.001c-.15.114-.341.26-.544.375a1.7 1.7 0 0 1-.82.239c-.335 0-.618-.123-.822-.239a5 5 0 0 1-.543-.375l-.002-.001l-.228-.171c-.379-.282-.858-.639-1.245-1.06c-.497-.542-.91-1.256-.91-2.204c0-1 .584-1.875 1.44-2.253m.06 2.253c0-.412.24-.745.547-.881c.267-.118.69-.13 1.171.353a.75.75 0 0 0 1.064 0c.48-.483.905-.471 1.17-.353a.96.96 0 0 1 .548.88c0 .465-.189.833-.516 1.19c-.282.308-.618.559-.99.837l-.287.216a4 4 0 0 1-.375.264a1 1 0 0 1-.082.04a1 1 0 0 1-.082-.04c-.1-.056-.212-.14-.374-.264l-.288-.216c-.372-.278-.708-.53-.99-.837c-.327-.357-.516-.725-.516-1.19" clip-rule="evenodd"/></svg> </template>
CSS
.icon-user-heart {
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%22M5.25%206a4.75%204.75%200%201%201%209.5%200a4.75%204.75%200%200%201-9.5%200M10%202.75a3.25%203.25%200%201%200%200%206.5a3.25%203.25%200%200%200%200-6.5M3.976%2013.664c1.58-.888%203.71-1.414%206.024-1.414s4.445.526%206.025%201.414c1.556.876%202.725%202.202%202.725%203.836v.102c.001%201.162.003%202.62-1.276%203.662c-.63.512-1.51.877-2.7%201.117c-1.193.242-2.748.369-4.774.369s-3.58-.127-4.774-.369c-1.19-.24-2.07-.605-2.7-1.117c-1.278-1.042-1.277-2.5-1.276-3.662V17.5c0-1.634%201.17-2.96%202.726-3.836m.735%201.308c-1.34.753-1.96%201.677-1.96%202.528c0%201.308.04%202.044.723%202.6c.37.302.99.597%202.05.811c1.057.214%202.502.339%204.476.339s3.42-.125%204.476-.339c1.06-.214%201.68-.509%202.05-.81c.684-.557.724-1.293.724-2.601c0-.851-.621-1.775-1.96-2.528c-1.317-.74-3.185-1.222-5.29-1.222s-3.973.482-5.289%201.222M16.69%207.447c.721-.319%201.558-.259%202.31.232c.752-.49%201.59-.551%202.31-.232A2.46%202.46%200%200%201%2022.75%209.7c0%20.948-.414%201.662-.91%202.203c-.388.422-.867.779-1.245%201.06l-.228.172l-.002.001c-.15.114-.341.26-.544.375a1.7%201.7%200%200%201-.82.239c-.335%200-.618-.123-.822-.239a5%205%200%200%201-.543-.375l-.002-.001l-.228-.171c-.379-.282-.858-.639-1.245-1.06c-.497-.542-.91-1.256-.91-2.204c0-1%20.584-1.875%201.44-2.253m.06%202.253c0-.412.24-.745.547-.881c.267-.118.69-.13%201.171.353a.75.75%200%200%200%201.064%200c.48-.483.905-.471%201.17-.353a.96.96%200%200%201%20.548.88c0%20.465-.189.833-.516%201.19c-.282.308-.618.559-.99.837l-.287.216a4%204%200%200%201-.375.264a1%201%200%200%201-.082.04a1%201%200%200%201-.082-.04c-.1-.056-.212-.14-.374-.264l-.288-.216c-.372-.278-.708-.53-.99-.837c-.327-.357-.516-.725-.516-1.19%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%22M5.25%206a4.75%204.75%200%201%201%209.5%200a4.75%204.75%200%200%201-9.5%200M10%202.75a3.25%203.25%200%201%200%200%206.5a3.25%203.25%200%200%200%200-6.5M3.976%2013.664c1.58-.888%203.71-1.414%206.024-1.414s4.445.526%206.025%201.414c1.556.876%202.725%202.202%202.725%203.836v.102c.001%201.162.003%202.62-1.276%203.662c-.63.512-1.51.877-2.7%201.117c-1.193.242-2.748.369-4.774.369s-3.58-.127-4.774-.369c-1.19-.24-2.07-.605-2.7-1.117c-1.278-1.042-1.277-2.5-1.276-3.662V17.5c0-1.634%201.17-2.96%202.726-3.836m.735%201.308c-1.34.753-1.96%201.677-1.96%202.528c0%201.308.04%202.044.723%202.6c.37.302.99.597%202.05.811c1.057.214%202.502.339%204.476.339s3.42-.125%204.476-.339c1.06-.214%201.68-.509%202.05-.81c.684-.557.724-1.293.724-2.601c0-.851-.621-1.775-1.96-2.528c-1.317-.74-3.185-1.222-5.29-1.222s-3.973.482-5.289%201.222M16.69%207.447c.721-.319%201.558-.259%202.31.232c.752-.49%201.59-.551%202.31-.232A2.46%202.46%200%200%201%2022.75%209.7c0%20.948-.414%201.662-.91%202.203c-.388.422-.867.779-1.245%201.06l-.228.172l-.002.001c-.15.114-.341.26-.544.375a1.7%201.7%200%200%201-.82.239c-.335%200-.618-.123-.822-.239a5%205%200%200%201-.543-.375l-.002-.001l-.228-.171c-.379-.282-.858-.639-1.245-1.06c-.497-.542-.91-1.256-.91-2.204c0-1%20.584-1.875%201.44-2.253m.06%202.253c0-.412.24-.745.547-.881c.267-.118.69-.13%201.171.353a.75.75%200%200%200%201.064%200c.48-.483.905-.471%201.17-.353a.96.96%200%200%201%20.548.88c0%20.465-.189.833-.516%201.19c-.282.308-.618.559-.99.837l-.287.216a4%204%200%200%201-.375.264a1%201%200%200%201-.082.04a1%201%200%200%201-.082-.04c-.1-.056-.212-.14-.374-.264l-.288-.216c-.372-.278-.708-.53-.99-.837c-.327-.357-.516-.725-.516-1.19%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/reicon/user-heart.svg?color=%231a73e8&size=48
