Combine Icon
Free SVG icon from the VS Code Codicons collection. Download or copy for use in any project.
The Combine 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/307064.svg" alt="Combine icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/307064.svg" alt="Combine icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/307064.svg" alt="Combine icon" :width="24" :height="24" />
CSS background
.icon-combine {
background-image: url('https://proicons.com/icon/307064.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 fill-rule="evenodd" clip-rule="evenodd" d="M4 1H2C1.449 1 1 1.449 1 2V4C1 4.551 1.449 5 2 5H4C4.551 5 5 4.551 5 4V2C5 1.449 4.551 1 4 1ZM2 4V2H4V4H2Z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M4 6H2C1.449 6 1 6.449 1 7V9C1 9.551 1.449 10 2 10H4C4.551 10 5 9.551 5 9V7C5 6.449 4.551 6 4 6ZM2 9V7H4V9H2Z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M13 5H15C15.551 5 16 5.449 16 6V11C16 11.551 15.551 12 15 12H13C12.449 12 12 11.551 12 11V6C12 5.449 12.449 5 13 5ZM13.001 11H15.001V9H13.001V11ZM13 6V8H15V6H13Z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M4 11H2C1.449 11 1 11.449 1 12V14C1 14.551 1.449 15 2 15H4C4.551 15 5 14.551 5 14V12C5 11.449 4.551 11 4 11ZM2 14V12H4V14H2Z"/><path d="M8.647 6.64601C8.842 6.45101 9.159 6.45101 9.354 6.64601L9.355 6.64501L10.855 8.14501C11.05 8.34001 11.05 8.65701 10.855 8.85201L9.355 10.352C9.257 10.449 9.129 10.498 9.001 10.498C8.873 10.498 8.745 10.45 8.647 10.352C8.452 10.157 8.452 9.84001 8.647 9.64501L9.293 8.99901H6.5C6.224 8.99901 6 8.77501 6 8.49901C6 8.22301 6.224 7.99901 6.5 7.99901H9.293L8.647 7.35301C8.452 7.15801 8.452 6.84101 8.647 6.64601Z"/></svg>
More from VS Code Codicons
View all
Combine in other icon packs
Copied!