Table Simple Checkmark icon
Used to represent the Educational Grades app in Teams. Should not be used for other scenarios. The Table Simple Checkmark icon is part of Microsoft's Fluent UI System Icons, available here in filled and regular (outlined) styles on a 24 px grid. Download it as SVG or PNG, or copy it as code — it's free to use under the MIT License.
Use the Table Simple 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 { TableSimpleCheckmark24Regular, TableSimpleCheckmark24Filled } from "@fluentui/react-icons";
export function Example() {
return <TableSimpleCheckmark24Regular aria-label="Table Simple Checkmark" />;
}Use it in HTML
Reference the SVG file directly:
<img src="https://fluenticons.co/icons/ic_fluent_table_simple_checkmark_24_regular.svg" width="24" height="24" alt="Table Simple Checkmark"> Or paste the SVG markup inline. Setting fill="currentColor" makes the icon follow the text color of its parent:
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.25 3C4.45507 3 3 4.45507 3 6.25V17.75C3 19.5449 4.45507 21 6.25 21H17.75C19.5449 21 21 19.5449 21 17.75V6.25C21 4.45507 19.5449 3 17.75 3H6.25ZM4.5 6.25C4.5 5.2835 5.2835 4.5 6.25 4.5H11.25V11.25H4.5V6.25ZM12.75 11.25V4.5H17.75C18.7165 4.5 19.5 5.2835 19.5 6.25V11.25H12.75ZM4.5 12.75H11.25V19.5H6.25C5.2835 19.5 4.5 18.7165 4.5 17.75V12.75ZM18.2832 14.7167C18.5761 15.0096 18.5761 15.4845 18.2832 15.7774L16.2803 17.7803C15.9874 18.0732 15.5126 18.0732 15.2197 17.7803L14.2197 16.7803C13.9268 16.4874 13.9268 16.0125 14.2197 15.7197C14.5126 15.4268 14.9874 15.4268 15.2803 15.7197L15.75 16.1893L17.2226 14.7167C17.5155 14.4238 17.9903 14.4238 18.2832 14.7167Z" fill="currentColor"/></svg>Use it from the SVG package
Microsoft's @fluentui/svg-icons package contains the raw SVG files, which works well with bundlers that import SVGs:
npm install @fluentui/svg-icons
import icon from "@fluentui/svg-icons/icons/table_simple_checkmark_24_regular.svg";Details
| Name | Table Simple Checkmark |
|---|---|
| Styles | Regular (outlined), Filled |
| Size | 24 × 24 px (scalable SVG) |
| Regular (outlined) file | ic_fluent_table_simple_checkmark_24_regular.svg |
| Filled file | ic_fluent_table_simple_checkmark_24_filled.svg |
| React components | TableSimpleCheckmark24Regular, TableSimpleCheckmark24Filled |
| License | MIT (© Microsoft Corporation) |