braces variable icon

braces-variable-20-filled from Fluent UI System Icons by Microsoft Corporation · 20 Filled · MIT Free for personal and commercial use.

Name
braces-variable-20-filled
Set
Fluent UI System Icons
Style
20 Filled
Viewbox
20×20
License
MIT

5 other variants in Fluent UI System Icons

braces-variable-20-regularbraces-variable-24-filledbraces-variable-24-regularbraces-variable-48-filledbraces-variable-48-regular

Related icons in Fluent UI System Icons

braces-checkmark-16-filledbraces-dismiss-16-filled

Use the braces variable icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 20 20"><path fill="currentColor" d="M5.75 2.5A2.75 2.75 0 0 0 3 5.25v3.132c0 .397-.222.76-.574.942a.75.75 0 0 0 0 1.352c.352.182.574.545.574.942v3.132a2.75 2.75 0 0 0 2.75 2.75a.75.75 0 0 0 0-1.5c-.69 0-1.25-.56-1.25-1.25v-3.132c0-.6-.21-1.17-.576-1.618A2.56 2.56 0 0 0 4.5 8.382V5.25C4.5 4.56 5.06 4 5.75 4a.75.75 0 0 0 0-1.5m8.5 0A2.75 2.75 0 0 1 17 5.25v3.132c0 .397.222.76.574.942a.75.75 0 0 1 0 1.352a1.06 1.06 0 0 0-.574.942v3.132a2.75 2.75 0 0 1-2.75 2.75a.75.75 0 0 1 0-1.5c.69 0 1.25-.56 1.25-1.25v-3.132c0-.6.21-1.17.576-1.618a2.56 2.56 0 0 1-.576-1.618V5.25c0-.69-.56-1.25-1.25-1.25a.75.75 0 0 1 0-1.5M8.11 6.064a.75.75 0 1 0-1.22.872L9.078 10L6.89 13.064a.75.75 0 0 0 1.22.872L10 11.29l1.89 2.646a.75.75 0 0 0 1.22-.872L10.922 10l2.188-3.064a.75.75 0 0 0-1.22-.872L10 8.71z"/></svg>

React

import type { SVGProps } from "react";

export function FluentBracesVariable20Filled(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 20 20"><path fill="currentColor" d="M5.75 2.5A2.75 2.75 0 0 0 3 5.25v3.132c0 .397-.222.76-.574.942a.75.75 0 0 0 0 1.352c.352.182.574.545.574.942v3.132a2.75 2.75 0 0 0 2.75 2.75a.75.75 0 0 0 0-1.5c-.69 0-1.25-.56-1.25-1.25v-3.132c0-.6-.21-1.17-.576-1.618A2.56 2.56 0 0 0 4.5 8.382V5.25C4.5 4.56 5.06 4 5.75 4a.75.75 0 0 0 0-1.5m8.5 0A2.75 2.75 0 0 1 17 5.25v3.132c0 .397.222.76.574.942a.75.75 0 0 1 0 1.352a1.06 1.06 0 0 0-.574.942v3.132a2.75 2.75 0 0 1-2.75 2.75a.75.75 0 0 1 0-1.5c.69 0 1.25-.56 1.25-1.25v-3.132c0-.6.21-1.17.576-1.618a2.56 2.56 0 0 1-.576-1.618V5.25c0-.69-.56-1.25-1.25-1.25a.75.75 0 0 1 0-1.5M8.11 6.064a.75.75 0 1 0-1.22.872L9.078 10L6.89 13.064a.75.75 0 0 0 1.22.872L10 11.29l1.89 2.646a.75.75 0 0 0 1.22-.872L10.922 10l2.188-3.064a.75.75 0 0 0-1.22-.872L10 8.71z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 20 20"><path fill="currentColor" d="M5.75 2.5A2.75 2.75 0 0 0 3 5.25v3.132c0 .397-.222.76-.574.942a.75.75 0 0 0 0 1.352c.352.182.574.545.574.942v3.132a2.75 2.75 0 0 0 2.75 2.75a.75.75 0 0 0 0-1.5c-.69 0-1.25-.56-1.25-1.25v-3.132c0-.6-.21-1.17-.576-1.618A2.56 2.56 0 0 0 4.5 8.382V5.25C4.5 4.56 5.06 4 5.75 4a.75.75 0 0 0 0-1.5m8.5 0A2.75 2.75 0 0 1 17 5.25v3.132c0 .397.222.76.574.942a.75.75 0 0 1 0 1.352a1.06 1.06 0 0 0-.574.942v3.132a2.75 2.75 0 0 1-2.75 2.75a.75.75 0 0 1 0-1.5c.69 0 1.25-.56 1.25-1.25v-3.132c0-.6.21-1.17.576-1.618a2.56 2.56 0 0 1-.576-1.618V5.25c0-.69-.56-1.25-1.25-1.25a.75.75 0 0 1 0-1.5M8.11 6.064a.75.75 0 1 0-1.22.872L9.078 10L6.89 13.064a.75.75 0 0 0 1.22.872L10 11.29l1.89 2.646a.75.75 0 0 0 1.22-.872L10.922 10l2.188-3.064a.75.75 0 0 0-1.22-.872L10 8.71z"/></svg>
</template>

CSS

.icon-braces-variable-20-filled {
  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%2020%2020%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M5.75%202.5A2.75%202.75%200%200%200%203%205.25v3.132c0%20.397-.222.76-.574.942a.75.75%200%200%200%200%201.352c.352.182.574.545.574.942v3.132a2.75%202.75%200%200%200%202.75%202.75a.75.75%200%200%200%200-1.5c-.69%200-1.25-.56-1.25-1.25v-3.132c0-.6-.21-1.17-.576-1.618A2.56%202.56%200%200%200%204.5%208.382V5.25C4.5%204.56%205.06%204%205.75%204a.75.75%200%200%200%200-1.5m8.5%200A2.75%202.75%200%200%201%2017%205.25v3.132c0%20.397.222.76.574.942a.75.75%200%200%201%200%201.352a1.06%201.06%200%200%200-.574.942v3.132a2.75%202.75%200%200%201-2.75%202.75a.75.75%200%200%201%200-1.5c.69%200%201.25-.56%201.25-1.25v-3.132c0-.6.21-1.17.576-1.618a2.56%202.56%200%200%201-.576-1.618V5.25c0-.69-.56-1.25-1.25-1.25a.75.75%200%200%201%200-1.5M8.11%206.064a.75.75%200%201%200-1.22.872L9.078%2010L6.89%2013.064a.75.75%200%200%200%201.22.872L10%2011.29l1.89%202.646a.75.75%200%200%200%201.22-.872L10.922%2010l2.188-3.064a.75.75%200%200%200-1.22-.872L10%208.71z%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%2020%2020%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M5.75%202.5A2.75%202.75%200%200%200%203%205.25v3.132c0%20.397-.222.76-.574.942a.75.75%200%200%200%200%201.352c.352.182.574.545.574.942v3.132a2.75%202.75%200%200%200%202.75%202.75a.75.75%200%200%200%200-1.5c-.69%200-1.25-.56-1.25-1.25v-3.132c0-.6-.21-1.17-.576-1.618A2.56%202.56%200%200%200%204.5%208.382V5.25C4.5%204.56%205.06%204%205.75%204a.75.75%200%200%200%200-1.5m8.5%200A2.75%202.75%200%200%201%2017%205.25v3.132c0%20.397.222.76.574.942a.75.75%200%200%201%200%201.352a1.06%201.06%200%200%200-.574.942v3.132a2.75%202.75%200%200%201-2.75%202.75a.75.75%200%200%201%200-1.5c.69%200%201.25-.56%201.25-1.25v-3.132c0-.6.21-1.17.576-1.618a2.56%202.56%200%200%201-.576-1.618V5.25c0-.69-.56-1.25-1.25-1.25a.75.75%200%200%201%200-1.5M8.11%206.064a.75.75%200%201%200-1.22.872L9.078%2010L6.89%2013.064a.75.75%200%200%200%201.22.872L10%2011.29l1.89%202.646a.75.75%200%200%200%201.22-.872L10.922%2010l2.188-3.064a.75.75%200%200%200-1.22-.872L10%208.71z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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