brackets curly icon
brackets-curly-thin from Phosphor by Phosphor Icons · Thin · MIT Free for personal and commercial use.
- Name
- brackets-curly-thin
- Set
- Phosphor
- Style
- Thin
- Viewbox
- 256×256
- License
- MIT
5 other variants in Phosphor
The same icon in other sets
Related icons in Phosphor
Use the brackets curly icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M35.89 128C52 136.23 52 155.64 52 172c0 24.8 1.35 40 28 40a4 4 0 0 1 0 8c-36 0-36-26.61-36-48c0-24.8-1.35-40-28-40a4 4 0 0 1 0-8c26.65 0 28-15.2 28-40c0-21.39 0-48 36-48a4 4 0 0 1 0 8c-26.65 0-28 15.2-28 40c0 16.36 0 35.77-16.11 44M240 124c-26.65 0-28-15.2-28-40c0-21.39 0-48-36-48a4 4 0 0 0 0 8c26.65 0 28 15.2 28 40c0 16.36 0 35.77 16.11 44C204 136.23 204 155.64 204 172c0 24.8-1.35 40-28 40a4 4 0 0 0 0 8c36 0 36-26.61 36-48c0-24.8 1.35-40 28-40a4 4 0 0 0 0-8"/></svg>
React
import type { SVGProps } from "react";
export function PhBracketsCurlyThin(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M35.89 128C52 136.23 52 155.64 52 172c0 24.8 1.35 40 28 40a4 4 0 0 1 0 8c-36 0-36-26.61-36-48c0-24.8-1.35-40-28-40a4 4 0 0 1 0-8c26.65 0 28-15.2 28-40c0-21.39 0-48 36-48a4 4 0 0 1 0 8c-26.65 0-28 15.2-28 40c0 16.36 0 35.77-16.11 44M240 124c-26.65 0-28-15.2-28-40c0-21.39 0-48-36-48a4 4 0 0 0 0 8c26.65 0 28 15.2 28 40c0 16.36 0 35.77 16.11 44C204 136.23 204 155.64 204 172c0 24.8-1.35 40-28 40a4 4 0 0 0 0 8c36 0 36-26.61 36-48c0-24.8 1.35-40 28-40a4 4 0 0 0 0-8"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M35.89 128C52 136.23 52 155.64 52 172c0 24.8 1.35 40 28 40a4 4 0 0 1 0 8c-36 0-36-26.61-36-48c0-24.8-1.35-40-28-40a4 4 0 0 1 0-8c26.65 0 28-15.2 28-40c0-21.39 0-48 36-48a4 4 0 0 1 0 8c-26.65 0-28 15.2-28 40c0 16.36 0 35.77-16.11 44M240 124c-26.65 0-28-15.2-28-40c0-21.39 0-48-36-48a4 4 0 0 0 0 8c26.65 0 28 15.2 28 40c0 16.36 0 35.77 16.11 44C204 136.23 204 155.64 204 172c0 24.8-1.35 40-28 40a4 4 0 0 0 0 8c36 0 36-26.61 36-48c0-24.8 1.35-40 28-40a4 4 0 0 0 0-8"/></svg> </template>
CSS
.icon-brackets-curly-thin {
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%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M35.89%20128C52%20136.23%2052%20155.64%2052%20172c0%2024.8%201.35%2040%2028%2040a4%204%200%200%201%200%208c-36%200-36-26.61-36-48c0-24.8-1.35-40-28-40a4%204%200%200%201%200-8c26.65%200%2028-15.2%2028-40c0-21.39%200-48%2036-48a4%204%200%200%201%200%208c-26.65%200-28%2015.2-28%2040c0%2016.36%200%2035.77-16.11%2044M240%20124c-26.65%200-28-15.2-28-40c0-21.39%200-48-36-48a4%204%200%200%200%200%208c26.65%200%2028%2015.2%2028%2040c0%2016.36%200%2035.77%2016.11%2044C204%20136.23%20204%20155.64%20204%20172c0%2024.8-1.35%2040-28%2040a4%204%200%200%200%200%208c36%200%2036-26.61%2036-48c0-24.8%201.35-40%2028-40a4%204%200%200%200%200-8%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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M35.89%20128C52%20136.23%2052%20155.64%2052%20172c0%2024.8%201.35%2040%2028%2040a4%204%200%200%201%200%208c-36%200-36-26.61-36-48c0-24.8-1.35-40-28-40a4%204%200%200%201%200-8c26.65%200%2028-15.2%2028-40c0-21.39%200-48%2036-48a4%204%200%200%201%200%208c-26.65%200-28%2015.2-28%2040c0%2016.36%200%2035.77-16.11%2044M240%20124c-26.65%200-28-15.2-28-40c0-21.39%200-48-36-48a4%204%200%200%200%200%208c26.65%200%2028%2015.2%2028%2040c0%2016.36%200%2035.77%2016.11%2044C204%20136.23%20204%20155.64%20204%20172c0%2024.8-1.35%2040-28%2040a4%204%200%200%200%200%208c36%200%2036-26.61%2036-48c0-24.8%201.35-40%2028-40a4%204%200%200%200%200-8%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/brackets-curly-thin.svg?color=%231a73e8&size=48
