Code Oss Icon
Free SVG icon from the VS Code Codicons collection. Download or copy for use in any project.
The Code Oss icon is commonly used in developer tools, documentation sites and code editors. Available as a free SVG - copy the code or download directly.
img tag
<img src="https://proicons.com/icon/307056.svg" alt="Code Oss icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/307056.svg" alt="Code Oss icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/307056.svg" alt="Code Oss icon" :width="24" :height="24" />
CSS background
.icon-code-oss {
background-image: url('https://proicons.com/icon/307056.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="M12.5 1H3.5C2.121 1 1 2.122 1 3.5V12.5C1 13.879 2.121 15 3.5 15H12.5C13.879 15 15 13.879 15 12.5V3.5C15 2.122 13.879 1 12.5 1ZM2 12.5V3.5C2 2.673 2.673 2 3.5 2H5V14H3.5C2.673 14 2 13.327 2 12.5ZM14 12.5C14 13.327 13.327 14 12.5 14H6V2H12.5C13.327 2 14 2.673 14 3.5V12.5Z"/><path d="M7.5 4H10.5C10.776 4 11 3.776 11 3.5C11 3.224 10.776 3 10.5 3H7.5C7.224 3 7 3.224 7 3.5C7 3.776 7.224 4 7.5 4Z"/><path d="M12.5 5H9.5C9.224 5 9 5.224 9 5.5C9 5.776 9.224 6 9.5 6H12.5C12.776 6 13 5.776 13 5.5C13 5.224 12.776 5 12.5 5Z"/><path d="M10.5 11H7.5C7.224 11 7 11.224 7 11.5C7 11.776 7.224 12 7.5 12H10.5C10.776 12 11 11.776 11 11.5C11 11.224 10.776 11 10.5 11Z"/><path d="M12.5 7H9.5C9.224 7 9 7.224 9 7.5C9 7.776 9.224 8 9.5 8H12.5C12.776 8 13 7.776 13 7.5C13 7.224 12.776 7 12.5 7Z"/><path d="M12.5 9H9.5C9.224 9 9 9.224 9 9.5C9 9.776 9.224 10 9.5 10H12.5C12.776 10 13 9.776 13 9.5C13 9.224 12.776 9 12.5 9Z"/></svg>
More from VS Code Codicons
View all
Copied!