mask love icon
mask-love from Huge Icons by Hugeicons · Stroke · MIT Free for personal and commercial use.
- Name
- mask-love
- Set
- Huge Icons
- Style
- Stroke
- Viewbox
- 24×24
- License
- MIT
Related icons in Huge Icons
Use the mask love 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-linecap="round" stroke-width="1.5"><path d="M14.142 13.442c1.207-.731 2.26-.437 2.893.033c.26.192.389.288.465.288s.206-.096.466-.288c.632-.47 1.685-.764 2.892-.033c1.584.96 1.942 4.125-1.71 6.795c-.697.509-1.044.763-1.648.763s-.951-.254-1.647-.763c-3.653-2.67-3.295-5.836-1.711-6.795ZM6 8c1.466-.613 3.61-1 6-1s4.534.387 6 1"/><path stroke-linejoin="round" d="M6 9c0 3.257-1.83 4.942-2.943 5a.09.09 0 0 1-.086-.05c-.814-1.452-.97-3.161-.97-4.949c0-3.314.894-6 2-6c1.104 0 2 2.686 2 6M18.06 10.02A6.6 6.6 0 0 1 18 9c0-3.314.895-6 2-6s2 2.686 2 6c0 .381 0 1.14-.052 1.52"/><path d="M11 19c-2.96-.22-6.26-1.96-8-5"/></g></svg>
React
import type { SVGProps } from "react";
export function HugeiconsMaskLove(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" strokeLinecap="round" strokeWidth="1.5"><path d="M14.142 13.442c1.207-.731 2.26-.437 2.893.033c.26.192.389.288.465.288s.206-.096.466-.288c.632-.47 1.685-.764 2.892-.033c1.584.96 1.942 4.125-1.71 6.795c-.697.509-1.044.763-1.648.763s-.951-.254-1.647-.763c-3.653-2.67-3.295-5.836-1.711-6.795ZM6 8c1.466-.613 3.61-1 6-1s4.534.387 6 1"/><path strokeLinejoin="round" d="M6 9c0 3.257-1.83 4.942-2.943 5a.09.09 0 0 1-.086-.05c-.814-1.452-.97-3.161-.97-4.949c0-3.314.894-6 2-6c1.104 0 2 2.686 2 6M18.06 10.02A6.6 6.6 0 0 1 18 9c0-3.314.895-6 2-6s2 2.686 2 6c0 .381 0 1.14-.052 1.52"/><path d="M11 19c-2.96-.22-6.26-1.96-8-5"/></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-linecap="round" stroke-width="1.5"><path d="M14.142 13.442c1.207-.731 2.26-.437 2.893.033c.26.192.389.288.465.288s.206-.096.466-.288c.632-.47 1.685-.764 2.892-.033c1.584.96 1.942 4.125-1.71 6.795c-.697.509-1.044.763-1.648.763s-.951-.254-1.647-.763c-3.653-2.67-3.295-5.836-1.711-6.795ZM6 8c1.466-.613 3.61-1 6-1s4.534.387 6 1"/><path stroke-linejoin="round" d="M6 9c0 3.257-1.83 4.942-2.943 5a.09.09 0 0 1-.086-.05c-.814-1.452-.97-3.161-.97-4.949c0-3.314.894-6 2-6c1.104 0 2 2.686 2 6M18.06 10.02A6.6 6.6 0 0 1 18 9c0-3.314.895-6 2-6s2 2.686 2 6c0 .381 0 1.14-.052 1.52"/><path d="M11 19c-2.96-.22-6.26-1.96-8-5"/></g></svg> </template>
CSS
.icon-mask-love {
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-linecap%3D%22round%22%20stroke-width%3D%221.5%22%3E%3Cpath%20d%3D%22M14.142%2013.442c1.207-.731%202.26-.437%202.893.033c.26.192.389.288.465.288s.206-.096.466-.288c.632-.47%201.685-.764%202.892-.033c1.584.96%201.942%204.125-1.71%206.795c-.697.509-1.044.763-1.648.763s-.951-.254-1.647-.763c-3.653-2.67-3.295-5.836-1.711-6.795ZM6%208c1.466-.613%203.61-1%206-1s4.534.387%206%201%22%2F%3E%3Cpath%20stroke-linejoin%3D%22round%22%20d%3D%22M6%209c0%203.257-1.83%204.942-2.943%205a.09.09%200%200%201-.086-.05c-.814-1.452-.97-3.161-.97-4.949c0-3.314.894-6%202-6c1.104%200%202%202.686%202%206M18.06%2010.02A6.6%206.6%200%200%201%2018%209c0-3.314.895-6%202-6s2%202.686%202%206c0%20.381%200%201.14-.052%201.52%22%2F%3E%3Cpath%20d%3D%22M11%2019c-2.96-.22-6.26-1.96-8-5%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-linecap%3D%22round%22%20stroke-width%3D%221.5%22%3E%3Cpath%20d%3D%22M14.142%2013.442c1.207-.731%202.26-.437%202.893.033c.26.192.389.288.465.288s.206-.096.466-.288c.632-.47%201.685-.764%202.892-.033c1.584.96%201.942%204.125-1.71%206.795c-.697.509-1.044.763-1.648.763s-.951-.254-1.647-.763c-3.653-2.67-3.295-5.836-1.711-6.795ZM6%208c1.466-.613%203.61-1%206-1s4.534.387%206%201%22%2F%3E%3Cpath%20stroke-linejoin%3D%22round%22%20d%3D%22M6%209c0%203.257-1.83%204.942-2.943%205a.09.09%200%200%201-.086-.05c-.814-1.452-.97-3.161-.97-4.949c0-3.314.894-6%202-6c1.104%200%202%202.686%202%206M18.06%2010.02A6.6%206.6%200%200%201%2018%209c0-3.314.895-6%202-6s2%202.686%202%206c0%20.381%200%201.14-.052%201.52%22%2F%3E%3Cpath%20d%3D%22M11%2019c-2.96-.22-6.26-1.96-8-5%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/hugeicons/mask-love.svg?color=%231a73e8&size=48
