Chart Down Icon
Free SVG icon from the Mage Icons collection. Download or copy for use in any project.
The Chart Down 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/310602.svg" alt="Chart Down icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/310602.svg" alt="Chart Down icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/310602.svg" alt="Chart Down icon" :width="24" :height="24" />
CSS background
.icon-chart-down {
background-image: url('https://proicons.com/icon/310602.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="M18.0009 12H19.874C20.4743 12 20.9609 12.4866 20.9609 13.0869V20.1631C20.9609 20.7634 20.4743 21.25 19.874 21.25H18.0009C17.4007 21.25 16.914 20.7634 16.914 20.1631V13.0869C16.914 12.4866 17.4007 12 18.0009 12Z" stroke="black" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"/> <path d="M11.0634 7.375H12.9365C13.5368 7.375 14.0234 7.86161 14.0234 8.46188V20.1631C14.0234 20.7634 13.5368 21.25 12.9365 21.25H11.0634C10.4631 21.25 9.97652 20.7634 9.97652 20.1631V8.46188C9.97652 7.86161 10.4631 7.375 11.0634 7.375Z" stroke="black" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"/> <path d="M4.12595 2.75H5.99908C6.59934 2.75 7.08595 3.23661 7.08595 3.83688V20.1631C7.08595 20.7634 6.59934 21.25 5.99908 21.25H4.12595C3.52569 21.25 3.03908 20.7634 3.03908 20.1631V3.83688C3.03908 3.23661 3.52569 2.75 4.12595 2.75Z" stroke="black" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"/> </svg>
Chart Down in other icon packs
Copied!