braces icon

braces-16-regular from Fluent UI System Icons by Microsoft Corporation · 16 Regular · MIT Free for personal and commercial use.

Name: braces-16-regular
Set: Fluent UI System Icons
Style: 16 Regular
Viewbox: 16×16
License: MIT

11 other variants in Fluent UI System Icons

braces-16-filled braces-20-filled braces-20-regular braces-24-filled braces-24-regular braces-28-filled braces-28-regular braces-32-filled braces-32-regular braces-48-filled braces-48-regular

The same icon in other sets

bracesBootstrap Icons bracesHuge Icons bracesLucide braces-fillMingCute Icon bracesPixelarticons braces-fillRemix Icon braces-boldSolar bracesTabler Icons bracesTDesign Icons

Related icons in Fluent UI System Icons

braces-checkmark-16-filled braces-dismiss-16-filled braces-variable-20-filled

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="M5 2a2 2 0 0 0-2 2v2.005c0 .53-.008.794-.09.997c-.062.156-.194.331-.634.55a.5.5 0 0 0 0 .895c.44.22.572.395.635.551c.081.204.089.47.089 1.002v2a2 2 0 0 0 2 2a.5.5 0 0 0 0-1a1 1 0 0 1-1-1V9.941c0-.449 0-.91-.16-1.314A1.7 1.7 0 0 0 3.4 8c.196-.18.342-.384.44-.626C4 6.971 4 6.51 4 6.063V4a1 1 0 0 1 1-1a.5.5 0 0 0 0-1m6 0a2 2 0 0 1 2 2v2.005c0 .53.008.794.09.997c.062.156.194.331.634.55a.5.5 0 0 1 0 .895c-.44.22-.572.395-.635.551c-.081.204-.089.47-.089 1.002v2a2 2 0 0 1-2 2a.5.5 0 0 1 0-1a1 1 0 0 0 1-1V9.941c0-.449 0-.91.16-1.314A1.7 1.7 0 0 1 12.6 8a1.7 1.7 0 0 1-.44-.626C12 6.971 12 6.51 12 6.063V4a1 1 0 0 0-1-1a.5.5 0 0 1 0-1"/></svg>

React

import type { SVGProps } from "react";

export function FluentBraces16Regular(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="M5 2a2 2 0 0 0-2 2v2.005c0 .53-.008.794-.09.997c-.062.156-.194.331-.634.55a.5.5 0 0 0 0 .895c.44.22.572.395.635.551c.081.204.089.47.089 1.002v2a2 2 0 0 0 2 2a.5.5 0 0 0 0-1a1 1 0 0 1-1-1V9.941c0-.449 0-.91-.16-1.314A1.7 1.7 0 0 0 3.4 8c.196-.18.342-.384.44-.626C4 6.971 4 6.51 4 6.063V4a1 1 0 0 1 1-1a.5.5 0 0 0 0-1m6 0a2 2 0 0 1 2 2v2.005c0 .53.008.794.09.997c.062.156.194.331.634.55a.5.5 0 0 1 0 .895c-.44.22-.572.395-.635.551c-.081.204-.089.47-.089 1.002v2a2 2 0 0 1-2 2a.5.5 0 0 1 0-1a1 1 0 0 0 1-1V9.941c0-.449 0-.91.16-1.314A1.7 1.7 0 0 1 12.6 8a1.7 1.7 0 0 1-.44-.626C12 6.971 12 6.51 12 6.063V4a1 1 0 0 0-1-1a.5.5 0 0 1 0-1"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M5 2a2 2 0 0 0-2 2v2.005c0 .53-.008.794-.09.997c-.062.156-.194.331-.634.55a.5.5 0 0 0 0 .895c.44.22.572.395.635.551c.081.204.089.47.089 1.002v2a2 2 0 0 0 2 2a.5.5 0 0 0 0-1a1 1 0 0 1-1-1V9.941c0-.449 0-.91-.16-1.314A1.7 1.7 0 0 0 3.4 8c.196-.18.342-.384.44-.626C4 6.971 4 6.51 4 6.063V4a1 1 0 0 1 1-1a.5.5 0 0 0 0-1m6 0a2 2 0 0 1 2 2v2.005c0 .53.008.794.09.997c.062.156.194.331.634.55a.5.5 0 0 1 0 .895c-.44.22-.572.395-.635.551c-.081.204-.089.47-.089 1.002v2a2 2 0 0 1-2 2a.5.5 0 0 1 0-1a1 1 0 0 0 1-1V9.941c0-.449 0-.91.16-1.314A1.7 1.7 0 0 1 12.6 8a1.7 1.7 0 0 1-.44-.626C12 6.971 12 6.51 12 6.063V4a1 1 0 0 0-1-1a.5.5 0 0 1 0-1"/></svg>
</template>

CSS

.icon-braces-16-regular {
  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%22M5%202a2%202%200%200%200-2%202v2.005c0%20.53-.008.794-.09.997c-.062.156-.194.331-.634.55a.5.5%200%200%200%200%20.895c.44.22.572.395.635.551c.081.204.089.47.089%201.002v2a2%202%200%200%200%202%202a.5.5%200%200%200%200-1a1%201%200%200%201-1-1V9.941c0-.449%200-.91-.16-1.314A1.7%201.7%200%200%200%203.4%208c.196-.18.342-.384.44-.626C4%206.971%204%206.51%204%206.063V4a1%201%200%200%201%201-1a.5.5%200%200%200%200-1m6%200a2%202%200%200%201%202%202v2.005c0%20.53.008.794.09.997c.062.156.194.331.634.55a.5.5%200%200%201%200%20.895c-.44.22-.572.395-.635.551c-.081.204-.089.47-.089%201.002v2a2%202%200%200%201-2%202a.5.5%200%200%201%200-1a1%201%200%200%200%201-1V9.941c0-.449%200-.91.16-1.314A1.7%201.7%200%200%201%2012.6%208a1.7%201.7%200%200%201-.44-.626C12%206.971%2012%206.51%2012%206.063V4a1%201%200%200%200-1-1a.5.5%200%200%201%200-1%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%22M5%202a2%202%200%200%200-2%202v2.005c0%20.53-.008.794-.09.997c-.062.156-.194.331-.634.55a.5.5%200%200%200%200%20.895c.44.22.572.395.635.551c.081.204.089.47.089%201.002v2a2%202%200%200%200%202%202a.5.5%200%200%200%200-1a1%201%200%200%201-1-1V9.941c0-.449%200-.91-.16-1.314A1.7%201.7%200%200%200%203.4%208c.196-.18.342-.384.44-.626C4%206.971%204%206.51%204%206.063V4a1%201%200%200%201%201-1a.5.5%200%200%200%200-1m6%200a2%202%200%200%201%202%202v2.005c0%20.53.008.794.09.997c.062.156.194.331.634.55a.5.5%200%200%201%200%20.895c-.44.22-.572.395-.635.551c-.081.204-.089.47-.089%201.002v2a2%202%200%200%201-2%202a.5.5%200%200%201%200-1a1%201%200%200%200%201-1V9.941c0-.449%200-.91.16-1.314A1.7%201.7%200%200%201%2012.6%208a1.7%201.7%200%200%201-.44-.626C12%206.971%2012%206.51%2012%206.063V4a1%201%200%200%200-1-1a.5.5%200%200%201%200-1%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/braces-16-regular.svg?color=%231a73e8&size=48