pinch icon

pinch-rounded from Material Symbols by Google · Rounded · UI Actions · Apache-2.0 Free for personal and commercial use.

Name: pinch-rounded
Set: Material Symbols
Style: Rounded
Category: UI Actions
Viewbox: 24×24
License: Apache 2.0

5 other variants in Material Symbols

pinch pinch-outline pinch-outline-rounded pinch-outline-sharp pinch-sharp

The same icon in other sets

pinchMaterial Symbols Light

More ui actions icons from Material Symbols

Use the pinch icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M9.5 3.55L3.55 9.5h1.7q.325 0 .538.213T6 10.25t-.213.538T5.25 11H2q-.425 0-.712-.288T1 10V6.75q0-.325.213-.537T1.75 6t.538.213t.212.537v1.7L8.45 2.5h-1.7q-.325 0-.538-.213T6 1.75t.213-.537T6.75 1H10q.425 0 .713.288T11 2v3.25q0 .325-.213.538T10.25 6t-.537-.213T9.5 5.25zM14.825 23q-.6 0-1.15-.225t-.975-.65L8.3 17.7q-.3-.3-.275-.737t.325-.738q.4-.4.938-.538t1.062.013l1.65.475V8q0-.425.288-.712T13 7t.713.288T14 8v7h1v-3q0-.425.288-.712T16 11t.713.288T17 12v3h1v-2q0-.425.288-.712T19 12t.713.288T20 13v2h1q0-.425.288-.712T22 14t.713.288T23 15v4q0 1.65-1.175 2.825T19 23z"/></svg>

React

import type { SVGProps } from "react";

export function MaterialSymbolsPinchRounded(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="M9.5 3.55L3.55 9.5h1.7q.325 0 .538.213T6 10.25t-.213.538T5.25 11H2q-.425 0-.712-.288T1 10V6.75q0-.325.213-.537T1.75 6t.538.213t.212.537v1.7L8.45 2.5h-1.7q-.325 0-.538-.213T6 1.75t.213-.537T6.75 1H10q.425 0 .713.288T11 2v3.25q0 .325-.213.538T10.25 6t-.537-.213T9.5 5.25zM14.825 23q-.6 0-1.15-.225t-.975-.65L8.3 17.7q-.3-.3-.275-.737t.325-.738q.4-.4.938-.538t1.062.013l1.65.475V8q0-.425.288-.712T13 7t.713.288T14 8v7h1v-3q0-.425.288-.712T16 11t.713.288T17 12v3h1v-2q0-.425.288-.712T19 12t.713.288T20 13v2h1q0-.425.288-.712T22 14t.713.288T23 15v4q0 1.65-1.175 2.825T19 23z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M9.5 3.55L3.55 9.5h1.7q.325 0 .538.213T6 10.25t-.213.538T5.25 11H2q-.425 0-.712-.288T1 10V6.75q0-.325.213-.537T1.75 6t.538.213t.212.537v1.7L8.45 2.5h-1.7q-.325 0-.538-.213T6 1.75t.213-.537T6.75 1H10q.425 0 .713.288T11 2v3.25q0 .325-.213.538T10.25 6t-.537-.213T9.5 5.25zM14.825 23q-.6 0-1.15-.225t-.975-.65L8.3 17.7q-.3-.3-.275-.737t.325-.738q.4-.4.938-.538t1.062.013l1.65.475V8q0-.425.288-.712T13 7t.713.288T14 8v7h1v-3q0-.425.288-.712T16 11t.713.288T17 12v3h1v-2q0-.425.288-.712T19 12t.713.288T20 13v2h1q0-.425.288-.712T22 14t.713.288T23 15v4q0 1.65-1.175 2.825T19 23z"/></svg>
</template>

CSS

.icon-pinch-rounded {
  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%22M9.5%203.55L3.55%209.5h1.7q.325%200%20.538.213T6%2010.25t-.213.538T5.25%2011H2q-.425%200-.712-.288T1%2010V6.75q0-.325.213-.537T1.75%206t.538.213t.212.537v1.7L8.45%202.5h-1.7q-.325%200-.538-.213T6%201.75t.213-.537T6.75%201H10q.425%200%20.713.288T11%202v3.25q0%20.325-.213.538T10.25%206t-.537-.213T9.5%205.25zM14.825%2023q-.6%200-1.15-.225t-.975-.65L8.3%2017.7q-.3-.3-.275-.737t.325-.738q.4-.4.938-.538t1.062.013l1.65.475V8q0-.425.288-.712T13%207t.713.288T14%208v7h1v-3q0-.425.288-.712T16%2011t.713.288T17%2012v3h1v-2q0-.425.288-.712T19%2012t.713.288T20%2013v2h1q0-.425.288-.712T22%2014t.713.288T23%2015v4q0%201.65-1.175%202.825T19%2023z%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%22M9.5%203.55L3.55%209.5h1.7q.325%200%20.538.213T6%2010.25t-.213.538T5.25%2011H2q-.425%200-.712-.288T1%2010V6.75q0-.325.213-.537T1.75%206t.538.213t.212.537v1.7L8.45%202.5h-1.7q-.325%200-.538-.213T6%201.75t.213-.537T6.75%201H10q.425%200%20.713.288T11%202v3.25q0%20.325-.213.538T10.25%206t-.537-.213T9.5%205.25zM14.825%2023q-.6%200-1.15-.225t-.975-.65L8.3%2017.7q-.3-.3-.275-.737t.325-.738q.4-.4.938-.538t1.062.013l1.65.475V8q0-.425.288-.712T13%207t.713.288T14%208v7h1v-3q0-.425.288-.712T16%2011t.713.288T17%2012v3h1v-2q0-.425.288-.712T19%2012t.713.288T20%2013v2h1q0-.425.288-.712T22%2014t.713.288T23%2015v4q0%201.65-1.175%202.825T19%2023z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols/pinch-rounded.svg?color=%231a73e8&size=48