hand icon
hand-fill from MingCute Icon by MingCute Design · Fill · Apache-2.0 Free for personal and commercial use.
- Name
- hand-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 hand icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 1c-1.104 0-1.8.895-1.8 2l-.2 7.998c0-.364-.375-5.06-.5-5.998c-.091-.685-.7-2-1.7-2C6.695 3 6 3.895 6 5v6.21a3 3 0 0 1-.487-.622c-.22-.348-.405-.64-1.12-.868c-.643-.204-1.276.103-1.84.385a1 1 0 0 0-.447 1.342l3.065 6.13A8 8 0 0 0 12.326 22H13a8 8 0 0 0 8-8V8c0-1.105-.562-2-1.5-2s-1.2 1-1.2 2c0 .422-.217 4.22-.3 4.268V5c0-1.105-.695-2-1.8-2s-1.7 1-1.7 2c0 .167-.12 1.53-.243 2.917C14.129 9.353 14 10.815 14 11l-.2-8c0-1.105-.695-2-1.8-2"/></svg>
React
import type { SVGProps } from "react";
export function MingcuteHandFill(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" d="M12 1c-1.104 0-1.8.895-1.8 2l-.2 7.998c0-.364-.375-5.06-.5-5.998c-.091-.685-.7-2-1.7-2C6.695 3 6 3.895 6 5v6.21a3 3 0 0 1-.487-.622c-.22-.348-.405-.64-1.12-.868c-.643-.204-1.276.103-1.84.385a1 1 0 0 0-.447 1.342l3.065 6.13A8 8 0 0 0 12.326 22H13a8 8 0 0 0 8-8V8c0-1.105-.562-2-1.5-2s-1.2 1-1.2 2c0 .422-.217 4.22-.3 4.268V5c0-1.105-.695-2-1.8-2s-1.7 1-1.7 2c0 .167-.12 1.53-.243 2.917C14.129 9.353 14 10.815 14 11l-.2-8c0-1.105-.695-2-1.8-2"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 1c-1.104 0-1.8.895-1.8 2l-.2 7.998c0-.364-.375-5.06-.5-5.998c-.091-.685-.7-2-1.7-2C6.695 3 6 3.895 6 5v6.21a3 3 0 0 1-.487-.622c-.22-.348-.405-.64-1.12-.868c-.643-.204-1.276.103-1.84.385a1 1 0 0 0-.447 1.342l3.065 6.13A8 8 0 0 0 12.326 22H13a8 8 0 0 0 8-8V8c0-1.105-.562-2-1.5-2s-1.2 1-1.2 2c0 .422-.217 4.22-.3 4.268V5c0-1.105-.695-2-1.8-2s-1.7 1-1.7 2c0 .167-.12 1.53-.243 2.917C14.129 9.353 14 10.815 14 11l-.2-8c0-1.105-.695-2-1.8-2"/></svg> </template>
CSS
.icon-hand-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%20d%3D%22M12%201c-1.104%200-1.8.895-1.8%202l-.2%207.998c0-.364-.375-5.06-.5-5.998c-.091-.685-.7-2-1.7-2C6.695%203%206%203.895%206%205v6.21a3%203%200%200%201-.487-.622c-.22-.348-.405-.64-1.12-.868c-.643-.204-1.276.103-1.84.385a1%201%200%200%200-.447%201.342l3.065%206.13A8%208%200%200%200%2012.326%2022H13a8%208%200%200%200%208-8V8c0-1.105-.562-2-1.5-2s-1.2%201-1.2%202c0%20.422-.217%204.22-.3%204.268V5c0-1.105-.695-2-1.8-2s-1.7%201-1.7%202c0%20.167-.12%201.53-.243%202.917C14.129%209.353%2014%2010.815%2014%2011l-.2-8c0-1.105-.695-2-1.8-2%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%20d%3D%22M12%201c-1.104%200-1.8.895-1.8%202l-.2%207.998c0-.364-.375-5.06-.5-5.998c-.091-.685-.7-2-1.7-2C6.695%203%206%203.895%206%205v6.21a3%203%200%200%201-.487-.622c-.22-.348-.405-.64-1.12-.868c-.643-.204-1.276.103-1.84.385a1%201%200%200%200-.447%201.342l3.065%206.13A8%208%200%200%200%2012.326%2022H13a8%208%200%200%200%208-8V8c0-1.105-.562-2-1.5-2s-1.2%201-1.2%202c0%20.422-.217%204.22-.3%204.268V5c0-1.105-.695-2-1.8-2s-1.7%201-1.7%202c0%20.167-.12%201.53-.243%202.917C14.129%209.353%2014%2010.815%2014%2011l-.2-8c0-1.105-.695-2-1.8-2%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mingcute/hand-fill.svg?color=%231a73e8&size=48
