growing heart emoji
growing-heart from Emoji One (Colored) by Emoji One · Default · Symbols · CC-BY-4.0 Attribution required.
- Name
- growing-heart
- Set
- Emoji One (Colored)
- Style
- Default
- Category
- Symbols
- Viewbox
- 64×64
- License
- CC BY 4.0
The same emoji in other sets
More symbols icons from Emoji One (Colored)
Use the growing heart emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><g fill="#ff5a79"><path d="M61.1 18.2c-6.4-17-27.2-9.4-29.1-.9c-2.6-9-22.9-15.7-29.1.9C-4 36.7 29.6 53.3 32 56c2.4-2.2 36-19.6 29.1-37.8M32 50.8C30 48.6 2 35.6 7.8 21c5.1-13.1 22-7.8 24.2-.7c1.6-6.6 18.9-12.6 24.2.7C62 35.3 34 49.1 32 50.8"/><path d="M49.2 24.8c-3.8-10-16.1-5.5-17.2-.5c-1.6-5.3-13.6-9.3-17.2.5c-4.1 11 15.8 20.8 17.2 22.4c1.4-1.3 21.3-11.6 17.2-22.4"/></g></svg>
React
import type { SVGProps } from "react";
export function EmojioneGrowingHeart(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><g fill="#ff5a79"><path d="M61.1 18.2c-6.4-17-27.2-9.4-29.1-.9c-2.6-9-22.9-15.7-29.1.9C-4 36.7 29.6 53.3 32 56c2.4-2.2 36-19.6 29.1-37.8M32 50.8C30 48.6 2 35.6 7.8 21c5.1-13.1 22-7.8 24.2-.7c1.6-6.6 18.9-12.6 24.2.7C62 35.3 34 49.1 32 50.8"/><path d="M49.2 24.8c-3.8-10-16.1-5.5-17.2-.5c-1.6-5.3-13.6-9.3-17.2.5c-4.1 11 15.8 20.8 17.2 22.4c1.4-1.3 21.3-11.6 17.2-22.4"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><g fill="#ff5a79"><path d="M61.1 18.2c-6.4-17-27.2-9.4-29.1-.9c-2.6-9-22.9-15.7-29.1.9C-4 36.7 29.6 53.3 32 56c2.4-2.2 36-19.6 29.1-37.8M32 50.8C30 48.6 2 35.6 7.8 21c5.1-13.1 22-7.8 24.2-.7c1.6-6.6 18.9-12.6 24.2.7C62 35.3 34 49.1 32 50.8"/><path d="M49.2 24.8c-3.8-10-16.1-5.5-17.2-.5c-1.6-5.3-13.6-9.3-17.2.5c-4.1 11 15.8 20.8 17.2 22.4c1.4-1.3 21.3-11.6 17.2-22.4"/></g></svg> </template>
CSS
.icon-growing-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%2064%2064%22%3E%3Cg%20fill%3D%22%23ff5a79%22%3E%3Cpath%20d%3D%22M61.1%2018.2c-6.4-17-27.2-9.4-29.1-.9c-2.6-9-22.9-15.7-29.1.9C-4%2036.7%2029.6%2053.3%2032%2056c2.4-2.2%2036-19.6%2029.1-37.8M32%2050.8C30%2048.6%202%2035.6%207.8%2021c5.1-13.1%2022-7.8%2024.2-.7c1.6-6.6%2018.9-12.6%2024.2.7C62%2035.3%2034%2049.1%2032%2050.8%22%2F%3E%3Cpath%20d%3D%22M49.2%2024.8c-3.8-10-16.1-5.5-17.2-.5c-1.6-5.3-13.6-9.3-17.2.5c-4.1%2011%2015.8%2020.8%2017.2%2022.4c1.4-1.3%2021.3-11.6%2017.2-22.4%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%2064%2064%22%3E%3Cg%20fill%3D%22%23ff5a79%22%3E%3Cpath%20d%3D%22M61.1%2018.2c-6.4-17-27.2-9.4-29.1-.9c-2.6-9-22.9-15.7-29.1.9C-4%2036.7%2029.6%2053.3%2032%2056c2.4-2.2%2036-19.6%2029.1-37.8M32%2050.8C30%2048.6%202%2035.6%207.8%2021c5.1-13.1%2022-7.8%2024.2-.7c1.6-6.6%2018.9-12.6%2024.2.7C62%2035.3%2034%2049.1%2032%2050.8%22%2F%3E%3Cpath%20d%3D%22M49.2%2024.8c-3.8-10-16.1-5.5-17.2-.5c-1.6-5.3-13.6-9.3-17.2.5c-4.1%2011%2015.8%2020.8%2017.2%2022.4c1.4-1.3%2021.3-11.6%2017.2-22.4%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/emojione/growing-heart.svg?color=%231a73e8&size=48
