Desk Multiple Checkmark icon

Use the Desk Multiple 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 { DeskMultipleCheckmark24Regular, DeskMultipleCheckmark24Filled } from "@fluentui/react-icons";

export function Example() {
  return <DeskMultipleCheckmark24Regular aria-label="Desk Multiple Checkmark" />;
}

Use it in HTML

Reference the SVG file directly:

<img src="https://fluenticons.co/icons/ic_fluent_desk_multiple_checkmark_24_regular.svg" width="24" height="24" alt="Desk Multiple 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="M11.0215 7C11.061 7.51949 11.16 8.02182 11.3145 8.5H4.25C3.83579 8.5 3.5 8.83579 3.5 9.25V11H12.8115C13.425 11.639 14.167 12.1533 14.9971 12.5H11V18.75C11 19.9926 9.99264 21 8.75 21H4.25C3.00736 21 2 19.9926 2 18.75V9.25C2 8.00736 3.00736 7 4.25 7H11.0215ZM19.5 20.25C19.5 20.6642 19.1642 21 18.75 21C18.3358 21 18 20.6642 18 20.25V12.9785C18.5196 12.939 19.0217 12.8391 19.5 12.6846V20.25ZM3.5 18.75C3.5 19.1642 3.83579 19.5 4.25 19.5H8.75C9.16421 19.5 9.5 19.1642 9.5 18.75V12.5H3.5V18.75ZM22.001 17.75C22.001 18.1642 21.6651 18.4999 21.251 18.5C20.849 18.5 20.521 18.1834 20.502 17.7861V12.2646C21.0529 11.9772 21.5569 11.6132 22.001 11.1865V17.75ZM7.25 14C7.66421 14 8 14.3358 8 14.75C8 15.1642 7.66421 15.5 7.25 15.5H5.75C5.33579 15.5 5 15.1642 5 14.75C5 14.3358 5.33579 14 5.75 14H7.25ZM17.5 1C20.5376 1 23 3.46243 23 6.5C23 9.53757 20.5376 12 17.5 12C14.4624 12 12 9.53757 12 6.5C12 3.46243 14.4624 1 17.5 1ZM20.8535 4.14648C20.6583 3.95122 20.3417 3.95122 20.1465 4.14648L16.5 7.79297L14.8535 6.14648C14.6583 5.95122 14.3417 5.95122 14.1465 6.14648C13.9512 6.34175 13.9512 6.65825 14.1465 6.85352L16.1465 8.85352C16.3417 9.04878 16.6583 9.04878 16.8535 8.85352L20.8535 4.85352C21.0488 4.65825 21.0488 4.34175 20.8535 4.14648ZM11.3145 4.5C11.1599 4.97821 11.06 5.48049 11.0205 6H4.62891C4.93778 5.12611 5.77131 4.5 6.75098 4.5H11.3145Z" 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/desk_multiple_checkmark_24_regular.svg";

Details