# image-prints icon Image prints. Gentleface icon, drawn on the 16 px pixel grid. Free, MIT licensed. Page: https://gentleface.com/icons/image-prints - Category: Photo & image - Use it for: photo prints, print photos, order prints - Tags: prints, photo prints, print, order prints, photos, pictures, stack, paper, image, photo - Component name: ImagePrintsIcon - Added: 2026-11-12 ## Files Each icon is drawn on the 16 px grid, and most also on the 20 and 24 px grids (at 24 in three weights: light 1 px, regular 1.5 px, bold 2 px). Show the drawing made for your size, or an exact multiple of it, on whole pixels: 16 for 16 and 32 px, 20 for 20 and 40, 24 for 24 and 48. A size in between or a fractional position blurs it. The code on each icon page is the 16 px drawing, an SVG with fill="currentColor"; the icon page's downloads follow its Grid switch, and npm has the 20 and 24 px drawings too. - line-round: https://gentleface.com/svg/line-round/16/image-prints.svg · PNG https://gentleface.com/png/line-round/16/image-prints.png · https://gentleface.com/png/line-round/32/image-prints.png · https://gentleface.com/png/line-round/48/image-prints.png - line-soft: https://gentleface.com/svg/line-soft/16/image-prints.svg · PNG https://gentleface.com/png/line-soft/16/image-prints.png · https://gentleface.com/png/line-soft/32/image-prints.png · https://gentleface.com/png/line-soft/48/image-prints.png - line-sharp: https://gentleface.com/svg/line-sharp/16/image-prints.svg · PNG https://gentleface.com/png/line-sharp/16/image-prints.png · https://gentleface.com/png/line-sharp/32/image-prints.png · https://gentleface.com/png/line-sharp/48/image-prints.png - solid-round: https://gentleface.com/svg/solid-round/16/image-prints.svg · PNG https://gentleface.com/png/solid-round/16/image-prints.png · https://gentleface.com/png/solid-round/32/image-prints.png · https://gentleface.com/png/solid-round/48/image-prints.png - solid-soft: https://gentleface.com/svg/solid-soft/16/image-prints.svg · PNG https://gentleface.com/png/solid-soft/16/image-prints.png · https://gentleface.com/png/solid-soft/32/image-prints.png · https://gentleface.com/png/solid-soft/48/image-prints.png - solid-sharp: https://gentleface.com/svg/solid-sharp/16/image-prints.svg · PNG https://gentleface.com/png/solid-sharp/16/image-prints.png · https://gentleface.com/png/solid-sharp/32/image-prints.png · https://gentleface.com/png/solid-sharp/48/image-prints.png The SVG of every style: https://gentleface.com/icons/image-prints.json (`svg`). ## Code (line-round) The snippets are decorative (aria-hidden). For an icon that carries meaning on its own, such as an icon-only button, label the button, or give the SVG role="img" and an aria-label. For another style, take its SVG from the JSON and swap the path `d`. ### SVG ```svg ``` ### React ```tsx // Gentleface "image-prints" (line-round), MIT. https://gentleface.com/icons/image-prints import type { SVGProps } from 'react'; export function ImagePrintsIcon(props: SVGProps) { return ( ); } ``` ### Vue ```vue ``` ### Svelte ```svelte ``` ### HTML img ```html

``` ### CSS ```css /* Gentleface "image-prints" (line-round), MIT. https://gentleface.com/icons/image-prints. Takes the text color. */ .icon-image-prints { display: inline-block; width: 16px; height: 16px; background-color: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='currentColor'%3E%3Cpath d='M11.707 1.293C11.902 1.488 12 1.724 12 2L12 4L14 4C14.276 4 14.512 4.098 14.707 4.293C14.902 4.488 15 4.724 15 5L15 10C15 10.276 14.902 10.512 14.707 10.707C14.512 10.902 14.276 11 14 11L12 11L12 14C12 14.276 11.902 14.512 11.707 14.707C11.512 14.902 11.276 15 11 15L5 15C4.724 15 4.488 14.902 4.293 14.707C4.098 14.512 4 14.276 4 14L4 11L2 11C1.724 11 1.488 10.902 1.293 10.707C1.098 10.512 1 10.276 1 10L1 5C1 4.724 1.098 4.488 1.293 4.293C1.488 4.098 1.724 4 2 4L4 4L4 2C4 1.724 4.098 1.488 4.293 1.293C4.488 1.098 4.724 1 5 1L11 1C11.276 1 11.512 1.098 11.707 1.293ZM11 2L5 2L5 4L11 4L11 2ZM4.5 4.869C4.351 4.956 4.185 5 4 5L2 5L2 10L4 10L4 9.5C4 9.309 4.035 9.125 4.105 8.948C4.182 8.755 4.293 8.586 4.439 8.439C4.586 8.293 4.755 8.182 4.948 8.105C5.125 8.035 5.309 8 5.5 8L10.5 8C10.691 8 10.875 8.035 11.052 8.105C11.245 8.182 11.414 8.293 11.561 8.439C11.707 8.586 11.818 8.755 11.895 8.948C11.965 9.125 12 9.309 12 9.5L12 10L14 10L14 5L12 5C11.815 5 11.649 4.956 11.5 4.869C11.416 4.953 11.301 5 11.182 5L4.818 5C4.699 5 4.584 4.953 4.5 4.869ZM10.854 9.146C10.756 9.049 10.638 9 10.5 9L5.5 9C5.362 9 5.244 9.049 5.146 9.146C5.049 9.244 5 9.362 5 9.5L5 10.182C5 10.301 4.953 10.416 4.869 10.5C4.956 10.649 5 10.815 5 11L5 11.293L5.146 11.146C5.319 10.974 5.516 10.84 5.74 10.743C5.982 10.638 6.236 10.586 6.5 10.586C6.764 10.586 7.018 10.638 7.26 10.743C7.484 10.84 7.681 10.974 7.854 11.146L10.707 14L11 14L11 11C11 10.815 11.044 10.649 11.131 10.5C11.047 10.416 11 10.301 11 10.182L11 9.5C11 9.362 10.951 9.244 10.854 9.146ZM5 12.707L5 14L9.293 14L7.146 11.854C6.968 11.675 6.752 11.586 6.5 11.586C6.248 11.586 6.032 11.675 5.854 11.854L5 12.707Z'/%3E%3C/svg%3E") center / 16px 16px no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='currentColor'%3E%3Cpath d='M11.707 1.293C11.902 1.488 12 1.724 12 2L12 4L14 4C14.276 4 14.512 4.098 14.707 4.293C14.902 4.488 15 4.724 15 5L15 10C15 10.276 14.902 10.512 14.707 10.707C14.512 10.902 14.276 11 14 11L12 11L12 14C12 14.276 11.902 14.512 11.707 14.707C11.512 14.902 11.276 15 11 15L5 15C4.724 15 4.488 14.902 4.293 14.707C4.098 14.512 4 14.276 4 14L4 11L2 11C1.724 11 1.488 10.902 1.293 10.707C1.098 10.512 1 10.276 1 10L1 5C1 4.724 1.098 4.488 1.293 4.293C1.488 4.098 1.724 4 2 4L4 4L4 2C4 1.724 4.098 1.488 4.293 1.293C4.488 1.098 4.724 1 5 1L11 1C11.276 1 11.512 1.098 11.707 1.293ZM11 2L5 2L5 4L11 4L11 2ZM4.5 4.869C4.351 4.956 4.185 5 4 5L2 5L2 10L4 10L4 9.5C4 9.309 4.035 9.125 4.105 8.948C4.182 8.755 4.293 8.586 4.439 8.439C4.586 8.293 4.755 8.182 4.948 8.105C5.125 8.035 5.309 8 5.5 8L10.5 8C10.691 8 10.875 8.035 11.052 8.105C11.245 8.182 11.414 8.293 11.561 8.439C11.707 8.586 11.818 8.755 11.895 8.948C11.965 9.125 12 9.309 12 9.5L12 10L14 10L14 5L12 5C11.815 5 11.649 4.956 11.5 4.869C11.416 4.953 11.301 5 11.182 5L4.818 5C4.699 5 4.584 4.953 4.5 4.869ZM10.854 9.146C10.756 9.049 10.638 9 10.5 9L5.5 9C5.362 9 5.244 9.049 5.146 9.146C5.049 9.244 5 9.362 5 9.5L5 10.182C5 10.301 4.953 10.416 4.869 10.5C4.956 10.649 5 10.815 5 11L5 11.293L5.146 11.146C5.319 10.974 5.516 10.84 5.74 10.743C5.982 10.638 6.236 10.586 6.5 10.586C6.764 10.586 7.018 10.638 7.26 10.743C7.484 10.84 7.681 10.974 7.854 11.146L10.707 14L11 14L11 11C11 10.815 11.044 10.649 11.131 10.5C11.047 10.416 11 10.301 11 10.182L11 9.5C11 9.362 10.951 9.244 10.854 9.146ZM5 12.707L5 14L9.293 14L7.146 11.854C6.968 11.675 6.752 11.586 6.5 11.586C6.248 11.586 6.032 11.675 5.854 11.854L5 12.707Z'/%3E%3C/svg%3E") center / 16px 16px no-repeat; } ``` ### Data URL ```text data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='currentColor'%3E%3Cpath d='M11.707 1.293C11.902 1.488 12 1.724 12 2L12 4L14 4C14.276 4 14.512 4.098 14.707 4.293C14.902 4.488 15 4.724 15 5L15 10C15 10.276 14.902 10.512 14.707 10.707C14.512 10.902 14.276 11 14 11L12 11L12 14C12 14.276 11.902 14.512 11.707 14.707C11.512 14.902 11.276 15 11 15L5 15C4.724 15 4.488 14.902 4.293 14.707C4.098 14.512 4 14.276 4 14L4 11L2 11C1.724 11 1.488 10.902 1.293 10.707C1.098 10.512 1 10.276 1 10L1 5C1 4.724 1.098 4.488 1.293 4.293C1.488 4.098 1.724 4 2 4L4 4L4 2C4 1.724 4.098 1.488 4.293 1.293C4.488 1.098 4.724 1 5 1L11 1C11.276 1 11.512 1.098 11.707 1.293ZM11 2L5 2L5 4L11 4L11 2ZM4.5 4.869C4.351 4.956 4.185 5 4 5L2 5L2 10L4 10L4 9.5C4 9.309 4.035 9.125 4.105 8.948C4.182 8.755 4.293 8.586 4.439 8.439C4.586 8.293 4.755 8.182 4.948 8.105C5.125 8.035 5.309 8 5.5 8L10.5 8C10.691 8 10.875 8.035 11.052 8.105C11.245 8.182 11.414 8.293 11.561 8.439C11.707 8.586 11.818 8.755 11.895 8.948C11.965 9.125 12 9.309 12 9.5L12 10L14 10L14 5L12 5C11.815 5 11.649 4.956 11.5 4.869C11.416 4.953 11.301 5 11.182 5L4.818 5C4.699 5 4.584 4.953 4.5 4.869ZM10.854 9.146C10.756 9.049 10.638 9 10.5 9L5.5 9C5.362 9 5.244 9.049 5.146 9.146C5.049 9.244 5 9.362 5 9.5L5 10.182C5 10.301 4.953 10.416 4.869 10.5C4.956 10.649 5 10.815 5 11L5 11.293L5.146 11.146C5.319 10.974 5.516 10.84 5.74 10.743C5.982 10.638 6.236 10.586 6.5 10.586C6.764 10.586 7.018 10.638 7.26 10.743C7.484 10.84 7.681 10.974 7.854 11.146L10.707 14L11 14L11 11C11 10.815 11.044 10.649 11.131 10.5C11.047 10.416 11 10.301 11 10.182L11 9.5C11 9.362 10.951 9.244 10.854 9.146ZM5 12.707L5 14L9.293 14L7.146 11.854C6.968 11.675 6.752 11.586 6.5 11.586C6.248 11.586 6.032 11.675 5.854 11.854L5 12.707Z'/%3E%3C/svg%3E ``` ### Sprite ```html ``` ### SwiftUI ```swift // Gentleface "image-prints" (line-round), MIT. https://gentleface.com/icons/image-prints import SwiftUI struct ImagePrintsIcon: Shape { func path(in rect: CGRect) -> Path { var p = Path() p.move(to: CGPoint(x: 11.707, y: 1.293)) p.addCurve(to: CGPoint(x: 12, y: 2), control1: CGPoint(x: 11.902, y: 1.488), control2: CGPoint(x: 12, y: 1.724)) p.addLine(to: CGPoint(x: 12, y: 4)) p.addLine(to: CGPoint(x: 14, y: 4)) p.addCurve(to: CGPoint(x: 14.707, y: 4.293), control1: CGPoint(x: 14.276, y: 4), control2: CGPoint(x: 14.512, y: 4.098)) p.addCurve(to: CGPoint(x: 15, y: 5), control1: CGPoint(x: 14.902, y: 4.488), control2: CGPoint(x: 15, y: 4.724)) p.addLine(to: CGPoint(x: 15, y: 10)) p.addCurve(to: CGPoint(x: 14.707, y: 10.707), control1: CGPoint(x: 15, y: 10.276), control2: CGPoint(x: 14.902, y: 10.512)) p.addCurve(to: CGPoint(x: 14, y: 11), control1: CGPoint(x: 14.512, y: 10.902), control2: CGPoint(x: 14.276, y: 11)) p.addLine(to: CGPoint(x: 12, y: 11)) p.addLine(to: CGPoint(x: 12, y: 14)) p.addCurve(to: CGPoint(x: 11.707, y: 14.707), control1: CGPoint(x: 12, y: 14.276), control2: CGPoint(x: 11.902, y: 14.512)) p.addCurve(to: CGPoint(x: 11, y: 15), control1: CGPoint(x: 11.512, y: 14.902), control2: CGPoint(x: 11.276, y: 15)) p.addLine(to: CGPoint(x: 5, y: 15)) p.addCurve(to: CGPoint(x: 4.293, y: 14.707), control1: CGPoint(x: 4.724, y: 15), control2: CGPoint(x: 4.488, y: 14.902)) p.addCurve(to: CGPoint(x: 4, y: 14), control1: CGPoint(x: 4.098, y: 14.512), control2: CGPoint(x: 4, y: 14.276)) p.addLine(to: CGPoint(x: 4, y: 11)) p.addLine(to: CGPoint(x: 2, y: 11)) p.addCurve(to: CGPoint(x: 1.293, y: 10.707), control1: CGPoint(x: 1.724, y: 11), control2: CGPoint(x: 1.488, y: 10.902)) p.addCurve(to: CGPoint(x: 1, y: 10), control1: CGPoint(x: 1.098, y: 10.512), control2: CGPoint(x: 1, y: 10.276)) p.addLine(to: CGPoint(x: 1, y: 5)) p.addCurve(to: CGPoint(x: 1.293, y: 4.293), control1: CGPoint(x: 1, y: 4.724), control2: CGPoint(x: 1.098, y: 4.488)) p.addCurve(to: CGPoint(x: 2, y: 4), control1: CGPoint(x: 1.488, y: 4.098), control2: CGPoint(x: 1.724, y: 4)) p.addLine(to: CGPoint(x: 4, y: 4)) p.addLine(to: CGPoint(x: 4, y: 2)) p.addCurve(to: CGPoint(x: 4.293, y: 1.293), control1: CGPoint(x: 4, y: 1.724), control2: CGPoint(x: 4.098, y: 1.488)) p.addCurve(to: CGPoint(x: 5, y: 1), control1: CGPoint(x: 4.488, y: 1.098), control2: CGPoint(x: 4.724, y: 1)) p.addLine(to: CGPoint(x: 11, y: 1)) p.addCurve(to: CGPoint(x: 11.707, y: 1.293), control1: CGPoint(x: 11.276, y: 1), control2: CGPoint(x: 11.512, y: 1.098)) p.closeSubpath() p.move(to: CGPoint(x: 11, y: 2)) p.addLine(to: CGPoint(x: 5, y: 2)) p.addLine(to: CGPoint(x: 5, y: 4)) p.addLine(to: CGPoint(x: 11, y: 4)) p.addLine(to: CGPoint(x: 11, y: 2)) p.closeSubpath() p.move(to: CGPoint(x: 4.5, y: 4.869)) p.addCurve(to: CGPoint(x: 4, y: 5), control1: CGPoint(x: 4.351, y: 4.956), control2: CGPoint(x: 4.185, y: 5)) p.addLine(to: CGPoint(x: 2, y: 5)) p.addLine(to: CGPoint(x: 2, y: 10)) p.addLine(to: CGPoint(x: 4, y: 10)) p.addLine(to: CGPoint(x: 4, y: 9.5)) p.addCurve(to: CGPoint(x: 4.105, y: 8.948), control1: CGPoint(x: 4, y: 9.309), control2: CGPoint(x: 4.035, y: 9.125)) p.addCurve(to: CGPoint(x: 4.439, y: 8.439), control1: CGPoint(x: 4.182, y: 8.755), control2: CGPoint(x: 4.293, y: 8.586)) p.addCurve(to: CGPoint(x: 4.948, y: 8.105), control1: CGPoint(x: 4.586, y: 8.293), control2: CGPoint(x: 4.755, y: 8.182)) p.addCurve(to: CGPoint(x: 5.5, y: 8), control1: CGPoint(x: 5.125, y: 8.035), control2: CGPoint(x: 5.309, y: 8)) p.addLine(to: CGPoint(x: 10.5, y: 8)) p.addCurve(to: CGPoint(x: 11.052, y: 8.105), control1: CGPoint(x: 10.691, y: 8), control2: CGPoint(x: 10.875, y: 8.035)) p.addCurve(to: CGPoint(x: 11.561, y: 8.439), control1: CGPoint(x: 11.245, y: 8.182), control2: CGPoint(x: 11.414, y: 8.293)) p.addCurve(to: CGPoint(x: 11.895, y: 8.948), control1: CGPoint(x: 11.707, y: 8.586), control2: CGPoint(x: 11.818, y: 8.755)) p.addCurve(to: CGPoint(x: 12, y: 9.5), control1: CGPoint(x: 11.965, y: 9.125), control2: CGPoint(x: 12, y: 9.309)) p.addLine(to: CGPoint(x: 12, y: 10)) p.addLine(to: CGPoint(x: 14, y: 10)) p.addLine(to: CGPoint(x: 14, y: 5)) p.addLine(to: CGPoint(x: 12, y: 5)) p.addCurve(to: CGPoint(x: 11.5, y: 4.869), control1: CGPoint(x: 11.815, y: 5), control2: CGPoint(x: 11.649, y: 4.956)) p.addCurve(to: CGPoint(x: 11.182, y: 5), control1: CGPoint(x: 11.416, y: 4.953), control2: CGPoint(x: 11.301, y: 5)) p.addLine(to: CGPoint(x: 4.818, y: 5)) p.addCurve(to: CGPoint(x: 4.5, y: 4.869), control1: CGPoint(x: 4.699, y: 5), control2: CGPoint(x: 4.584, y: 4.953)) p.closeSubpath() p.move(to: CGPoint(x: 10.854, y: 9.146)) p.addCurve(to: CGPoint(x: 10.5, y: 9), control1: CGPoint(x: 10.756, y: 9.049), control2: CGPoint(x: 10.638, y: 9)) p.addLine(to: CGPoint(x: 5.5, y: 9)) p.addCurve(to: CGPoint(x: 5.146, y: 9.146), control1: CGPoint(x: 5.362, y: 9), control2: CGPoint(x: 5.244, y: 9.049)) p.addCurve(to: CGPoint(x: 5, y: 9.5), control1: CGPoint(x: 5.049, y: 9.244), control2: CGPoint(x: 5, y: 9.362)) p.addLine(to: CGPoint(x: 5, y: 10.182)) p.addCurve(to: CGPoint(x: 4.869, y: 10.5), control1: CGPoint(x: 5, y: 10.301), control2: CGPoint(x: 4.953, y: 10.416)) p.addCurve(to: CGPoint(x: 5, y: 11), control1: CGPoint(x: 4.956, y: 10.649), control2: CGPoint(x: 5, y: 10.815)) p.addLine(to: CGPoint(x: 5, y: 11.293)) p.addLine(to: CGPoint(x: 5.146, y: 11.146)) p.addCurve(to: CGPoint(x: 5.74, y: 10.743), control1: CGPoint(x: 5.319, y: 10.974), control2: CGPoint(x: 5.516, y: 10.84)) p.addCurve(to: CGPoint(x: 6.5, y: 10.586), control1: CGPoint(x: 5.982, y: 10.638), control2: CGPoint(x: 6.236, y: 10.586)) p.addCurve(to: CGPoint(x: 7.26, y: 10.743), control1: CGPoint(x: 6.764, y: 10.586), control2: CGPoint(x: 7.018, y: 10.638)) p.addCurve(to: CGPoint(x: 7.854, y: 11.146), control1: CGPoint(x: 7.484, y: 10.84), control2: CGPoint(x: 7.681, y: 10.974)) p.addLine(to: CGPoint(x: 10.707, y: 14)) p.addLine(to: CGPoint(x: 11, y: 14)) p.addLine(to: CGPoint(x: 11, y: 11)) p.addCurve(to: CGPoint(x: 11.131, y: 10.5), control1: CGPoint(x: 11, y: 10.815), control2: CGPoint(x: 11.044, y: 10.649)) p.addCurve(to: CGPoint(x: 11, y: 10.182), control1: CGPoint(x: 11.047, y: 10.416), control2: CGPoint(x: 11, y: 10.301)) p.addLine(to: CGPoint(x: 11, y: 9.5)) p.addCurve(to: CGPoint(x: 10.854, y: 9.146), control1: CGPoint(x: 11, y: 9.362), control2: CGPoint(x: 10.951, y: 9.244)) p.closeSubpath() p.move(to: CGPoint(x: 5, y: 12.707)) p.addLine(to: CGPoint(x: 5, y: 14)) p.addLine(to: CGPoint(x: 9.293, y: 14)) p.addLine(to: CGPoint(x: 7.146, y: 11.854)) p.addCurve(to: CGPoint(x: 6.5, y: 11.586), control1: CGPoint(x: 6.968, y: 11.675), control2: CGPoint(x: 6.752, y: 11.586)) p.addCurve(to: CGPoint(x: 5.854, y: 11.854), control1: CGPoint(x: 6.248, y: 11.586), control2: CGPoint(x: 6.032, y: 11.675)) p.addLine(to: CGPoint(x: 5, y: 12.707)) p.closeSubpath() return p.applying(CGAffineTransform(scaleX: rect.width / 16, y: rect.height / 16)) } } // ImagePrintsIcon().frame(width: 16, height: 16) fills with the foreground style. Keep it on whole points to stay crisp. ``` ### Compose ```kotlin // Gentleface "image-prints" (line-round), MIT. https://gentleface.com/icons/image-prints import androidx.compose.ui.graphics.Color import androidx.compose.ui.graphics.SolidColor import androidx.compose.ui.graphics.vector.ImageVector import androidx.compose.ui.graphics.vector.addPathNodes import androidx.compose.ui.unit.dp val ImagePrintsIcon: ImageVector by lazy { ImageVector.Builder( name = "image-prints", defaultWidth = 16.dp, defaultHeight = 16.dp, viewportWidth = 16f, viewportHeight = 16f, ).addPath( pathData = addPathNodes("M11.707 1.293C11.902 1.488 12 1.724 12 2L12 4L14 4C14.276 4 14.512 4.098 14.707 4.293C14.902 4.488 15 4.724 15 5L15 10C15 10.276 14.902 10.512 14.707 10.707C14.512 10.902 14.276 11 14 11L12 11L12 14C12 14.276 11.902 14.512 11.707 14.707C11.512 14.902 11.276 15 11 15L5 15C4.724 15 4.488 14.902 4.293 14.707C4.098 14.512 4 14.276 4 14L4 11L2 11C1.724 11 1.488 10.902 1.293 10.707C1.098 10.512 1 10.276 1 10L1 5C1 4.724 1.098 4.488 1.293 4.293C1.488 4.098 1.724 4 2 4L4 4L4 2C4 1.724 4.098 1.488 4.293 1.293C4.488 1.098 4.724 1 5 1L11 1C11.276 1 11.512 1.098 11.707 1.293ZM11 2L5 2L5 4L11 4L11 2ZM4.5 4.869C4.351 4.956 4.185 5 4 5L2 5L2 10L4 10L4 9.5C4 9.309 4.035 9.125 4.105 8.948C4.182 8.755 4.293 8.586 4.439 8.439C4.586 8.293 4.755 8.182 4.948 8.105C5.125 8.035 5.309 8 5.5 8L10.5 8C10.691 8 10.875 8.035 11.052 8.105C11.245 8.182 11.414 8.293 11.561 8.439C11.707 8.586 11.818 8.755 11.895 8.948C11.965 9.125 12 9.309 12 9.5L12 10L14 10L14 5L12 5C11.815 5 11.649 4.956 11.5 4.869C11.416 4.953 11.301 5 11.182 5L4.818 5C4.699 5 4.584 4.953 4.5 4.869ZM10.854 9.146C10.756 9.049 10.638 9 10.5 9L5.5 9C5.362 9 5.244 9.049 5.146 9.146C5.049 9.244 5 9.362 5 9.5L5 10.182C5 10.301 4.953 10.416 4.869 10.5C4.956 10.649 5 10.815 5 11L5 11.293L5.146 11.146C5.319 10.974 5.516 10.84 5.74 10.743C5.982 10.638 6.236 10.586 6.5 10.586C6.764 10.586 7.018 10.638 7.26 10.743C7.484 10.84 7.681 10.974 7.854 11.146L10.707 14L11 14L11 11C11 10.815 11.044 10.649 11.131 10.5C11.047 10.416 11 10.301 11 10.182L11 9.5C11 9.362 10.951 9.244 10.854 9.146ZM5 12.707L5 14L9.293 14L7.146 11.854C6.968 11.675 6.752 11.586 6.5 11.586C6.248 11.586 6.032 11.675 5.854 11.854L5 12.707Z"), fill = SolidColor(Color.Black), ).build() } // Icon(ImagePrintsIcon, contentDescription = null) tints it with LocalContentColor. ``` ### Android XML ```xml ``` ### Flutter ```dart // Gentleface "image-prints" (line-round), MIT. https://gentleface.com/icons/image-prints import 'package:flutter/widgets.dart'; class ImagePrintsIcon extends StatelessWidget { const ImagePrintsIcon({super.key, this.size = 16, this.color}); final double size; final Color? color; @override Widget build(BuildContext context) => CustomPaint( size: Size.square(size), painter: _ImagePrintsIconPainter(color ?? IconTheme.of(context).color ?? const Color(0xFF000000)), ); } class _ImagePrintsIconPainter extends CustomPainter { _ImagePrintsIconPainter(this.color); final Color color; @override void paint(Canvas canvas, Size size) { canvas.scale(size.width / 16, size.height / 16); final p = Path() ..moveTo(11.707, 1.293) ..cubicTo(11.902, 1.488, 12, 1.724, 12, 2) ..lineTo(12, 4) ..lineTo(14, 4) ..cubicTo(14.276, 4, 14.512, 4.098, 14.707, 4.293) ..cubicTo(14.902, 4.488, 15, 4.724, 15, 5) ..lineTo(15, 10) ..cubicTo(15, 10.276, 14.902, 10.512, 14.707, 10.707) ..cubicTo(14.512, 10.902, 14.276, 11, 14, 11) ..lineTo(12, 11) ..lineTo(12, 14) ..cubicTo(12, 14.276, 11.902, 14.512, 11.707, 14.707) ..cubicTo(11.512, 14.902, 11.276, 15, 11, 15) ..lineTo(5, 15) ..cubicTo(4.724, 15, 4.488, 14.902, 4.293, 14.707) ..cubicTo(4.098, 14.512, 4, 14.276, 4, 14) ..lineTo(4, 11) ..lineTo(2, 11) ..cubicTo(1.724, 11, 1.488, 10.902, 1.293, 10.707) ..cubicTo(1.098, 10.512, 1, 10.276, 1, 10) ..lineTo(1, 5) ..cubicTo(1, 4.724, 1.098, 4.488, 1.293, 4.293) ..cubicTo(1.488, 4.098, 1.724, 4, 2, 4) ..lineTo(4, 4) ..lineTo(4, 2) ..cubicTo(4, 1.724, 4.098, 1.488, 4.293, 1.293) ..cubicTo(4.488, 1.098, 4.724, 1, 5, 1) ..lineTo(11, 1) ..cubicTo(11.276, 1, 11.512, 1.098, 11.707, 1.293) ..close() ..moveTo(11, 2) ..lineTo(5, 2) ..lineTo(5, 4) ..lineTo(11, 4) ..lineTo(11, 2) ..close() ..moveTo(4.5, 4.869) ..cubicTo(4.351, 4.956, 4.185, 5, 4, 5) ..lineTo(2, 5) ..lineTo(2, 10) ..lineTo(4, 10) ..lineTo(4, 9.5) ..cubicTo(4, 9.309, 4.035, 9.125, 4.105, 8.948) ..cubicTo(4.182, 8.755, 4.293, 8.586, 4.439, 8.439) ..cubicTo(4.586, 8.293, 4.755, 8.182, 4.948, 8.105) ..cubicTo(5.125, 8.035, 5.309, 8, 5.5, 8) ..lineTo(10.5, 8) ..cubicTo(10.691, 8, 10.875, 8.035, 11.052, 8.105) ..cubicTo(11.245, 8.182, 11.414, 8.293, 11.561, 8.439) ..cubicTo(11.707, 8.586, 11.818, 8.755, 11.895, 8.948) ..cubicTo(11.965, 9.125, 12, 9.309, 12, 9.5) ..lineTo(12, 10) ..lineTo(14, 10) ..lineTo(14, 5) ..lineTo(12, 5) ..cubicTo(11.815, 5, 11.649, 4.956, 11.5, 4.869) ..cubicTo(11.416, 4.953, 11.301, 5, 11.182, 5) ..lineTo(4.818, 5) ..cubicTo(4.699, 5, 4.584, 4.953, 4.5, 4.869) ..close() ..moveTo(10.854, 9.146) ..cubicTo(10.756, 9.049, 10.638, 9, 10.5, 9) ..lineTo(5.5, 9) ..cubicTo(5.362, 9, 5.244, 9.049, 5.146, 9.146) ..cubicTo(5.049, 9.244, 5, 9.362, 5, 9.5) ..lineTo(5, 10.182) ..cubicTo(5, 10.301, 4.953, 10.416, 4.869, 10.5) ..cubicTo(4.956, 10.649, 5, 10.815, 5, 11) ..lineTo(5, 11.293) ..lineTo(5.146, 11.146) ..cubicTo(5.319, 10.974, 5.516, 10.84, 5.74, 10.743) ..cubicTo(5.982, 10.638, 6.236, 10.586, 6.5, 10.586) ..cubicTo(6.764, 10.586, 7.018, 10.638, 7.26, 10.743) ..cubicTo(7.484, 10.84, 7.681, 10.974, 7.854, 11.146) ..lineTo(10.707, 14) ..lineTo(11, 14) ..lineTo(11, 11) ..cubicTo(11, 10.815, 11.044, 10.649, 11.131, 10.5) ..cubicTo(11.047, 10.416, 11, 10.301, 11, 10.182) ..lineTo(11, 9.5) ..cubicTo(11, 9.362, 10.951, 9.244, 10.854, 9.146) ..close() ..moveTo(5, 12.707) ..lineTo(5, 14) ..lineTo(9.293, 14) ..lineTo(7.146, 11.854) ..cubicTo(6.968, 11.675, 6.752, 11.586, 6.5, 11.586) ..cubicTo(6.248, 11.586, 6.032, 11.675, 5.854, 11.854) ..lineTo(5, 12.707) ..close(); canvas.drawPath(p, Paint()..color = color); } @override bool shouldRepaint(_ImagePrintsIconPainter old) => old.color != color; } ```