printer icon
printer from Huge Icons by Hugeicons · Stroke · MIT Free for personal and commercial use.
- Name
- printer
- Set
- Huge Icons
- Style
- Stroke
- Viewbox
- 24×24
- License
- MIT
The same icon in other sets
printer-filledAnt Design IconsprinterBootstrap IconsprinterBoxIcons v2printerBoxIcons v2 SolidprinterCarbonprinterEmoji One (Colored)printerElement Plusprinter-fillEva IconsprinterFramework7 IconsprinterFeather Iconsprinter-outlineFlowbite IconsprinterFluent EmojiprinterFluent Emoji FlatprinterFluent Emoji High ContrastprinterFirefox OS Emojiprintercss.ggprinterHeroIconsprinterIconParkprinterIconPark OutlineprinterIconPark SolidprinterIconPark TwoToneprinterIconoirprinterIonIconsprinterJam Icons
Related icons in Huge Icons
Use the printer icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="M17 17h1.667c1.246 0 1.869 0 2.333-.268a2 2 0 0 0 .732-.732c.268-.464.268-1.087.268-2.333c0-2.493 0-3.739-.536-4.667A4 4 0 0 0 20 7.536C19.072 7 17.826 7 15.333 7H8.667C6.174 7 4.928 7 4 7.536A4 4 0 0 0 2.536 9C2 9.928 2 11.174 2 13.667c0 1.246 0 1.869.268 2.333a2 2 0 0 0 .732.732C3.464 17 4.087 17 5.333 17H7M17 7V5c0-1.414 0-2.121-.44-2.56C16.122 2 15.415 2 14 2h-4c-1.414 0-2.121 0-2.56.44C7 2.878 7 3.585 7 5v2"/><path d="M17 14v5c0 1.414 0 2.121-.44 2.56c-.439.44-1.146.44-2.56.44h-4c-1.414 0-2.121 0-2.56-.44C7 21.122 7 20.415 7 19v-5zm1.875-3.75h-.125m.25 0a.25.25 0 1 1-.5 0a.25.25 0 0 1 .5 0"/></g></svg>
React
import type { SVGProps } from "react";
export function HugeiconsPrinter(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5"><path d="M17 17h1.667c1.246 0 1.869 0 2.333-.268a2 2 0 0 0 .732-.732c.268-.464.268-1.087.268-2.333c0-2.493 0-3.739-.536-4.667A4 4 0 0 0 20 7.536C19.072 7 17.826 7 15.333 7H8.667C6.174 7 4.928 7 4 7.536A4 4 0 0 0 2.536 9C2 9.928 2 11.174 2 13.667c0 1.246 0 1.869.268 2.333a2 2 0 0 0 .732.732C3.464 17 4.087 17 5.333 17H7M17 7V5c0-1.414 0-2.121-.44-2.56C16.122 2 15.415 2 14 2h-4c-1.414 0-2.121 0-2.56.44C7 2.878 7 3.585 7 5v2"/><path d="M17 14v5c0 1.414 0 2.121-.44 2.56c-.439.44-1.146.44-2.56.44h-4c-1.414 0-2.121 0-2.56-.44C7 21.122 7 20.415 7 19v-5zm1.875-3.75h-.125m.25 0a.25.25 0 1 1-.5 0a.25.25 0 0 1 .5 0"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="M17 17h1.667c1.246 0 1.869 0 2.333-.268a2 2 0 0 0 .732-.732c.268-.464.268-1.087.268-2.333c0-2.493 0-3.739-.536-4.667A4 4 0 0 0 20 7.536C19.072 7 17.826 7 15.333 7H8.667C6.174 7 4.928 7 4 7.536A4 4 0 0 0 2.536 9C2 9.928 2 11.174 2 13.667c0 1.246 0 1.869.268 2.333a2 2 0 0 0 .732.732C3.464 17 4.087 17 5.333 17H7M17 7V5c0-1.414 0-2.121-.44-2.56C16.122 2 15.415 2 14 2h-4c-1.414 0-2.121 0-2.56.44C7 2.878 7 3.585 7 5v2"/><path d="M17 14v5c0 1.414 0 2.121-.44 2.56c-.439.44-1.146.44-2.56.44h-4c-1.414 0-2.121 0-2.56-.44C7 21.122 7 20.415 7 19v-5zm1.875-3.75h-.125m.25 0a.25.25 0 1 1-.5 0a.25.25 0 0 1 .5 0"/></g></svg> </template>
CSS
.icon-printer {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%3E%3Cpath%20d%3D%22M17%2017h1.667c1.246%200%201.869%200%202.333-.268a2%202%200%200%200%20.732-.732c.268-.464.268-1.087.268-2.333c0-2.493%200-3.739-.536-4.667A4%204%200%200%200%2020%207.536C19.072%207%2017.826%207%2015.333%207H8.667C6.174%207%204.928%207%204%207.536A4%204%200%200%200%202.536%209C2%209.928%202%2011.174%202%2013.667c0%201.246%200%201.869.268%202.333a2%202%200%200%200%20.732.732C3.464%2017%204.087%2017%205.333%2017H7M17%207V5c0-1.414%200-2.121-.44-2.56C16.122%202%2015.415%202%2014%202h-4c-1.414%200-2.121%200-2.56.44C7%202.878%207%203.585%207%205v2%22%2F%3E%3Cpath%20d%3D%22M17%2014v5c0%201.414%200%202.121-.44%202.56c-.439.44-1.146.44-2.56.44h-4c-1.414%200-2.121%200-2.56-.44C7%2021.122%207%2020.415%207%2019v-5zm1.875-3.75h-.125m.25%200a.25.25%200%201%201-.5%200a.25.25%200%200%201%20.5%200%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%3E%3Cpath%20d%3D%22M17%2017h1.667c1.246%200%201.869%200%202.333-.268a2%202%200%200%200%20.732-.732c.268-.464.268-1.087.268-2.333c0-2.493%200-3.739-.536-4.667A4%204%200%200%200%2020%207.536C19.072%207%2017.826%207%2015.333%207H8.667C6.174%207%204.928%207%204%207.536A4%204%200%200%200%202.536%209C2%209.928%202%2011.174%202%2013.667c0%201.246%200%201.869.268%202.333a2%202%200%200%200%20.732.732C3.464%2017%204.087%2017%205.333%2017H7M17%207V5c0-1.414%200-2.121-.44-2.56C16.122%202%2015.415%202%2014%202h-4c-1.414%200-2.121%200-2.56.44C7%202.878%207%203.585%207%205v2%22%2F%3E%3Cpath%20d%3D%22M17%2014v5c0%201.414%200%202.121-.44%202.56c-.439.44-1.146.44-2.56.44h-4c-1.414%200-2.121%200-2.56-.44C7%2021.122%207%2020.415%207%2019v-5zm1.875-3.75h-.125m.25%200a.25.25%200%201%201-.5%200a.25.25%200%200%201%20.5%200%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/hugeicons/printer.svg?color=%231a73e8&size=48
