Preview Icon
Free SVG icon from the VS Code Codicons collection. Download or copy for use in any project.
The Preview icon is available as a free SVG and is ready to drop into any web or app project.
img tag
<img src="https://proicons.com/icon/307338.svg" alt="Preview icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/307338.svg" alt="Preview icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/307338.svg" alt="Preview icon" :width="24" :height="24" />
CSS background
.icon-preview {
background-image: url('https://proicons.com/icon/307338.svg');
background-size: contain;
background-repeat: no-repeat;
width: 24px;
height: 24px;
display: inline-block;
}
SVG markup
<svg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M3.5 2C2.11929 2 1 3.11929 1 4.5V11.5C1 12.8807 2.11929 14 3.5 14H12.5C13.8807 14 15 12.8807 15 11.5V4.5C15 3.11929 13.8807 2 12.5 2H3.5ZM2 4.5C2 3.67157 2.67157 3 3.5 3H12.5C13.3284 3 14 3.67157 14 4.5V11.5C14 12.3284 13.3284 13 12.5 13H3.5C2.67157 13 2 12.3284 2 11.5V4.5ZM3 5C3 4.44772 3.44772 4 4 4H12C12.5523 4 13 4.44772 13 5V6C13 6.55228 12.5523 7 12 7H4C3.44772 7 3 6.55229 3 6V5ZM12 5H4V6H12V5ZM8 9C8 8.44772 8.44772 8 9 8H12C12.5523 8 13 8.44772 13 9V11C13 11.5523 12.5523 12 12 12H9C8.44772 12 8 11.5523 8 11V9ZM12 9H9V11H12V9ZM3.5 8C3.22386 8 3 8.22386 3 8.5C3 8.77614 3.22386 9 3.5 9H6.5C6.77614 9 7 8.77614 7 8.5C7 8.22386 6.77614 8 6.5 8H3.5ZM3 10.5C3 10.2239 3.22386 10 3.5 10H6.5C6.77614 10 7 10.2239 7 10.5C7 10.7761 6.77614 11 6.5 11H3.5C3.22386 11 3 10.7761 3 10.5Z"/></svg>
More from VS Code Codicons
View all
Preview in other icon packs
Copied!