Printer icon

1import { createIcon } from "@behivetech/icons.base";
2
3/** The printer icon: a stroke glyph on a 24 by 24 grid that inherits the text colour. */
4export const PrinterIcon = /*#__PURE__*/ createIcon(
5  "PrinterIcon",
6  <>
7    <path d="M6 9V2h12v7" />
8    <path d="M6 18H4a2 2 0 0 1-2-2v-5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2h-2" />
9    <rect x="6" y="14" width="12" height="8" />
10  </>,
11);
12
13export default PrinterIcon;

1export { PrinterIcon, default } from "./printer.js";

1import { PrinterIcon } from "./printer.js";
2
3/** The icon at each size; it takes its colour from the surrounding text. */
4export const PrinterIconSizes = () => (
5  <>
6    <PrinterIcon size="sm" />
7    <PrinterIcon />
8    <PrinterIcon size="lg" />
9    <PrinterIcon size="xl" />
10  </>
11);
12
13/** Named with `titleAccess`, so assistive technology announces it. */
14export const NamedPrinterIcon = () => <PrinterIcon titleAccess="Printer" />;