Checkbox icon
Checkbox is one of Microsoft's Fluent UI System Icons. Similar Fluent icons include Checkbox 1, Checkbox 2 and Checkbox Arrow Right.
Color
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.
Color, 24 px
ic_fluent_checkbox_24_color.svg
Checkbox icon in React
npm install @fluentui/react-icons
import { Checkbox24Color } from "@fluentui/react-icons";
export function Example() {
return <Checkbox24Color aria-label="Checkbox" />;
}Use the Checkbox icon in React
Import Checkbox24Color from Microsoft's @fluentui/react-icons package; the code tabs above have this and other platforms. Coding agents can look the component up through the Fluent Icons MCP server.
Details
| Name | Checkbox |
|---|---|
| Styles | Color |
| Sizes | 16 px, 20 px, 24 px |
| Color file | ic_fluent_checkbox_24_color.svg |
| React (Color) | Checkbox16Color, Checkbox20Color, Checkbox24Color |
| License | MIT (© Microsoft Corporation) |