Image Reference Icon
Free SVG icon from the Carbon Icons collection. Download or copy for use in any project.
The Image Reference 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/318119.svg" alt="Image Reference icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/318119.svg" alt="Image Reference icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/318119.svg" alt="Image Reference icon" :width="24" :height="24" />
CSS background
.icon-image-reference {
background-image: url('https://proicons.com/icon/318119.svg');
background-size: contain;
background-repeat: no-repeat;
width: 24px;
height: 24px;
display: inline-block;
}
SVG markup
<svg id="icon" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
<defs>
<style>
.cls-1 {
fill: none;
}
</style>
</defs>
<polygon points="4 20 4 22 8.586 22 2 28.586 3.414 30 10 23.414 10 28 12 28 12 20 4 20"/>
<path d="M19,14a3,3,0,1,0-3-3A3,3,0,0,0,19,14Zm0-4a1,1,0,1,1-1,1A1,1,0,0,1,19,10Z"/>
<path d="M26,4H6A2,2,0,0,0,4,6V16H6V6H26V21.17l-3.59-3.59a2,2,0,0,0-2.82,0L18,19.17,11.8308,13l-1.4151,1.4155L14,18l2.59,2.59a2,2,0,0,0,2.82,0L21,19l5,5v2H16v2H26a2,2,0,0,0,2-2V6A2,2,0,0,0,26,4Z"/>
<rect id="_Transparent_Rectangle_" data-name="<Transparent Rectangle>" class="cls-1" width="32" height="32"/>
</svg>
Copied!