Chart Vertical Icon
Free SVG icon from the Mage Icons collection. Download or copy for use in any project.
The Chart Vertical 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/310041.svg" alt="Chart Vertical icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/310041.svg" alt="Chart Vertical icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/310041.svg" alt="Chart Vertical icon" :width="24" :height="24" />
CSS background
.icon-chart-vertical {
background-image: url('https://proicons.com/icon/310041.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="M12.6851 3.06494H7.17508C6.33561 3.06494 5.65512 3.74547 5.65512 4.58494V6.35494C5.65512 7.19442 6.33561 7.87494 7.17508 7.87494H12.6851C13.5246 7.87494 14.2051 7.19442 14.2051 6.35494V4.58494C14.2051 3.74547 13.5246 3.06494 12.6851 3.06494Z" fill="black"/> <path d="M21.8251 11.115V12.885C21.8225 13.289 21.6601 13.6756 21.3734 13.9604C21.0868 14.2452 20.6991 14.405 20.2951 14.405H7.17508C6.77195 14.405 6.38537 14.2448 6.10031 13.9598C5.81526 13.6747 5.65512 13.2881 5.65512 12.885V11.115C5.65512 10.7118 5.81526 10.3252 6.10031 10.0402C6.38537 9.75512 6.77195 9.59497 7.17508 9.59497H20.2951C20.6991 9.59496 21.0868 9.75479 21.3734 10.0396C21.6601 10.3243 21.8225 10.7109 21.8251 11.115Z" fill="black"/> <path d="M18.5049 17.645V19.415C18.5023 19.819 18.3399 20.2056 18.0533 20.4904C17.7666 20.7752 17.3789 20.935 16.9749 20.935H7.19492C6.79179 20.935 6.40514 20.7748 6.12009 20.4898C5.83503 20.2047 5.6749 19.8181 5.6749 19.415V17.645C5.6749 17.2419 5.83503 16.8552 6.12009 16.5702C6.40514 16.2851 6.79179 16.125 7.19492 16.125H16.9749C17.3789 16.125 17.7666 16.2848 18.0533 16.5696C18.3399 16.8544 18.5023 17.2409 18.5049 17.645Z" fill="black"/> <path d="M2.82492 21.355C2.65253 21.355 2.48716 21.2865 2.36526 21.1646C2.24337 21.0427 2.1749 20.8774 2.1749 20.705V3.29503C2.1749 3.12264 2.24337 2.9573 2.36526 2.8354C2.48716 2.7135 2.65253 2.64502 2.82492 2.64502C2.99731 2.64502 3.16262 2.7135 3.28452 2.8354C3.40641 2.9573 3.47488 3.12264 3.47488 3.29503V20.705C3.47488 20.8774 3.40641 21.0427 3.28452 21.1646C3.16262 21.2865 2.99731 21.355 2.82492 21.355Z" fill="black"/> </svg>
More from Mage Icons
View all
Copied!