printer icon
printer from Framework7 Icons by Vladimir Kharlampidi · Outline · MIT Free for personal and commercial use.
- Name
- printer
- Set
- Framework7 Icons
- Style
- Outline
- Viewbox
- 56×56
- License
- MIT
1 other variant in Framework7 Icons
The same icon in other sets
printer-filledAnt Design IconsprinterBootstrap IconsprinterBoxIcons v2printerBoxIcons v2 SolidprinterCarbonprinterEmoji One (Colored)printerElement Plusprinter-fillEva IconsprinterFeather Iconsprinter-outlineFlowbite IconsprinterFluent EmojiprinterFluent Emoji FlatprinterFluent Emoji High ContrastprinterFirefox OS Emojiprintercss.ggprinterHeroIconsprinterHuge IconsprinterIconParkprinterIconPark OutlineprinterIconPark SolidprinterIconPark TwoToneprinterIconoirprinterIonIconsprinterJam Icons
Use the printer icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M8.512 46.223h2.46v2.601c0 3.117 1.524 4.477 4.477 4.477h25.102c2.976 0 4.476-1.36 4.476-4.477v-2.601h2.485c4.547 0 6.96-2.297 6.96-6.867V17.418c0-4.547-2.413-6.867-6.96-6.867h-2.32V9.309c0-4.57-2.274-6.61-6.633-6.61H17.44c-4.101 0-6.632 2.04-6.632 6.61v1.242H8.512c-4.336 0-6.985 2.32-6.985 6.867v21.938c0 4.57 2.414 6.867 6.985 6.867m5.93-37.172c0-1.969 1.007-2.93 2.953-2.93h21.21c1.97 0 2.954.961 2.954 2.93v1.5H14.44ZM8.464 42.707c-2.086 0-3.164-1.102-3.164-3.164V17.231c0-2.063 1.078-3.165 3.164-3.165h39.094c2.062 0 3.14 1.102 3.14 3.164v22.313c0 2.063-1.078 3.164-3.14 3.164h-2.532V28.645c0-3.118-1.5-4.477-4.476-4.477H15.449c-2.812 0-4.476 1.36-4.476 4.477v14.062Zm8.156 7.078c-1.242 0-1.875-.61-1.875-1.898V29.559c0-1.266.633-1.852 1.875-1.852h22.781c1.266 0 1.852.586 1.852 1.852v18.328c0 1.289-.586 1.898-1.852 1.898Zm3.258-13.64h16.289c.844 0 1.453-.633 1.453-1.477c0-.797-.61-1.406-1.453-1.406h-16.29c-.843 0-1.476.61-1.476 1.406c0 .844.633 1.477 1.477 1.477m0 8.18h16.289c.844 0 1.453-.634 1.453-1.43c0-.82-.61-1.454-1.453-1.454h-16.29c-.843 0-1.476.633-1.476 1.453c0 .797.633 1.43 1.477 1.43"/></svg>
React
import type { SVGProps } from "react";
export function F7Printer(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M8.512 46.223h2.46v2.601c0 3.117 1.524 4.477 4.477 4.477h25.102c2.976 0 4.476-1.36 4.476-4.477v-2.601h2.485c4.547 0 6.96-2.297 6.96-6.867V17.418c0-4.547-2.413-6.867-6.96-6.867h-2.32V9.309c0-4.57-2.274-6.61-6.633-6.61H17.44c-4.101 0-6.632 2.04-6.632 6.61v1.242H8.512c-4.336 0-6.985 2.32-6.985 6.867v21.938c0 4.57 2.414 6.867 6.985 6.867m5.93-37.172c0-1.969 1.007-2.93 2.953-2.93h21.21c1.97 0 2.954.961 2.954 2.93v1.5H14.44ZM8.464 42.707c-2.086 0-3.164-1.102-3.164-3.164V17.231c0-2.063 1.078-3.165 3.164-3.165h39.094c2.062 0 3.14 1.102 3.14 3.164v22.313c0 2.063-1.078 3.164-3.14 3.164h-2.532V28.645c0-3.118-1.5-4.477-4.476-4.477H15.449c-2.812 0-4.476 1.36-4.476 4.477v14.062Zm8.156 7.078c-1.242 0-1.875-.61-1.875-1.898V29.559c0-1.266.633-1.852 1.875-1.852h22.781c1.266 0 1.852.586 1.852 1.852v18.328c0 1.289-.586 1.898-1.852 1.898Zm3.258-13.64h16.289c.844 0 1.453-.633 1.453-1.477c0-.797-.61-1.406-1.453-1.406h-16.29c-.843 0-1.476.61-1.476 1.406c0 .844.633 1.477 1.477 1.477m0 8.18h16.289c.844 0 1.453-.634 1.453-1.43c0-.82-.61-1.454-1.453-1.454h-16.29c-.843 0-1.476.633-1.476 1.453c0 .797.633 1.43 1.477 1.43"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M8.512 46.223h2.46v2.601c0 3.117 1.524 4.477 4.477 4.477h25.102c2.976 0 4.476-1.36 4.476-4.477v-2.601h2.485c4.547 0 6.96-2.297 6.96-6.867V17.418c0-4.547-2.413-6.867-6.96-6.867h-2.32V9.309c0-4.57-2.274-6.61-6.633-6.61H17.44c-4.101 0-6.632 2.04-6.632 6.61v1.242H8.512c-4.336 0-6.985 2.32-6.985 6.867v21.938c0 4.57 2.414 6.867 6.985 6.867m5.93-37.172c0-1.969 1.007-2.93 2.953-2.93h21.21c1.97 0 2.954.961 2.954 2.93v1.5H14.44ZM8.464 42.707c-2.086 0-3.164-1.102-3.164-3.164V17.231c0-2.063 1.078-3.165 3.164-3.165h39.094c2.062 0 3.14 1.102 3.14 3.164v22.313c0 2.063-1.078 3.164-3.14 3.164h-2.532V28.645c0-3.118-1.5-4.477-4.476-4.477H15.449c-2.812 0-4.476 1.36-4.476 4.477v14.062Zm8.156 7.078c-1.242 0-1.875-.61-1.875-1.898V29.559c0-1.266.633-1.852 1.875-1.852h22.781c1.266 0 1.852.586 1.852 1.852v18.328c0 1.289-.586 1.898-1.852 1.898Zm3.258-13.64h16.289c.844 0 1.453-.633 1.453-1.477c0-.797-.61-1.406-1.453-1.406h-16.29c-.843 0-1.476.61-1.476 1.406c0 .844.633 1.477 1.477 1.477m0 8.18h16.289c.844 0 1.453-.634 1.453-1.43c0-.82-.61-1.454-1.453-1.454h-16.29c-.843 0-1.476.633-1.476 1.453c0 .797.633 1.43 1.477 1.43"/></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%2056%2056%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M8.512%2046.223h2.46v2.601c0%203.117%201.524%204.477%204.477%204.477h25.102c2.976%200%204.476-1.36%204.476-4.477v-2.601h2.485c4.547%200%206.96-2.297%206.96-6.867V17.418c0-4.547-2.413-6.867-6.96-6.867h-2.32V9.309c0-4.57-2.274-6.61-6.633-6.61H17.44c-4.101%200-6.632%202.04-6.632%206.61v1.242H8.512c-4.336%200-6.985%202.32-6.985%206.867v21.938c0%204.57%202.414%206.867%206.985%206.867m5.93-37.172c0-1.969%201.007-2.93%202.953-2.93h21.21c1.97%200%202.954.961%202.954%202.93v1.5H14.44ZM8.464%2042.707c-2.086%200-3.164-1.102-3.164-3.164V17.231c0-2.063%201.078-3.165%203.164-3.165h39.094c2.062%200%203.14%201.102%203.14%203.164v22.313c0%202.063-1.078%203.164-3.14%203.164h-2.532V28.645c0-3.118-1.5-4.477-4.476-4.477H15.449c-2.812%200-4.476%201.36-4.476%204.477v14.062Zm8.156%207.078c-1.242%200-1.875-.61-1.875-1.898V29.559c0-1.266.633-1.852%201.875-1.852h22.781c1.266%200%201.852.586%201.852%201.852v18.328c0%201.289-.586%201.898-1.852%201.898Zm3.258-13.64h16.289c.844%200%201.453-.633%201.453-1.477c0-.797-.61-1.406-1.453-1.406h-16.29c-.843%200-1.476.61-1.476%201.406c0%20.844.633%201.477%201.477%201.477m0%208.18h16.289c.844%200%201.453-.634%201.453-1.43c0-.82-.61-1.454-1.453-1.454h-16.29c-.843%200-1.476.633-1.476%201.453c0%20.797.633%201.43%201.477%201.43%22%2F%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%2056%2056%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M8.512%2046.223h2.46v2.601c0%203.117%201.524%204.477%204.477%204.477h25.102c2.976%200%204.476-1.36%204.476-4.477v-2.601h2.485c4.547%200%206.96-2.297%206.96-6.867V17.418c0-4.547-2.413-6.867-6.96-6.867h-2.32V9.309c0-4.57-2.274-6.61-6.633-6.61H17.44c-4.101%200-6.632%202.04-6.632%206.61v1.242H8.512c-4.336%200-6.985%202.32-6.985%206.867v21.938c0%204.57%202.414%206.867%206.985%206.867m5.93-37.172c0-1.969%201.007-2.93%202.953-2.93h21.21c1.97%200%202.954.961%202.954%202.93v1.5H14.44ZM8.464%2042.707c-2.086%200-3.164-1.102-3.164-3.164V17.231c0-2.063%201.078-3.165%203.164-3.165h39.094c2.062%200%203.14%201.102%203.14%203.164v22.313c0%202.063-1.078%203.164-3.14%203.164h-2.532V28.645c0-3.118-1.5-4.477-4.476-4.477H15.449c-2.812%200-4.476%201.36-4.476%204.477v14.062Zm8.156%207.078c-1.242%200-1.875-.61-1.875-1.898V29.559c0-1.266.633-1.852%201.875-1.852h22.781c1.266%200%201.852.586%201.852%201.852v18.328c0%201.289-.586%201.898-1.852%201.898Zm3.258-13.64h16.289c.844%200%201.453-.633%201.453-1.477c0-.797-.61-1.406-1.453-1.406h-16.29c-.843%200-1.476.61-1.476%201.406c0%20.844.633%201.477%201.477%201.477m0%208.18h16.289c.844%200%201.453-.634%201.453-1.43c0-.82-.61-1.454-1.453-1.454h-16.29c-.843%200-1.476.633-1.476%201.453c0%20.797.633%201.43%201.477%201.43%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/f7/printer.svg?color=%231a73e8&size=48
