Ibm Granite Icon
Free SVG icon from the Carbon Icons collection. Download or copy for use in any project.
The Ibm Granite 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/317952.svg" alt="Ibm Granite icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/317952.svg" alt="Ibm Granite icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/317952.svg" alt="Ibm Granite icon" :width="24" :height="24" />
CSS background
.icon-ibm-granite {
background-image: url('https://proicons.com/icon/317952.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;
}
</style>
</defs>
<path d="M28.5039,8.1362L16.5039,1.1362c-.1558-.0908-.3298-.1362-.5039-.1362s-.3482.0454-.5039.1362L3.4961,8.1362c-.3071.1792-.4961.5083-.4961.8638v14c0,.3555.189.6846.4961.8643l12,7c.1558.0908.3296.1357.5039.1357s.3481-.0449.5039-.1357l12-7c.3076-.1797.4961-.5088.4961-.8643v-14c0-.3555-.1885-.6846-.4961-.8638ZM16,3.1577l10.0155,5.8422-2.3773,1.3867-5.6382-3.2529c-.3105-.1787-.6895-.1787-1,0l-6.4995,3.75c-.1992.115-.3417.2961-.4235.5034l-4.0925-2.3873,10.0155-5.8422h0ZM12,14.8244l3,1.75v3.8291l-3-1.7307v-3.8484ZM16,14.8423l-4-2.3333v-.1813l5.5-3.1733,4.148,2.3933-5.648,3.2947h0ZM17,16.5744l6-3.5v5.5984l-5.5,3.1729-.5-.2885v-4.9828ZM5,10.741l5,2.9167v5.5923c0,.3574.1909.6875.5005.8662l4.4995,2.5961v5.5471l-10-5.8336v-11.6848ZM17,28.2594v-4.3932c.1553.0889.3271.1338.5.1338s.3447-.0449.5-.1338l6.5-3.75c.3096-.1787.5-.5088.5-.8662v-7.3423l2-1.1667v11.6848l-10,5.8336Z"/>
<rect id="_x3C_Transparent_Rectangle_x3E_" class="cls-1" width="32" height="32"/>
</svg>
More from Carbon Icons
View all
Copied!