Clipboard Math Formula icon

Use the Clipboard Math Formula 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 { ClipboardMathFormula24Regular, ClipboardMathFormula24Filled } from "@fluentui/react-icons";

export function Example() {
  return <ClipboardMathFormula24Regular aria-label="Clipboard Math Formula" />;
}

Use it in HTML

Reference the SVG file directly:

<img src="https://fluenticons.co/icons/ic_fluent_clipboard_math_formula_24_regular.svg" width="24" height="24" alt="Clipboard Math Formula">

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="M8.37889 5.5H6.25C5.83579 5.5 5.5 5.83579 5.5 6.25V19.75C5.5 20.1642 5.83579 20.5 6.25 20.5H11.9699C11.6388 20.6646 11.3569 20.9351 11.1807 21.2924C11.0682 21.5205 11.0099 21.7613 11.001 22H6.25C5.00736 22 4 20.9926 4 19.75V6.25C4 5.00736 5.00736 4 6.25 4H8.01373C8.13809 2.87501 9.09186 2 10.25 2H13.75C14.9081 2 15.8619 2.87501 15.9863 4H17.75C18.9926 4 20 5.00736 20 6.25V13H19.9967C20.0221 12.3312 19.6607 11.6782 19.0217 11.363C18.8498 11.2782 18.6754 11.2089 18.5 11.1544V6.25C18.5 5.83579 18.1642 5.5 17.75 5.5H15.6211C15.2175 6.10299 14.5301 6.5 13.75 6.5H10.25C9.4699 6.5 8.78252 6.10299 8.37889 5.5ZM9.5 4.25C9.5 4.66421 9.83579 5 10.25 5H13.75C14.1642 5 14.5 4.66421 14.5 4.25C14.5 3.83579 14.1642 3.5 13.75 3.5H10.25C9.83579 3.5 9.5 3.83579 9.5 4.25ZM21.7772 18.2803C22.0701 17.9874 22.0701 17.5126 21.7772 17.2197C21.4843 16.9268 21.0094 16.9268 20.7165 17.2197L19.6332 18.3029L19.212 17.6259C18.8066 16.9742 17.9341 16.802 17.3115 17.2509C16.9755 17.4931 16.8994 17.9618 17.1417 18.2978C17.3465 18.582 17.7133 18.6802 18.0249 18.5573L18.5442 19.392L17.2198 20.7164C16.9269 21.0093 16.9269 21.4842 17.2198 21.7771C17.5127 22.0699 17.9875 22.0699 18.2804 21.7771L19.3578 20.6997L19.7794 21.3775C20.1913 22.0396 21.084 22.2028 21.7036 21.7294C22.0327 21.4779 22.0956 21.0072 21.8441 20.6781C21.6334 20.4023 21.2689 20.3134 20.9626 20.4398L20.4468 19.6107L21.7772 18.2803ZM14.9894 14.3073C15.1233 12.5461 16.9952 11.4784 18.5793 12.2598C18.9508 12.443 19.1034 12.8927 18.9202 13.2642C18.7369 13.6357 18.2872 13.7883 17.9158 13.605C17.2845 13.2936 16.5384 13.7191 16.4851 14.4211L16.441 15H17.25C17.6642 15 18 15.3358 18 15.75C18 16.1642 17.6642 16.5 17.25 16.5H16.327L16.0083 20.6916C15.8744 22.4528 14.0025 23.5205 12.4184 22.7391C12.0469 22.5559 11.8943 22.1062 12.0775 21.7347C12.2608 21.3633 12.7105 21.2107 13.082 21.3939C13.7133 21.7053 14.4593 21.2798 14.5127 20.5779L14.8227 16.5H13.75C13.3358 16.5 13 16.1642 13 15.75C13 15.3358 13.3358 15 13.75 15H14.9367L14.9894 14.3073Z" 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_math_formula_24_regular.svg";

Details

Keywords

copymemoryanalog