Braces Checkmark icon

Used to represent curly braces around a checkmark. The Braces Checkmark icon is part of Microsoft's Fluent UI System Icons, available here in regular and filled styles on a 16 px grid. Download it as SVG or PNG, or copy it as code — it's free to use under the MIT License.

Regular (outlined)

Filled

Every size and style

Microsoft draws each size separately so icons stay crisp, rather than scaling one drawing. Pick a style and size to preview it, download it, or copy the code for your platform.

Regular, 16 px

ic_fluent_braces_checkmark_16_regular.svg

npm install @fluentui/react-icons

import { BracesCheckmark16Regular } from "@fluentui/react-icons";

export function Example() {
  return <BracesCheckmark16Regular aria-label="Braces Checkmark" />;
}

Use the Braces Checkmark icon in React

Install Microsoft's @fluentui/react-icons package, then import the component. Icons inherit the current text color, and you can size them with CSS.

npm install @fluentui/react-icons

import { BracesCheckmark16Regular, BracesCheckmark16Filled } from "@fluentui/react-icons";

export function Example() {
  return <BracesCheckmark16Regular aria-label="Braces Checkmark" />;
}

Use it in HTML

Reference the SVG file directly:

<img src="https://fluenticons.co/icons/ic_fluent_braces_checkmark_16_regular.svg" width="16" height="16" alt="Braces Checkmark">

Or paste the SVG markup inline. Setting fill="currentColor" makes the icon follow the text color of its parent:

<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M4.5 13.5a.5.5 0 0 1-.5.5 2 2 0 0 1-2-2V9a.5.5 0 0 0-.5-.5.5.5 0 0 1 0-1A.5.5 0 0 0 2 7V4c0-1.1.9-2 2-2a.5.5 0 0 1 0 1 1 1 0 0 0-1 1v3q-.01.59-.38 1 .37.42.38 1v3a1 1 0 0 0 1 1c.28 0 .5.22.5.5m10-6A.5.5 0 0 1 14 7V4a2 2 0 0 0-2-2 .5.5 0 0 0 0 1 1 1 0 0 1 1 1v3q.01.59.38 1A1.5 1.5 0 0 0 13 9v3a1 1 0 0 1-1 1 .5.5 0 0 0 0 1 2 2 0 0 0 2-2V9c0-.28.22-.5.5-.5a.5.5 0 0 0 0-1M12 8a4 4 0 1 1-8 0 4 4 0 0 1 8 0m-1 0a3 3 0 1 0-6 0 3 3 0 0 0 6 0M9.15 6.65 7.5 8.29l-.65-.64a.5.5 0 0 0-.7.7l1 1a.5.5 0 0 0 .7 0l2-2a.5.5 0 0 0-.7-.7"/></svg>

Details

Name	Braces Checkmark
Styles	Regular (outlined), Filled
Sizes	16 px
Regular (outlined) file	`ic_fluent_braces_checkmark_16_regular.svg`
Filled file	`ic_fluent_braces_checkmark_16_filled.svg`
React (Regular)	`BracesCheckmark16Regular`
React (Filled)	`BracesCheckmark16Filled`
License	MIT (© Microsoft Corporation)

Keywords

xaml binding ok braces checkmark

Braces Checkmark icon

Every size and style