heart half icon
heart-half-fill from MingCute Icon by MingCute Design · Fill · Apache-2.0 Free for personal and commercial use.
- Name
- heart-half-fill
- Set
- MingCute Icon
- Style
- Fill
- Viewbox
- 24×24
- License
- Apache 2.0
1 other variant in MingCute Icon
The same icon in other sets
Related icons in MingCute Icon
Use the heart half 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="M21.998 10.393c.065-2.892-1.409-5.371-3.504-6.592c-1.96-1.142-4.422-1.148-6.494.537c-2.072-1.685-4.534-1.679-6.494-.537c-2.095 1.22-3.569 3.7-3.504 6.592v.026c.095 3.598 2.902 6.774 7.679 9.612c.331.197.662.398 1.006.573c.406.206.85.396 1.313.396s.907-.19 1.313-.396c.344-.175.675-.376 1.006-.573c4.788-2.845 7.598-6.03 7.679-9.638M12 7s.611-.495.843-.729c1.508-1.525 3.25-1.554 4.644-.742c1.444.842 2.56 2.628 2.511 4.819c-.056 2.512-2.04 5.194-6.7 7.963c-.406.242-.836.56-1.298.689z" clip-rule="evenodd"/></svg>
React
import type { SVGProps } from "react";
export function MingcuteHeartHalfFill(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="M21.998 10.393c.065-2.892-1.409-5.371-3.504-6.592c-1.96-1.142-4.422-1.148-6.494.537c-2.072-1.685-4.534-1.679-6.494-.537c-2.095 1.22-3.569 3.7-3.504 6.592v.026c.095 3.598 2.902 6.774 7.679 9.612c.331.197.662.398 1.006.573c.406.206.85.396 1.313.396s.907-.19 1.313-.396c.344-.175.675-.376 1.006-.573c4.788-2.845 7.598-6.03 7.679-9.638M12 7s.611-.495.843-.729c1.508-1.525 3.25-1.554 4.644-.742c1.444.842 2.56 2.628 2.511 4.819c-.056 2.512-2.04 5.194-6.7 7.963c-.406.242-.836.56-1.298.689z" 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="M21.998 10.393c.065-2.892-1.409-5.371-3.504-6.592c-1.96-1.142-4.422-1.148-6.494.537c-2.072-1.685-4.534-1.679-6.494-.537c-2.095 1.22-3.569 3.7-3.504 6.592v.026c.095 3.598 2.902 6.774 7.679 9.612c.331.197.662.398 1.006.573c.406.206.85.396 1.313.396s.907-.19 1.313-.396c.344-.175.675-.376 1.006-.573c4.788-2.845 7.598-6.03 7.679-9.638M12 7s.611-.495.843-.729c1.508-1.525 3.25-1.554 4.644-.742c1.444.842 2.56 2.628 2.511 4.819c-.056 2.512-2.04 5.194-6.7 7.963c-.406.242-.836.56-1.298.689z" clip-rule="evenodd"/></svg> </template>
CSS
.icon-heart-half-fill {
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%22M21.998%2010.393c.065-2.892-1.409-5.371-3.504-6.592c-1.96-1.142-4.422-1.148-6.494.537c-2.072-1.685-4.534-1.679-6.494-.537c-2.095%201.22-3.569%203.7-3.504%206.592v.026c.095%203.598%202.902%206.774%207.679%209.612c.331.197.662.398%201.006.573c.406.206.85.396%201.313.396s.907-.19%201.313-.396c.344-.175.675-.376%201.006-.573c4.788-2.845%207.598-6.03%207.679-9.638M12%207s.611-.495.843-.729c1.508-1.525%203.25-1.554%204.644-.742c1.444.842%202.56%202.628%202.511%204.819c-.056%202.512-2.04%205.194-6.7%207.963c-.406.242-.836.56-1.298.689z%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%22M21.998%2010.393c.065-2.892-1.409-5.371-3.504-6.592c-1.96-1.142-4.422-1.148-6.494.537c-2.072-1.685-4.534-1.679-6.494-.537c-2.095%201.22-3.569%203.7-3.504%206.592v.026c.095%203.598%202.902%206.774%207.679%209.612c.331.197.662.398%201.006.573c.406.206.85.396%201.313.396s.907-.19%201.313-.396c.344-.175.675-.376%201.006-.573c4.788-2.845%207.598-6.03%207.679-9.638M12%207s.611-.495.843-.729c1.508-1.525%203.25-1.554%204.644-.742c1.444.842%202.56%202.628%202.511%204.819c-.056%202.512-2.04%205.194-6.7%207.963c-.406.242-.836.56-1.298.689z%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/mingcute/heart-half-fill.svg?color=%231a73e8&size=48
