braces icon
braces from Bootstrap Icons by The Bootstrap Authors · Outline · MIT Free for personal and commercial use.
- Name
- braces
- Set
- Bootstrap Icons
- Style
- Outline
- Viewbox
- 16×16
- License
- MIT
The same icon in other sets
Related icons in Bootstrap Icons
Use the braces icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M2.114 8.063V7.9c1.005-.102 1.497-.615 1.497-1.6V4.503c0-1.094.39-1.538 1.354-1.538h.273V2h-.376C3.25 2 2.49 2.759 2.49 4.352v1.524c0 1.094-.376 1.456-1.49 1.456v1.299c1.114 0 1.49.362 1.49 1.456v1.524c0 1.593.759 2.352 2.372 2.352h.376v-.964h-.273c-.964 0-1.354-.444-1.354-1.538V9.663c0-.984-.492-1.497-1.497-1.6M13.886 7.9v.163c-1.005.103-1.497.616-1.497 1.6v1.798c0 1.094-.39 1.538-1.354 1.538h-.273v.964h.376c1.613 0 2.372-.759 2.372-2.352v-1.524c0-1.094.376-1.456 1.49-1.456V7.332c-1.114 0-1.49-.362-1.49-1.456V4.352C13.51 2.759 12.75 2 11.138 2h-.376v.964h.273c.964 0 1.354.444 1.354 1.538V6.3c0 .984.492 1.497 1.497 1.6"/></svg>
React
import type { SVGProps } from "react";
export function BiBraces(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M2.114 8.063V7.9c1.005-.102 1.497-.615 1.497-1.6V4.503c0-1.094.39-1.538 1.354-1.538h.273V2h-.376C3.25 2 2.49 2.759 2.49 4.352v1.524c0 1.094-.376 1.456-1.49 1.456v1.299c1.114 0 1.49.362 1.49 1.456v1.524c0 1.593.759 2.352 2.372 2.352h.376v-.964h-.273c-.964 0-1.354-.444-1.354-1.538V9.663c0-.984-.492-1.497-1.497-1.6M13.886 7.9v.163c-1.005.103-1.497.616-1.497 1.6v1.798c0 1.094-.39 1.538-1.354 1.538h-.273v.964h.376c1.613 0 2.372-.759 2.372-2.352v-1.524c0-1.094.376-1.456 1.49-1.456V7.332c-1.114 0-1.49-.362-1.49-1.456V4.352C13.51 2.759 12.75 2 11.138 2h-.376v.964h.273c.964 0 1.354.444 1.354 1.538V6.3c0 .984.492 1.497 1.497 1.6"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M2.114 8.063V7.9c1.005-.102 1.497-.615 1.497-1.6V4.503c0-1.094.39-1.538 1.354-1.538h.273V2h-.376C3.25 2 2.49 2.759 2.49 4.352v1.524c0 1.094-.376 1.456-1.49 1.456v1.299c1.114 0 1.49.362 1.49 1.456v1.524c0 1.593.759 2.352 2.372 2.352h.376v-.964h-.273c-.964 0-1.354-.444-1.354-1.538V9.663c0-.984-.492-1.497-1.497-1.6M13.886 7.9v.163c-1.005.103-1.497.616-1.497 1.6v1.798c0 1.094-.39 1.538-1.354 1.538h-.273v.964h.376c1.613 0 2.372-.759 2.372-2.352v-1.524c0-1.094.376-1.456 1.49-1.456V7.332c-1.114 0-1.49-.362-1.49-1.456V4.352C13.51 2.759 12.75 2 11.138 2h-.376v.964h.273c.964 0 1.354.444 1.354 1.538V6.3c0 .984.492 1.497 1.497 1.6"/></svg> </template>
CSS
.icon-braces {
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%2016%2016%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M2.114%208.063V7.9c1.005-.102%201.497-.615%201.497-1.6V4.503c0-1.094.39-1.538%201.354-1.538h.273V2h-.376C3.25%202%202.49%202.759%202.49%204.352v1.524c0%201.094-.376%201.456-1.49%201.456v1.299c1.114%200%201.49.362%201.49%201.456v1.524c0%201.593.759%202.352%202.372%202.352h.376v-.964h-.273c-.964%200-1.354-.444-1.354-1.538V9.663c0-.984-.492-1.497-1.497-1.6M13.886%207.9v.163c-1.005.103-1.497.616-1.497%201.6v1.798c0%201.094-.39%201.538-1.354%201.538h-.273v.964h.376c1.613%200%202.372-.759%202.372-2.352v-1.524c0-1.094.376-1.456%201.49-1.456V7.332c-1.114%200-1.49-.362-1.49-1.456V4.352C13.51%202.759%2012.75%202%2011.138%202h-.376v.964h.273c.964%200%201.354.444%201.354%201.538V6.3c0%20.984.492%201.497%201.497%201.6%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%2016%2016%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M2.114%208.063V7.9c1.005-.102%201.497-.615%201.497-1.6V4.503c0-1.094.39-1.538%201.354-1.538h.273V2h-.376C3.25%202%202.49%202.759%202.49%204.352v1.524c0%201.094-.376%201.456-1.49%201.456v1.299c1.114%200%201.49.362%201.49%201.456v1.524c0%201.593.759%202.352%202.372%202.352h.376v-.964h-.273c-.964%200-1.354-.444-1.354-1.538V9.663c0-.984-.492-1.497-1.497-1.6M13.886%207.9v.163c-1.005.103-1.497.616-1.497%201.6v1.798c0%201.094-.39%201.538-1.354%201.538h-.273v.964h.376c1.613%200%202.372-.759%202.372-2.352v-1.524c0-1.094.376-1.456%201.49-1.456V7.332c-1.114%200-1.49-.362-1.49-1.456V4.352C13.51%202.759%2012.75%202%2011.138%202h-.376v.964h.273c.964%200%201.354.444%201.354%201.538V6.3c0%20.984.492%201.497%201.497%201.6%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/bi/braces.svg?color=%231a73e8&size=48
