Shapes Icon
Free SVG icon from the Carbon Icons collection. Download or copy for use in any project.
The Shapes 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/318840.svg" alt="Shapes icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/318840.svg" alt="Shapes icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/318840.svg" alt="Shapes icon" :width="24" :height="24" />
CSS background
.icon-shapes {
background-image: url('https://proicons.com/icon/318840.svg');
background-size: contain;
background-repeat: no-repeat;
width: 24px;
height: 24px;
display: inline-block;
}
SVG markup
<?xml version="1.0" encoding="UTF-8"?>
<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;
}
.cls-1, .cls-2 {
stroke-width: 0px;
}
</style>
</defs>
<path class="cls-2" d="m5,16h-2v11c0,1.1045.8954,2,2,2h8v-2H5v-11Z"/>
<path class="cls-2" d="m28,29h-11c-.3535,0-.6809-.1866-.8608-.4911-.0927-.1568-.1392-.3328-.1392-.5089,0-.1658.0412-.3317.1238-.4819l5.5-10c.1898-.3451.5333-.5178.8762-.5181.3434-.0003.6861.1724.8762.5181l5.5,10c.0826.1502.1238.3162.1238.4819,0,.1762-.0465.3521-.1392.5089-.1799.3044-.5073.4911-.8608.4911Zm-9.3088-2h7.6177l-3.8088-6.9249-3.8088,6.9249Z"/>
<path class="cls-2" d="m27,3h-11v2h11v13.9922h2V5c0-1.1045-.8954-2-2-2Z"/>
<path class="cls-2" d="m11,3h-6c-1.1046,0-2,.8955-2,2v6c0,1.1045.8954,2,2,2h6c1.1046,0,2-.8955,2-2v-6c0-1.1045-.8954-2-2-2Zm0,8h-6v-6h6v6Z"/>
<rect id="_Transparent_Rectangle_" data-name="&lt;Transparent Rectangle&gt;" class="cls-1" width="32" height="32"/>
</svg>
More from Carbon Icons
View all
Shapes in other icon packs
Copied!