brackets curly icon

5 other variants in Phosphor

The same icon in other sets

Related icons in Phosphor

Use the brackets curly icon

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><g fill="currentColor"><path d="M240 128c-64 0 0 88-64 88H80c-64 0 0-88-64-88c64 0 0-88 64-88h96c64 0 0 88 64 88" opacity=".2"/><path d="M43.18 128a29.8 29.8 0 0 1 8 10.26c4.8 9.9 4.8 22 4.8 33.74c0 24.31 1 36 24 36a8 8 0 0 1 0 16c-17.48 0-29.32-6.14-35.2-18.26c-4.8-9.9-4.8-22-4.8-33.74c0-24.31-1-36-24-36a8 8 0 0 1 0-16c23 0 24-11.69 24-36c0-11.72 0-23.84 4.8-33.74C50.68 38.14 62.52 32 80 32a8 8 0 0 1 0 16c-23 0-24 11.69-24 36c0 11.72 0 23.84-4.8 33.74A29.8 29.8 0 0 1 43.18 128M240 120c-23 0-24-11.69-24-36c0-11.72 0-23.84-4.8-33.74C205.32 38.14 193.48 32 176 32a8 8 0 0 0 0 16c23 0 24 11.69 24 36c0 11.72 0 23.84 4.8 33.74a29.8 29.8 0 0 0 8 10.26a29.8 29.8 0 0 0-8 10.26c-4.8 9.9-4.8 22-4.8 33.74c0 24.31-1 36-24 36a8 8 0 0 0 0 16c17.48 0 29.32-6.14 35.2-18.26c4.8-9.9 4.8-22 4.8-33.74c0-24.31 1-36 24-36a8 8 0 0 0 0-16"/></g></svg>

import type { SVGProps } from "react";

export function PhBracketsCurlyDuotone(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><g fill="currentColor"><path d="M240 128c-64 0 0 88-64 88H80c-64 0 0-88-64-88c64 0 0-88 64-88h96c64 0 0 88 64 88" opacity=".2"/><path d="M43.18 128a29.8 29.8 0 0 1 8 10.26c4.8 9.9 4.8 22 4.8 33.74c0 24.31 1 36 24 36a8 8 0 0 1 0 16c-17.48 0-29.32-6.14-35.2-18.26c-4.8-9.9-4.8-22-4.8-33.74c0-24.31-1-36-24-36a8 8 0 0 1 0-16c23 0 24-11.69 24-36c0-11.72 0-23.84 4.8-33.74C50.68 38.14 62.52 32 80 32a8 8 0 0 1 0 16c-23 0-24 11.69-24 36c0 11.72 0 23.84-4.8 33.74A29.8 29.8 0 0 1 43.18 128M240 120c-23 0-24-11.69-24-36c0-11.72 0-23.84-4.8-33.74C205.32 38.14 193.48 32 176 32a8 8 0 0 0 0 16c23 0 24 11.69 24 36c0 11.72 0 23.84 4.8 33.74a29.8 29.8 0 0 0 8 10.26a29.8 29.8 0 0 0-8 10.26c-4.8 9.9-4.8 22-4.8 33.74c0 24.31-1 36-24 36a8 8 0 0 0 0 16c17.48 0 29.32-6.14 35.2-18.26c4.8-9.9 4.8-22 4.8-33.74c0-24.31 1-36 24-36a8 8 0 0 0 0-16"/></g></svg>
  );
}

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><g fill="currentColor"><path d="M240 128c-64 0 0 88-64 88H80c-64 0 0-88-64-88c64 0 0-88 64-88h96c64 0 0 88 64 88" opacity=".2"/><path d="M43.18 128a29.8 29.8 0 0 1 8 10.26c4.8 9.9 4.8 22 4.8 33.74c0 24.31 1 36 24 36a8 8 0 0 1 0 16c-17.48 0-29.32-6.14-35.2-18.26c-4.8-9.9-4.8-22-4.8-33.74c0-24.31-1-36-24-36a8 8 0 0 1 0-16c23 0 24-11.69 24-36c0-11.72 0-23.84 4.8-33.74C50.68 38.14 62.52 32 80 32a8 8 0 0 1 0 16c-23 0-24 11.69-24 36c0 11.72 0 23.84-4.8 33.74A29.8 29.8 0 0 1 43.18 128M240 120c-23 0-24-11.69-24-36c0-11.72 0-23.84-4.8-33.74C205.32 38.14 193.48 32 176 32a8 8 0 0 0 0 16c23 0 24 11.69 24 36c0 11.72 0 23.84 4.8 33.74a29.8 29.8 0 0 0 8 10.26a29.8 29.8 0 0 0-8 10.26c-4.8 9.9-4.8 22-4.8 33.74c0 24.31-1 36-24 36a8 8 0 0 0 0 16c17.48 0 29.32-6.14 35.2-18.26c4.8-9.9 4.8-22 4.8-33.74c0-24.31 1-36 24-36a8 8 0 0 0 0-16"/></g></svg>
</template>

.icon-brackets-curly-duotone {
  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%20256%20256%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M240%20128c-64%200%200%2088-64%2088H80c-64%200%200-88-64-88c64%200%200-88%2064-88h96c64%200%200%2088%2064%2088%22%20opacity%3D%22.2%22%2F%3E%3Cpath%20d%3D%22M43.18%20128a29.8%2029.8%200%200%201%208%2010.26c4.8%209.9%204.8%2022%204.8%2033.74c0%2024.31%201%2036%2024%2036a8%208%200%200%201%200%2016c-17.48%200-29.32-6.14-35.2-18.26c-4.8-9.9-4.8-22-4.8-33.74c0-24.31-1-36-24-36a8%208%200%200%201%200-16c23%200%2024-11.69%2024-36c0-11.72%200-23.84%204.8-33.74C50.68%2038.14%2062.52%2032%2080%2032a8%208%200%200%201%200%2016c-23%200-24%2011.69-24%2036c0%2011.72%200%2023.84-4.8%2033.74A29.8%2029.8%200%200%201%2043.18%20128M240%20120c-23%200-24-11.69-24-36c0-11.72%200-23.84-4.8-33.74C205.32%2038.14%20193.48%2032%20176%2032a8%208%200%200%200%200%2016c23%200%2024%2011.69%2024%2036c0%2011.72%200%2023.84%204.8%2033.74a29.8%2029.8%200%200%200%208%2010.26a29.8%2029.8%200%200%200-8%2010.26c-4.8%209.9-4.8%2022-4.8%2033.74c0%2024.31-1%2036-24%2036a8%208%200%200%200%200%2016c17.48%200%2029.32-6.14%2035.2-18.26c4.8-9.9%204.8-22%204.8-33.74c0-24.31%201-36%2024-36a8%208%200%200%200%200-16%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%20256%20256%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M240%20128c-64%200%200%2088-64%2088H80c-64%200%200-88-64-88c64%200%200-88%2064-88h96c64%200%200%2088%2064%2088%22%20opacity%3D%22.2%22%2F%3E%3Cpath%20d%3D%22M43.18%20128a29.8%2029.8%200%200%201%208%2010.26c4.8%209.9%204.8%2022%204.8%2033.74c0%2024.31%201%2036%2024%2036a8%208%200%200%201%200%2016c-17.48%200-29.32-6.14-35.2-18.26c-4.8-9.9-4.8-22-4.8-33.74c0-24.31-1-36-24-36a8%208%200%200%201%200-16c23%200%2024-11.69%2024-36c0-11.72%200-23.84%204.8-33.74C50.68%2038.14%2062.52%2032%2080%2032a8%208%200%200%201%200%2016c-23%200-24%2011.69-24%2036c0%2011.72%200%2023.84-4.8%2033.74A29.8%2029.8%200%200%201%2043.18%20128M240%20120c-23%200-24-11.69-24-36c0-11.72%200-23.84-4.8-33.74C205.32%2038.14%20193.48%2032%20176%2032a8%208%200%200%200%200%2016c23%200%2024%2011.69%2024%2036c0%2011.72%200%2023.84%204.8%2033.74a29.8%2029.8%200%200%200%208%2010.26a29.8%2029.8%200%200%200-8%2010.26c-4.8%209.9-4.8%2022-4.8%2033.74c0%2024.31-1%2036-24%2036a8%208%200%200%200%200%2016c17.48%200%2029.32-6.14%2035.2-18.26c4.8-9.9%204.8-22%204.8-33.74c0-24.31%201-36%2024-36a8%208%200%200%200%200-16%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/brackets-curly-duotone.svg?color=%231a73e8&size=48