Line Chart Icon

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

Collection: Govicons
Format: Font, SVG, PNG
License: SIL OFL 1.1 - Free for commercial use
Style: Outline
Tags: line chart

The Line 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/304810.svg" alt="Line Chart icon" width="24" height="24">

React JSX

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

Vue template

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

CSS background

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

SVG markup

<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72 56"><title>line-chart</title><g id="Layer_5" data-name="Layer 5"><path d="M60,48.92c0,1-.26,1.81-1.5,1.81H14.26A2.27,2.27,0,0,1,12,48.47V6.78c0-1.25.81-1.51,1.81-1.51s1.8.26,1.8,1.51V44.86a2.27,2.27,0,0,0,2.26,2.26H58.5C59.74,47.12,60,47.93,60,48.92Z"/><path d="M55.78,20.72c.52.33.9.1.85-.52l-.88-9.61a.81.81,0,0,0-1.15-.72l-9,3.38c-.58.22-.62.66-.1,1l1.68,1a1.1,1.1,0,0,1,.33,1.54L40.64,27.21a1.48,1.48,0,0,1-1.67.53l-10.62-4a1.68,1.68,0,0,0-1.76.47l-6.67,8.07a3.68,3.68,0,0,0-.72,2l0,6.59c0,.62.32.74.72.27l8.59-10a1.71,1.71,0,0,1,1.78-.45L41,34.71a1.48,1.48,0,0,0,1.67-.53L52.2,19.8a1.17,1.17,0,0,1,1.57-.34Z"/></g></svg>