pinch icon

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

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

5 other variants in Material Symbols

pinch pinch-outline pinch-outline-sharp pinch-rounded 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="M14.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 8v9.5q0 .5-.4.8t-.875.175l-1.15-.325l2.55 2.55q.125.125.313.213t.387.087H19q.825 0 1.413-.587T21 19v-4q0-.425.288-.712T22 14t.713.288T23 15v4q0 1.65-1.175 2.825T19 23zM9.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.25zm7.213 7.738Q17 11.575 17 12v3q0 .425-.288.713T16 16t-.712-.288T15 15v-3q0-.425.288-.712T16 11t.713.288m3 1Q20 12.575 20 13v2q0 .425-.288.713T19 16t-.712-.288T18 15v-2q0-.425.288-.712T19 12t.713.288"/></svg>

React

import type { SVGProps } from "react";

export function MaterialSymbolsPinchOutlineRounded(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="M14.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 8v9.5q0 .5-.4.8t-.875.175l-1.15-.325l2.55 2.55q.125.125.313.213t.387.087H19q.825 0 1.413-.587T21 19v-4q0-.425.288-.712T22 14t.713.288T23 15v4q0 1.65-1.175 2.825T19 23zM9.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.25zm7.213 7.738Q17 11.575 17 12v3q0 .425-.288.713T16 16t-.712-.288T15 15v-3q0-.425.288-.712T16 11t.713.288m3 1Q20 12.575 20 13v2q0 .425-.288.713T19 16t-.712-.288T18 15v-2q0-.425.288-.712T19 12t.713.288"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M14.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 8v9.5q0 .5-.4.8t-.875.175l-1.15-.325l2.55 2.55q.125.125.313.213t.387.087H19q.825 0 1.413-.587T21 19v-4q0-.425.288-.712T22 14t.713.288T23 15v4q0 1.65-1.175 2.825T19 23zM9.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.25zm7.213 7.738Q17 11.575 17 12v3q0 .425-.288.713T16 16t-.712-.288T15 15v-3q0-.425.288-.712T16 11t.713.288m3 1Q20 12.575 20 13v2q0 .425-.288.713T19 16t-.712-.288T18 15v-2q0-.425.288-.712T19 12t.713.288"/></svg>
</template>

CSS

.icon-pinch-outline-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%22M14.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%208v9.5q0%20.5-.4.8t-.875.175l-1.15-.325l2.55%202.55q.125.125.313.213t.387.087H19q.825%200%201.413-.587T21%2019v-4q0-.425.288-.712T22%2014t.713.288T23%2015v4q0%201.65-1.175%202.825T19%2023zM9.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.25zm7.213%207.738Q17%2011.575%2017%2012v3q0%20.425-.288.713T16%2016t-.712-.288T15%2015v-3q0-.425.288-.712T16%2011t.713.288m3%201Q20%2012.575%2020%2013v2q0%20.425-.288.713T19%2016t-.712-.288T18%2015v-2q0-.425.288-.712T19%2012t.713.288%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%22M14.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%208v9.5q0%20.5-.4.8t-.875.175l-1.15-.325l2.55%202.55q.125.125.313.213t.387.087H19q.825%200%201.413-.587T21%2019v-4q0-.425.288-.712T22%2014t.713.288T23%2015v4q0%201.65-1.175%202.825T19%2023zM9.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.25zm7.213%207.738Q17%2011.575%2017%2012v3q0%20.425-.288.713T16%2016t-.712-.288T15%2015v-3q0-.425.288-.712T16%2011t.713.288m3%201Q20%2012.575%2020%2013v2q0%20.425-.288.713T19%2016t-.712-.288T18%2015v-2q0-.425.288-.712T19%2012t.713.288%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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