Clipboard Off icon

Use the Clipboard Off 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 { ClipboardOff24Regular, ClipboardOff24Filled } from "@fluentui/react-icons";

export function Example() {
  return <ClipboardOff24Regular aria-label="Clipboard Off" />;
}

Use it in HTML

Reference the SVG file directly:

<img src="https://fluenticons.co/icons/ic_fluent_clipboard_off_24_regular.svg" width="24" height="24" alt="Clipboard Off">

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="M2.21967 2.21973C2.51256 1.92687 2.98733 1.92685 3.28022 2.21973L21.7802 20.7197C22.0729 21.0126 22.0729 21.4874 21.7802 21.7803C21.4874 22.0731 21.0126 22.073 20.7197 21.7803L19.7382 20.7988C19.3614 21.5127 18.6135 22 17.75 22H6.24994C5.0073 22 3.99994 20.9926 3.99994 19.75V6.25C3.99994 5.90286 4.08034 5.57492 4.22065 5.28125L2.21967 3.28027C1.92678 2.98738 1.92678 2.51262 2.21967 2.21973ZM5.49994 19.75C5.49994 20.1642 5.83573 20.5 6.24994 20.5H17.75C18.1641 20.5 18.5 20.1642 18.5 19.75V19.5605L5.49994 6.56055V19.75ZM13.7499 2C14.9081 2.00003 15.8619 2.87503 15.9863 4H17.75C18.9926 4.00003 20 5.00738 20 6.25V16.8184L18.5 15.3184V6.25C18.5 5.83581 18.1641 5.50003 17.75 5.5H15.621C15.2174 6.10297 14.53 6.49998 13.7499 6.5H10.2499C10.0162 6.5 9.79099 6.4636 9.57905 6.39746L7.18159 4H8.01362C8.13798 2.87502 9.09181 2 10.2499 2H13.7499ZM10.2499 3.5C9.83573 3.5 9.49995 3.83579 9.49995 4.25C9.49995 4.66421 9.83573 5 10.2499 5H13.7499C14.1641 4.99997 14.4999 4.66419 14.4999 4.25C14.4999 3.83581 14.1641 3.50003 13.7499 3.5H10.2499Z" 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/clipboard_off_24_regular.svg";

Details