Image Icon
Free SVG icon from the Pixelarticons collection. Download or copy for use in any project.
The Image icon is commonly used in media galleries, CMS editors and image pickers. Available as a free SVG - copy the code or download directly.
img tag
<img src="https://proicons.com/icon/312995.svg" alt="Image icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/312995.svg" alt="Image icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/312995.svg" alt="Image icon" :width="24" :height="24" />
CSS background
.icon-image {
background-image: url('https://proicons.com/icon/312995.svg');
background-size: contain;
background-repeat: no-repeat;
width: 24px;
height: 24px;
display: inline-block;
}
SVG markup
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" viewBox="0 0 24 24"> <path d="M4 2h16v2H4zm0 18h16v2H4zM2 4h2v16H2zm18 0h2v16h-2zm-4 8h2v2h-2zm-2 2h2v2h-2zm4 0h2v2h-2zm-8 0h2v2h-2zm2 2h2v2h-2zm2 2h2v2h-2z"/> <path d="M20 16h2v2h-2zM8 16h2v2H8zm-2 2h2v2H6zM8 6h2v2H8zM6 8h2v2H6zm2 2h2v2H8zm2-2h2v2h-2z"/> </svg>
Image in other icon packs
Copied!