Chart Up Icon
Free SVG icon from the Mage Icons collection. Download or copy for use in any project.
The Chart Up 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/310604.svg" alt="Chart Up icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/310604.svg" alt="Chart Up icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/310604.svg" alt="Chart Up icon" :width="24" :height="24" />
CSS background
.icon-chart-up {
background-image: url('https://proicons.com/icon/310604.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="M5.99906 12H4.12594C3.52567 12 3.03906 12.4866 3.03906 13.0869V20.1631C3.03906 20.7634 3.52567 21.25 4.12594 21.25H5.99906C6.59933 21.25 7.08594 20.7634 7.08594 20.1631V13.0869C7.08594 12.4866 6.59933 12 5.99906 12Z" stroke="black" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"/> <path d="M12.9366 7.375H11.0635C10.4632 7.375 9.97662 7.86161 9.97662 8.46188V20.1631C9.97662 20.7634 10.4632 21.25 11.0635 21.25H12.9366C13.5369 21.25 14.0235 20.7634 14.0235 20.1631V8.46188C14.0235 7.86161 13.5369 7.375 12.9366 7.375Z" stroke="black" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"/> <path d="M19.8741 2.75H18.0009C17.4007 2.75 16.9141 3.23661 16.9141 3.83688V20.1631C16.9141 20.7634 17.4007 21.25 18.0009 21.25H19.8741C20.4743 21.25 20.9609 20.7634 20.9609 20.1631V3.83688C20.9609 3.23661 20.4743 2.75 19.8741 2.75Z" stroke="black" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"/> </svg>
Chart Up in other icon packs
Copied!