code parentheses icon

code-parentheses from Material Design Icons by Pictogrammers · Filled · Developer / Languages · Apache-2.0 Free for personal and commercial use.

Name: code-parentheses
Set: Material Design Icons
Style: Filled
Category: Developer / Languages
Viewbox: 24×24
License: Apache 2.0

Use the code parentheses icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M17.62 3C19.13 5.27 20 8.55 20 12c0 3.44-.87 6.72-2.38 9L16 19.96c1.26-1.89 2-4.83 2-7.96s-.74-6.08-2-7.97zM6.38 3L8 4.04C6.74 5.92 6 8.87 6 12s.74 6.08 2 7.96L6.38 21C4.87 18.73 4 15.45 4 12s.87-6.73 2.38-9"/></svg>

React

import type { SVGProps } from "react";

export function MdiCodeParentheses(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="M17.62 3C19.13 5.27 20 8.55 20 12c0 3.44-.87 6.72-2.38 9L16 19.96c1.26-1.89 2-4.83 2-7.96s-.74-6.08-2-7.97zM6.38 3L8 4.04C6.74 5.92 6 8.87 6 12s.74 6.08 2 7.96L6.38 21C4.87 18.73 4 15.45 4 12s.87-6.73 2.38-9"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M17.62 3C19.13 5.27 20 8.55 20 12c0 3.44-.87 6.72-2.38 9L16 19.96c1.26-1.89 2-4.83 2-7.96s-.74-6.08-2-7.97zM6.38 3L8 4.04C6.74 5.92 6 8.87 6 12s.74 6.08 2 7.96L6.38 21C4.87 18.73 4 15.45 4 12s.87-6.73 2.38-9"/></svg>
</template>

CSS

.icon-code-parentheses {
  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%22M17.62%203C19.13%205.27%2020%208.55%2020%2012c0%203.44-.87%206.72-2.38%209L16%2019.96c1.26-1.89%202-4.83%202-7.96s-.74-6.08-2-7.97zM6.38%203L8%204.04C6.74%205.92%206%208.87%206%2012s.74%206.08%202%207.96L6.38%2021C4.87%2018.73%204%2015.45%204%2012s.87-6.73%202.38-9%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%22M17.62%203C19.13%205.27%2020%208.55%2020%2012c0%203.44-.87%206.72-2.38%209L16%2019.96c1.26-1.89%202-4.83%202-7.96s-.74-6.08-2-7.97zM6.38%203L8%204.04C6.74%205.92%206%208.87%206%2012s.74%206.08%202%207.96L6.38%2021C4.87%2018.73%204%2015.45%204%2012s.87-6.73%202.38-9%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mdi/code-parentheses.svg?color=%231a73e8&size=48

code parentheses icon

More developer / languages icons from Material Design Icons

Use the code parentheses icon

SVG

React

Vue

CSS