Deployment Pattern Icon
Free SVG icon from the Carbon Icons collection. Download or copy for use in any project.
The Deployment Pattern 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/317565.svg" alt="Deployment Pattern icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/317565.svg" alt="Deployment Pattern icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/317565.svg" alt="Deployment Pattern icon" :width="24" :height="24" />
CSS background
.icon-deployment-pattern {
background-image: url('https://proicons.com/icon/317565.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>
<path d="M8,20H4.73A1.9735,1.9735,0,0,0,3,19a2,2,0,0,0,0,4A1.9735,1.9735,0,0,0,4.73,22H8Z"/>
<path d="M29,9a1.9735,1.9735,0,0,0-1.73,1H24v2h3.27A1.9991,1.9991,0,1,0,29,9Z"/>
<path d="M25.4141,5,21,.5859,16.5859,5,20,8.4141V18h2V8.4141ZM21,3.4141,22.5859,5,21,6.5859,19.4141,5Z"/>
<path d="M12,23.5859V14H10v9.5859L6.5859,27,11,31.4141,15.4141,27ZM9.4141,27,11,25.4141,12.5859,27,11,28.5859Z"/>
<path d="M18,10H8.4141L5,6.5859.5859,11,5,15.4141,8.4141,12H18ZM5,12.5859,3.4141,11,5,9.4141,6.5859,11Z"/>
<path d="M13,3A2,2,0,0,0,9,3,1.9733,1.9733,0,0,0,10,4.73V8h2V4.73A1.9733,1.9733,0,0,0,13,3Z"/>
<path d="M22,27.2705V24H20v3.27a2,2,0,1,0,2,0Z"/>
<path d="M31.4141,21,27,16.5859,23.5859,20H14v2h9.5859L27,25.4141ZM27,19.4141,28.5859,21,27,22.5859,25.4141,21Z"/>
<rect id="_Transparent_Rectangle_" data-name="<Transparent Rectangle>" class="cls-1" width="32" height="32"/>
</svg>
More from Carbon Icons
View all
Copied!