gesture pinch icon
gesture-pinch from Material Design Icons by Pictogrammers · Filled · Apache-2.0 Free for personal and commercial use.
- Name
- gesture-pinch
- Set
- Material Design Icons
- Style
- Filled
- Viewbox
- 24×24
- License
- Apache 2.0
Related icons in Material Design Icons
Use the gesture pinch icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M13 9a1 1 0 0 1 1-1a1 1 0 0 1 1 1v4.47l1.21.13l4.94 2.2c.52.24.85.76.85 1.34v4.36c-.03.82-.68 1.47-1.5 1.5H14c-.38 0-.74-.15-1-.43l-4.9-4.2l.74-.77c.19-.21.46-.32.74-.32h.22L13 19zm1-4c1.42 0 2.74.76 3.45 2c1.11 1.9.46 4.35-1.45 5.46v-1.23c.64-.56 1-1.38 1-2.23a3 3 0 0 0-3-3a3 3 0 0 0-3 3c0 .85.36 1.67 1 2.23v1.23c-1.23-.71-2-2.03-2-3.46a4 4 0 0 1 4-4M4 9l3 3H5v3H3v-3H1zm0-2L1 4h2V1h2v3h2zm5 7c.73 0 1.41.19 2 .54v1.22c-.53-.47-1.23-.76-2-.76a3 3 0 0 0-3 3c0 1 .5 1.87 1.22 2.42L9.31 22H9a4 4 0 0 1-4-4a4 4 0 0 1 4-4"/></svg>
React
import type { SVGProps } from "react";
export function MdiGesturePinch(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="M13 9a1 1 0 0 1 1-1a1 1 0 0 1 1 1v4.47l1.21.13l4.94 2.2c.52.24.85.76.85 1.34v4.36c-.03.82-.68 1.47-1.5 1.5H14c-.38 0-.74-.15-1-.43l-4.9-4.2l.74-.77c.19-.21.46-.32.74-.32h.22L13 19zm1-4c1.42 0 2.74.76 3.45 2c1.11 1.9.46 4.35-1.45 5.46v-1.23c.64-.56 1-1.38 1-2.23a3 3 0 0 0-3-3a3 3 0 0 0-3 3c0 .85.36 1.67 1 2.23v1.23c-1.23-.71-2-2.03-2-3.46a4 4 0 0 1 4-4M4 9l3 3H5v3H3v-3H1zm0-2L1 4h2V1h2v3h2zm5 7c.73 0 1.41.19 2 .54v1.22c-.53-.47-1.23-.76-2-.76a3 3 0 0 0-3 3c0 1 .5 1.87 1.22 2.42L9.31 22H9a4 4 0 0 1-4-4a4 4 0 0 1 4-4"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M13 9a1 1 0 0 1 1-1a1 1 0 0 1 1 1v4.47l1.21.13l4.94 2.2c.52.24.85.76.85 1.34v4.36c-.03.82-.68 1.47-1.5 1.5H14c-.38 0-.74-.15-1-.43l-4.9-4.2l.74-.77c.19-.21.46-.32.74-.32h.22L13 19zm1-4c1.42 0 2.74.76 3.45 2c1.11 1.9.46 4.35-1.45 5.46v-1.23c.64-.56 1-1.38 1-2.23a3 3 0 0 0-3-3a3 3 0 0 0-3 3c0 .85.36 1.67 1 2.23v1.23c-1.23-.71-2-2.03-2-3.46a4 4 0 0 1 4-4M4 9l3 3H5v3H3v-3H1zm0-2L1 4h2V1h2v3h2zm5 7c.73 0 1.41.19 2 .54v1.22c-.53-.47-1.23-.76-2-.76a3 3 0 0 0-3 3c0 1 .5 1.87 1.22 2.42L9.31 22H9a4 4 0 0 1-4-4a4 4 0 0 1 4-4"/></svg> </template>
CSS
.icon-gesture-pinch {
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%22M13%209a1%201%200%200%201%201-1a1%201%200%200%201%201%201v4.47l1.21.13l4.94%202.2c.52.24.85.76.85%201.34v4.36c-.03.82-.68%201.47-1.5%201.5H14c-.38%200-.74-.15-1-.43l-4.9-4.2l.74-.77c.19-.21.46-.32.74-.32h.22L13%2019zm1-4c1.42%200%202.74.76%203.45%202c1.11%201.9.46%204.35-1.45%205.46v-1.23c.64-.56%201-1.38%201-2.23a3%203%200%200%200-3-3a3%203%200%200%200-3%203c0%20.85.36%201.67%201%202.23v1.23c-1.23-.71-2-2.03-2-3.46a4%204%200%200%201%204-4M4%209l3%203H5v3H3v-3H1zm0-2L1%204h2V1h2v3h2zm5%207c.73%200%201.41.19%202%20.54v1.22c-.53-.47-1.23-.76-2-.76a3%203%200%200%200-3%203c0%201%20.5%201.87%201.22%202.42L9.31%2022H9a4%204%200%200%201-4-4a4%204%200%200%201%204-4%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%22M13%209a1%201%200%200%201%201-1a1%201%200%200%201%201%201v4.47l1.21.13l4.94%202.2c.52.24.85.76.85%201.34v4.36c-.03.82-.68%201.47-1.5%201.5H14c-.38%200-.74-.15-1-.43l-4.9-4.2l.74-.77c.19-.21.46-.32.74-.32h.22L13%2019zm1-4c1.42%200%202.74.76%203.45%202c1.11%201.9.46%204.35-1.45%205.46v-1.23c.64-.56%201-1.38%201-2.23a3%203%200%200%200-3-3a3%203%200%200%200-3%203c0%20.85.36%201.67%201%202.23v1.23c-1.23-.71-2-2.03-2-3.46a4%204%200%200%201%204-4M4%209l3%203H5v3H3v-3H1zm0-2L1%204h2V1h2v3h2zm5%207c.73%200%201.41.19%202%20.54v1.22c-.53-.47-1.23-.76-2-.76a3%203%200%200%200-3%203c0%201%20.5%201.87%201.22%202.42L9.31%2022H9a4%204%200%200%201-4-4a4%204%200%200%201%204-4%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mdi/gesture-pinch.svg?color=%231a73e8&size=48
