Print Add icon

Use the Print Add 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 { PrintAdd24Regular, PrintAdd24Filled } from "@fluentui/react-icons";

export function Example() {
  return <PrintAdd24Regular aria-label="Print Add" />;
}

Use it in HTML

Reference the SVG file directly:

<img src="https://fluenticons.co/icons/ic_fluent_print_add_24_regular.svg" width="24" height="24" alt="Print Add">

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="M23 6.5C23 3.46243 20.5376 1 17.5 1C14.4624 1 12 3.46243 12 6.5C12 9.53757 14.4624 12 17.5 12C20.5376 12 23 9.53757 23 6.5ZM18.0006 7.00001L18.0011 9.50352C18.0011 9.77966 17.7773 10.0035 17.5011 10.0035C17.225 10.0035 17.0011 9.77966 17.0011 9.50352L17.0006 7.00001H14.4956C14.2197 7.00001 13.9961 6.77615 13.9961 6.50001C13.9961 6.22387 14.2197 6.00001 14.4956 6.00001H17.0005L17 3.49927C17 3.22313 17.2239 2.99927 17.5 2.99927C17.7761 2.99927 18 3.22313 18 3.49927L18.0005 6.00001H20.4966C20.7725 6.00001 20.9961 6.22387 20.9961 6.50001C20.9961 6.77615 20.7725 7.00001 20.4966 7.00001H18.0006ZM20.5071 16.2512L20.5049 12.2652C21.0558 11.9775 21.5604 11.6131 22.0043 11.1863L22.0071 16.2497C22.009 17.4918 21.0021 18.5002 19.7591 18.5009L18 18.5V19.75C18 20.9926 16.9926 22 15.75 22H8.25C7.00736 22 6 20.9926 6 19.75L6.00091 18.5L4.25 18.5001C3.00736 18.5001 2 17.4927 2 16.2501V10.2536C2 8.45865 3.45507 7.00358 5.25 7.00358L5.999 7.003L6 6.25C6 5.00736 7.00736 4 8.25 4H11.4982C11.3004 4.47417 11.1572 4.97679 11.0764 5.5H8.25C7.83579 5.5 7.5 5.83579 7.5 6.25L7.499 7.003H11.0192C11.0589 7.52268 11.1598 8.02526 11.3147 8.50358H5.25C4.2835 8.50358 3.5 9.28708 3.5 10.2536V16.2501C3.5 16.6643 3.83579 17.0001 4.25 17.0001L6 17V15.25C6 14.0074 7.00736 13 8.25 13H15.75C16.9926 13 18 14.0074 18 15.25L18.0009 17.0001L19.7827 17.0005C20.1855 16.9874 20.5077 16.6567 20.5071 16.2512ZM16.5 15.25C16.5 14.8358 16.1642 14.5 15.75 14.5H8.25C7.83579 14.5 7.5 14.8358 7.5 15.25V19.75C7.5 20.1642 7.83579 20.5 8.25 20.5H15.75C16.1642 20.5 16.5 20.1642 16.5 19.75V15.25Z" 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/print_add_24_regular.svg";

Details

Keywords

printerpapercopyfaxanalogofficeink