Summary Kpi Icon
Free SVG icon from the Carbon Icons collection. Download or copy for use in any project.
The Summary Kpi 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/318960.svg" alt="Summary Kpi icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/318960.svg" alt="Summary Kpi icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/318960.svg" alt="Summary Kpi icon" :width="24" :height="24" />
CSS background
.icon-summary-kpi {
background-image: url('https://proicons.com/icon/318960.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="M7.6667,27.5027,2,22.4484l1.3311-1.4927,5.6411,5.0316,7.6906-7.4449a1.9282,1.9282,0,0,1,2.6736-.0084L22.96,21.9983l5.5791-5.9735L30,17.3905l-5.5812,5.9758a1.996,1.996,0,0,1-2.8379.08l-3.5765-3.4191-7.666,7.4206A1.9629,1.9629,0,0,1,7.6667,27.5027Z"/>
<polygon points="30 11 26 11 28 8 30 11"/>
<path d="M22,4H18V6h4V8H19v2h3v2H18v2h4a2.0027,2.0027,0,0,0,2-2V6A2.0023,2.0023,0,0,0,22,4Z"/>
<path d="M16,14H10V10a2.002,2.002,0,0,1,2-2h2V6H10V4h4a2.0023,2.0023,0,0,1,2,2V8a2.0023,2.0023,0,0,1-2,2H12v2h4Z"/>
<polygon points="6 12 6 4 4 4 4 5 2 5 2 7 4 7 4 12 2 12 2 14 8 14 8 12 6 12"/>
<rect id="_Transparent_Rectangle_" data-name="<Transparent Rectangle>" class="cls-1" width="32" height="32"/>
</svg>
Copied!