gentleface

Gentleface › Photo & image › image-prints

image-prints icon

Image prints: photo prints, print photos, order prints. Drawn on the 16 px grid. Free SVG, PNG and code, MIT licensed.

Code line-round

SVG
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true"><path 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"/></svg>
React
// Gentleface "image-prints" (line-round), MIT. https://gentleface.com/icons/image-prints
import type { SVGProps } from 'react';

export function ImagePrintsIcon(props: SVGProps<SVGSVGElement>) {
  return (
    <svg xmlns="http://www.w3.org/2000/svg" width={16} height={16} viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" {...props}>
      <path 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" />
    </svg>
  );
}
Vue
Vue: see /icons/image-prints.md
Svelte
Svelte: see /icons/image-prints.md
HTML img
HTML img: see /icons/image-prints.md
CSS
CSS: see /icons/image-prints.md
Data URL
Data URL: see /icons/image-prints.md
Sprite
Sprite: see /icons/image-prints.md
SwiftUI
SwiftUI: see /icons/image-prints.md
Compose
Compose: see /icons/image-prints.md
Android XML
Android XML: see /icons/image-prints.md
Flutter
Flutter: see /icons/image-prints.md

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. 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. More in how to use.

Meaning

Use it for
photo prints, print photos, order prints
Tags
prints, photo prints, print, order prints, photos, pictures, stack, paper, image, photo
Category
Photo & image
Component name
ImagePrintsIcon
History
  • 20 px drawn, 24 px drawn, added

More photo & image icons

For agents

Metadata: /icons/image-prints.json · Markdown: /icons/image-prints.md · SVG: https://gentleface.com/svg/{style}/16/image-prints.svg · PNG: https://gentleface.com/png/{style}/{16|32|48}/image-prints.png