Chart Icon

Free SVG icon from the Mage Icons collection. Download or copy for use in any project.

Collection: Mage Icons
Format: SVG, Font, PNG
License: Apache 2.0 - Free for commercial use
Style: Outline
Tags: chart graph analytics statistics data report

The Chart icon is commonly used in analytics dashboards, reports and data visualization. Available as a free SVG - copy the code or download directly.

img tag

<img src="https://proicons.com/icon/310606.svg" alt="Chart icon" width="24" height="24">

React JSX

<img src="https://proicons.com/icon/310606.svg" alt="Chart icon" width={24} height={24} />

Vue template

<img
  src="https://proicons.com/icon/310606.svg"
  alt="Chart icon"
  :width="24"
  :height="24"
/>

CSS background

.icon-chart {
  background-image: url('https://proicons.com/icon/310606.svg');
  background-size: contain;
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  display: inline-block;
}

SVG markup

<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M6.20898 12.3235H4.40138C3.82211 12.3235 3.35252 12.7931 3.35252 13.3724V20.2011C3.35252 20.7804 3.82211 21.25 4.40138 21.25H6.20898C6.78825 21.25 7.25784 20.7804 7.25784 20.2011V13.3724C7.25784 12.7931 6.78825 12.3235 6.20898 12.3235Z" stroke="black" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M12.9038 2.75H11.0962C10.5169 2.75 10.0473 3.21959 10.0473 3.79886V20.2011C10.0473 20.7804 10.5169 21.25 11.0962 21.25H12.9038C13.4831 21.25 13.9527 20.7804 13.9527 20.2011V3.79886C13.9527 3.21959 13.4831 2.75 12.9038 2.75Z" stroke="black" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M19.5986 7.92731H17.791C17.2118 7.92731 16.7422 8.3969 16.7422 8.97616V20.2012C16.7422 20.7804 17.2118 21.25 17.791 21.25H19.5986C20.1779 21.25 20.6475 20.7804 20.6475 20.2012V8.97616C20.6475 8.3969 20.1779 7.92731 19.5986 7.92731Z" stroke="black" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"/>
</svg>