mayura gesture icon
mayura-gesture from IconPark Outline by ByteDance · Outline · Hands · Apache-2.0 Free for personal and commercial use.
- Name
- mayura-gesture
- Set
- IconPark Outline
- Style
- Outline
- Category
- Hands
- Viewbox
- 48×48
- License
- Apache 2.0
The same icon in other sets
More hands icons from IconPark Outline
Use the mayura gesture icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"><path d="m20.995 36l-1.901-4.01l5.11-.417a3.782 3.782 0 0 0 0-7.565h-8.207C12.61 24.008 9 27.584 9 31.042s.787 5.439 1.647 7.297c.859 1.858 3.15 5.661 9.355 5.661h8.953c5.248 0 9.045-4.855 9.032-11q-.012-5.745.007-17a2.99 2.99 0 0 0-2.985-2.996h-.005a2.99 2.99 0 0 0-2.99 2.99V16q.015 7.712.015 9.051q0 4.34-4.022 2.992M25.955 24l.04-17a2.993 2.993 0 0 0-2.986-3h-.007a3 3 0 0 0-3 3v16.04"/><path d="M14.006 24V10a2.996 2.996 0 0 1 2.996-2.996h.004c1.657.003 3 1.347 3 3.005V24m6.001-3.98v-1a3 3 0 0 1 6 0v1"/></g></svg>
React
import type { SVGProps } from "react";
export function IconParkOutlineMayuraGesture(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="4"><path d="m20.995 36l-1.901-4.01l5.11-.417a3.782 3.782 0 0 0 0-7.565h-8.207C12.61 24.008 9 27.584 9 31.042s.787 5.439 1.647 7.297c.859 1.858 3.15 5.661 9.355 5.661h8.953c5.248 0 9.045-4.855 9.032-11q-.012-5.745.007-17a2.99 2.99 0 0 0-2.985-2.996h-.005a2.99 2.99 0 0 0-2.99 2.99V16q.015 7.712.015 9.051q0 4.34-4.022 2.992M25.955 24l.04-17a2.993 2.993 0 0 0-2.986-3h-.007a3 3 0 0 0-3 3v16.04"/><path d="M14.006 24V10a2.996 2.996 0 0 1 2.996-2.996h.004c1.657.003 3 1.347 3 3.005V24m6.001-3.98v-1a3 3 0 0 1 6 0v1"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"><path d="m20.995 36l-1.901-4.01l5.11-.417a3.782 3.782 0 0 0 0-7.565h-8.207C12.61 24.008 9 27.584 9 31.042s.787 5.439 1.647 7.297c.859 1.858 3.15 5.661 9.355 5.661h8.953c5.248 0 9.045-4.855 9.032-11q-.012-5.745.007-17a2.99 2.99 0 0 0-2.985-2.996h-.005a2.99 2.99 0 0 0-2.99 2.99V16q.015 7.712.015 9.051q0 4.34-4.022 2.992M25.955 24l.04-17a2.993 2.993 0 0 0-2.986-3h-.007a3 3 0 0 0-3 3v16.04"/><path d="M14.006 24V10a2.996 2.996 0 0 1 2.996-2.996h.004c1.657.003 3 1.347 3 3.005V24m6.001-3.98v-1a3 3 0 0 1 6 0v1"/></g></svg> </template>
CSS
.icon-mayura-gesture {
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%2048%2048%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%224%22%3E%3Cpath%20d%3D%22m20.995%2036l-1.901-4.01l5.11-.417a3.782%203.782%200%200%200%200-7.565h-8.207C12.61%2024.008%209%2027.584%209%2031.042s.787%205.439%201.647%207.297c.859%201.858%203.15%205.661%209.355%205.661h8.953c5.248%200%209.045-4.855%209.032-11q-.012-5.745.007-17a2.99%202.99%200%200%200-2.985-2.996h-.005a2.99%202.99%200%200%200-2.99%202.99V16q.015%207.712.015%209.051q0%204.34-4.022%202.992M25.955%2024l.04-17a2.993%202.993%200%200%200-2.986-3h-.007a3%203%200%200%200-3%203v16.04%22%2F%3E%3Cpath%20d%3D%22M14.006%2024V10a2.996%202.996%200%200%201%202.996-2.996h.004c1.657.003%203%201.347%203%203.005V24m6.001-3.98v-1a3%203%200%200%201%206%200v1%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%2048%2048%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%224%22%3E%3Cpath%20d%3D%22m20.995%2036l-1.901-4.01l5.11-.417a3.782%203.782%200%200%200%200-7.565h-8.207C12.61%2024.008%209%2027.584%209%2031.042s.787%205.439%201.647%207.297c.859%201.858%203.15%205.661%209.355%205.661h8.953c5.248%200%209.045-4.855%209.032-11q-.012-5.745.007-17a2.99%202.99%200%200%200-2.985-2.996h-.005a2.99%202.99%200%200%200-2.99%202.99V16q.015%207.712.015%209.051q0%204.34-4.022%202.992M25.955%2024l.04-17a2.993%202.993%200%200%200-2.986-3h-.007a3%203%200%200%200-3%203v16.04%22%2F%3E%3Cpath%20d%3D%22M14.006%2024V10a2.996%202.996%200%200%201%202.996-2.996h.004c1.657.003%203%201.347%203%203.005V24m6.001-3.98v-1a3%203%200%200%201%206%200v1%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/icon-park-outline/mayura-gesture.svg?color=%231a73e8&size=48
