lovely icon
lovely-filled from Reicon by REICON · Filled · Newicons · MIT Free for personal and commercial use.
- Name
- lovely-filled
- Set
- Reicon
- Style
- Filled
- Category
- Newicons
- Viewbox
- 24×24
- License
- MIT
1 other variant in Reicon
The same icon in other sets
More newicons icons from Reicon
Use the lovely icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M18.8 9.91c-1.13 0-2.14.55-2.77 1.39a3.47 3.47 0 0 0-2.77-1.39c-1.91 0-3.46 1.56-3.46 3.48c0 .74.12 1.43.32 2.06c.98 3.11 4.02 4.98 5.52 5.49c.21.07.56.07.77 0c1.5-.51 4.54-2.37 5.52-5.49c.21-.64.32-1.32.32-2.06a3.457 3.457 0 0 0-3.45-3.48"/><path d="M20.75 8.342c0 .23-.23.38-.45.32a4.81 4.81 0 0 0-3.95.74c-.22.16-.52.16-.73 0a4.65 4.65 0 0 0-2.76-.9c-2.58 0-4.68 2.11-4.68 4.71c0 2.82 1.35 4.93 2.71 6.34c.07.07.01.19-.08.15C8.08 18.772 2 14.912 2 8.342c0-2.9 2.33-5.24 5.21-5.24c1.71 0 3.22.82 4.17 2.09a5.22 5.22 0 0 1 4.17-2.09c2.87 0 5.2 2.34 5.2 5.24"/></g></svg>
React
import type { SVGProps } from "react";
export function ReiconLovelyFilled(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M18.8 9.91c-1.13 0-2.14.55-2.77 1.39a3.47 3.47 0 0 0-2.77-1.39c-1.91 0-3.46 1.56-3.46 3.48c0 .74.12 1.43.32 2.06c.98 3.11 4.02 4.98 5.52 5.49c.21.07.56.07.77 0c1.5-.51 4.54-2.37 5.52-5.49c.21-.64.32-1.32.32-2.06a3.457 3.457 0 0 0-3.45-3.48"/><path d="M20.75 8.342c0 .23-.23.38-.45.32a4.81 4.81 0 0 0-3.95.74c-.22.16-.52.16-.73 0a4.65 4.65 0 0 0-2.76-.9c-2.58 0-4.68 2.11-4.68 4.71c0 2.82 1.35 4.93 2.71 6.34c.07.07.01.19-.08.15C8.08 18.772 2 14.912 2 8.342c0-2.9 2.33-5.24 5.21-5.24c1.71 0 3.22.82 4.17 2.09a5.22 5.22 0 0 1 4.17-2.09c2.87 0 5.2 2.34 5.2 5.24"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M18.8 9.91c-1.13 0-2.14.55-2.77 1.39a3.47 3.47 0 0 0-2.77-1.39c-1.91 0-3.46 1.56-3.46 3.48c0 .74.12 1.43.32 2.06c.98 3.11 4.02 4.98 5.52 5.49c.21.07.56.07.77 0c1.5-.51 4.54-2.37 5.52-5.49c.21-.64.32-1.32.32-2.06a3.457 3.457 0 0 0-3.45-3.48"/><path d="M20.75 8.342c0 .23-.23.38-.45.32a4.81 4.81 0 0 0-3.95.74c-.22.16-.52.16-.73 0a4.65 4.65 0 0 0-2.76-.9c-2.58 0-4.68 2.11-4.68 4.71c0 2.82 1.35 4.93 2.71 6.34c.07.07.01.19-.08.15C8.08 18.772 2 14.912 2 8.342c0-2.9 2.33-5.24 5.21-5.24c1.71 0 3.22.82 4.17 2.09a5.22 5.22 0 0 1 4.17-2.09c2.87 0 5.2 2.34 5.2 5.24"/></g></svg> </template>
CSS
.icon-lovely-filled {
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%22currentColor%22%3E%3Cpath%20d%3D%22M18.8%209.91c-1.13%200-2.14.55-2.77%201.39a3.47%203.47%200%200%200-2.77-1.39c-1.91%200-3.46%201.56-3.46%203.48c0%20.74.12%201.43.32%202.06c.98%203.11%204.02%204.98%205.52%205.49c.21.07.56.07.77%200c1.5-.51%204.54-2.37%205.52-5.49c.21-.64.32-1.32.32-2.06a3.457%203.457%200%200%200-3.45-3.48%22%2F%3E%3Cpath%20d%3D%22M20.75%208.342c0%20.23-.23.38-.45.32a4.81%204.81%200%200%200-3.95.74c-.22.16-.52.16-.73%200a4.65%204.65%200%200%200-2.76-.9c-2.58%200-4.68%202.11-4.68%204.71c0%202.82%201.35%204.93%202.71%206.34c.07.07.01.19-.08.15C8.08%2018.772%202%2014.912%202%208.342c0-2.9%202.33-5.24%205.21-5.24c1.71%200%203.22.82%204.17%202.09a5.22%205.22%200%200%201%204.17-2.09c2.87%200%205.2%202.34%205.2%205.24%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%22currentColor%22%3E%3Cpath%20d%3D%22M18.8%209.91c-1.13%200-2.14.55-2.77%201.39a3.47%203.47%200%200%200-2.77-1.39c-1.91%200-3.46%201.56-3.46%203.48c0%20.74.12%201.43.32%202.06c.98%203.11%204.02%204.98%205.52%205.49c.21.07.56.07.77%200c1.5-.51%204.54-2.37%205.52-5.49c.21-.64.32-1.32.32-2.06a3.457%203.457%200%200%200-3.45-3.48%22%2F%3E%3Cpath%20d%3D%22M20.75%208.342c0%20.23-.23.38-.45.32a4.81%204.81%200%200%200-3.95.74c-.22.16-.52.16-.73%200a4.65%204.65%200%200%200-2.76-.9c-2.58%200-4.68%202.11-4.68%204.71c0%202.82%201.35%204.93%202.71%206.34c.07.07.01.19-.08.15C8.08%2018.772%202%2014.912%202%208.342c0-2.9%202.33-5.24%205.21-5.24c1.71%200%203.22.82%204.17%202.09a5.22%205.22%200%200%201%204.17-2.09c2.87%200%205.2%202.34%205.2%205.24%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/reicon/lovely-filled.svg?color=%231a73e8&size=48
