Interface Usage Icon
Free SVG icon from the Carbon Icons collection. Download or copy for use in any project.
The Interface Usage 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/318168.svg" alt="Interface Usage icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/318168.svg" alt="Interface Usage icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/318168.svg" alt="Interface Usage icon" :width="24" :height="24" />
CSS background
.icon-interface-usage {
background-image: url('https://proicons.com/icon/318168.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="m18.3242,11.7334v1.29h-1.3242v1.7368h1.3242v7.2397h2.2012v-7.2397h1.8398v-1.7368h-1.8398v-1.9951h1.8398v-1.7539h-1.5649c-1.6167,0-2.4761.877-2.4761,2.459Z"/>
<polygon class="cls-2" points="10 11.8193 11.582 11.8193 11.582 20.1772 10 20.1772 10 22 15.4516 22 15.4516 20.1772 13.8525 20.1772 13.8525 11.8193 15.4516 11.8193 15.4516 9.9966 10 9.9966 10 11.8193"/>
<path class="cls-2" d="m21,30h-10c-4.9626,0-9-4.0374-9-9v-10C2,6.0374,6.0374,2,11,2h10c4.9626,0,9,4.0374,9,9v10c0,4.9626-4.0374,9-9,9ZM11,4c-3.8599,0-7,3.1401-7,7v10c0,3.8599,3.1401,7,7,7h10c3.8599,0,7-3.1401,7-7v-10c0-3.8599-3.1401-7-7-7h-10Z"/>
<rect id="_Transparent_Rectangle_" data-name="&lt;Transparent Rectangle&gt;" class="cls-1" width="32" height="32"/>
</svg>
Copied!