brackets curly icon
brackets-curly-light from Phosphor by Phosphor Icons · Light · MIT Free for personal and commercial use.
- Name
- brackets-curly-light
- Set
- Phosphor
- Style
- Light
- 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="M39.91 128a27.7 27.7 0 0 1 9.49 11.13C54 148.62 54 160.51 54 172c0 24.27 1.21 38 26 38a6 6 0 0 1 0 12c-16.88 0-27.81-5.6-33.4-17.13C42 195.38 42 183.49 42 172c0-24.27-1.21-38-26-38a6 6 0 0 1 0-12c24.79 0 26-13.73 26-38c0-11.49 0-23.38 4.6-32.87C52.19 39.6 63.12 34 80 34a6 6 0 0 1 0 12c-24.79 0-26 13.73-26 38c0 11.49 0 23.38-4.6 32.87A27.7 27.7 0 0 1 39.91 128M240 122c-24.79 0-26-13.73-26-38c0-11.49 0-23.38-4.6-32.87C203.81 39.6 192.88 34 176 34a6 6 0 0 0 0 12c24.79 0 26 13.73 26 38c0 11.49 0 23.38 4.6 32.87a27.7 27.7 0 0 0 9.49 11.13a27.7 27.7 0 0 0-9.49 11.13c-4.6 9.49-4.6 21.38-4.6 32.87c0 24.27-1.21 38-26 38a6 6 0 0 0 0 12c16.88 0 27.81-5.6 33.4-17.13c4.6-9.49 4.6-21.38 4.6-32.87c0-24.27 1.21-38 26-38a6 6 0 0 0 0-12"/></svg>
React
import type { SVGProps } from "react";
export function PhBracketsCurlyLight(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="M39.91 128a27.7 27.7 0 0 1 9.49 11.13C54 148.62 54 160.51 54 172c0 24.27 1.21 38 26 38a6 6 0 0 1 0 12c-16.88 0-27.81-5.6-33.4-17.13C42 195.38 42 183.49 42 172c0-24.27-1.21-38-26-38a6 6 0 0 1 0-12c24.79 0 26-13.73 26-38c0-11.49 0-23.38 4.6-32.87C52.19 39.6 63.12 34 80 34a6 6 0 0 1 0 12c-24.79 0-26 13.73-26 38c0 11.49 0 23.38-4.6 32.87A27.7 27.7 0 0 1 39.91 128M240 122c-24.79 0-26-13.73-26-38c0-11.49 0-23.38-4.6-32.87C203.81 39.6 192.88 34 176 34a6 6 0 0 0 0 12c24.79 0 26 13.73 26 38c0 11.49 0 23.38 4.6 32.87a27.7 27.7 0 0 0 9.49 11.13a27.7 27.7 0 0 0-9.49 11.13c-4.6 9.49-4.6 21.38-4.6 32.87c0 24.27-1.21 38-26 38a6 6 0 0 0 0 12c16.88 0 27.81-5.6 33.4-17.13c4.6-9.49 4.6-21.38 4.6-32.87c0-24.27 1.21-38 26-38a6 6 0 0 0 0-12"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M39.91 128a27.7 27.7 0 0 1 9.49 11.13C54 148.62 54 160.51 54 172c0 24.27 1.21 38 26 38a6 6 0 0 1 0 12c-16.88 0-27.81-5.6-33.4-17.13C42 195.38 42 183.49 42 172c0-24.27-1.21-38-26-38a6 6 0 0 1 0-12c24.79 0 26-13.73 26-38c0-11.49 0-23.38 4.6-32.87C52.19 39.6 63.12 34 80 34a6 6 0 0 1 0 12c-24.79 0-26 13.73-26 38c0 11.49 0 23.38-4.6 32.87A27.7 27.7 0 0 1 39.91 128M240 122c-24.79 0-26-13.73-26-38c0-11.49 0-23.38-4.6-32.87C203.81 39.6 192.88 34 176 34a6 6 0 0 0 0 12c24.79 0 26 13.73 26 38c0 11.49 0 23.38 4.6 32.87a27.7 27.7 0 0 0 9.49 11.13a27.7 27.7 0 0 0-9.49 11.13c-4.6 9.49-4.6 21.38-4.6 32.87c0 24.27-1.21 38-26 38a6 6 0 0 0 0 12c16.88 0 27.81-5.6 33.4-17.13c4.6-9.49 4.6-21.38 4.6-32.87c0-24.27 1.21-38 26-38a6 6 0 0 0 0-12"/></svg> </template>
CSS
.icon-brackets-curly-light {
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%22M39.91%20128a27.7%2027.7%200%200%201%209.49%2011.13C54%20148.62%2054%20160.51%2054%20172c0%2024.27%201.21%2038%2026%2038a6%206%200%200%201%200%2012c-16.88%200-27.81-5.6-33.4-17.13C42%20195.38%2042%20183.49%2042%20172c0-24.27-1.21-38-26-38a6%206%200%200%201%200-12c24.79%200%2026-13.73%2026-38c0-11.49%200-23.38%204.6-32.87C52.19%2039.6%2063.12%2034%2080%2034a6%206%200%200%201%200%2012c-24.79%200-26%2013.73-26%2038c0%2011.49%200%2023.38-4.6%2032.87A27.7%2027.7%200%200%201%2039.91%20128M240%20122c-24.79%200-26-13.73-26-38c0-11.49%200-23.38-4.6-32.87C203.81%2039.6%20192.88%2034%20176%2034a6%206%200%200%200%200%2012c24.79%200%2026%2013.73%2026%2038c0%2011.49%200%2023.38%204.6%2032.87a27.7%2027.7%200%200%200%209.49%2011.13a27.7%2027.7%200%200%200-9.49%2011.13c-4.6%209.49-4.6%2021.38-4.6%2032.87c0%2024.27-1.21%2038-26%2038a6%206%200%200%200%200%2012c16.88%200%2027.81-5.6%2033.4-17.13c4.6-9.49%204.6-21.38%204.6-32.87c0-24.27%201.21-38%2026-38a6%206%200%200%200%200-12%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%22M39.91%20128a27.7%2027.7%200%200%201%209.49%2011.13C54%20148.62%2054%20160.51%2054%20172c0%2024.27%201.21%2038%2026%2038a6%206%200%200%201%200%2012c-16.88%200-27.81-5.6-33.4-17.13C42%20195.38%2042%20183.49%2042%20172c0-24.27-1.21-38-26-38a6%206%200%200%201%200-12c24.79%200%2026-13.73%2026-38c0-11.49%200-23.38%204.6-32.87C52.19%2039.6%2063.12%2034%2080%2034a6%206%200%200%201%200%2012c-24.79%200-26%2013.73-26%2038c0%2011.49%200%2023.38-4.6%2032.87A27.7%2027.7%200%200%201%2039.91%20128M240%20122c-24.79%200-26-13.73-26-38c0-11.49%200-23.38-4.6-32.87C203.81%2039.6%20192.88%2034%20176%2034a6%206%200%200%200%200%2012c24.79%200%2026%2013.73%2026%2038c0%2011.49%200%2023.38%204.6%2032.87a27.7%2027.7%200%200%200%209.49%2011.13a27.7%2027.7%200%200%200-9.49%2011.13c-4.6%209.49-4.6%2021.38-4.6%2032.87c0%2024.27-1.21%2038-26%2038a6%206%200%200%200%200%2012c16.88%200%2027.81-5.6%2033.4-17.13c4.6-9.49%204.6-21.38%204.6-32.87c0-24.27%201.21-38%2026-38a6%206%200%200%200%200-12%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/brackets-curly-light.svg?color=%231a73e8&size=48
