Chart Icon
Free SVG icon from the Mage Icons collection. Download or copy for use in any project.
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/310042.svg" alt="Chart icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/310042.svg" alt="Chart icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/310042.svg" alt="Chart icon" :width="24" :height="24" />
CSS background
.icon-chart {
background-image: url('https://proicons.com/icon/310042.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="M7.75492 13.38V20.21C7.75492 20.6184 7.59267 21.0101 7.30387 21.2989C7.01506 21.5877 6.62337 21.75 6.21494 21.75H4.40494C4.20186 21.7513 4.00053 21.7124 3.81253 21.6356C3.62454 21.5588 3.45361 21.4456 3.30954 21.3025C3.16548 21.1593 3.05113 20.9891 2.97312 20.8016C2.8951 20.6141 2.85495 20.4131 2.85495 20.21V13.38C2.85362 13.1761 2.89276 12.9739 2.97019 12.7852C3.04761 12.5966 3.16174 12.4252 3.30594 12.281C3.45014 12.1368 3.62156 12.0227 3.81021 11.9453C3.99887 11.8678 4.20102 11.8287 4.40494 11.83H6.21494C6.41802 11.83 6.61906 11.8701 6.80655 11.9482C6.99405 12.0262 7.16427 12.1405 7.30741 12.2846C7.45054 12.4286 7.5638 12.5996 7.6406 12.7876C7.7174 12.9756 7.75623 13.1769 7.75492 13.38Z" fill="black"/> <path d="M14.4551 3.8V20.21C14.4551 20.4131 14.4149 20.6142 14.3369 20.8017C14.2589 20.9891 14.1446 21.1594 14.0005 21.3025C13.8564 21.4456 13.6855 21.5588 13.4975 21.6357C13.3095 21.7125 13.1082 21.7513 12.9051 21.75H11.0951C10.6857 21.75 10.293 21.5881 10.0026 21.2996C9.71217 21.011 9.54775 20.6193 9.5451 20.21V3.8C9.54773 3.38973 9.71184 2.99699 10.002 2.70688C10.2921 2.41676 10.6848 2.25262 11.0951 2.25H12.9051C13.3162 2.25 13.7104 2.4133 14.0011 2.70398C14.2918 2.99466 14.4551 3.38892 14.4551 3.8Z" fill="black"/> <path d="M21.1451 8.97993V20.2099C21.1451 20.6184 20.9828 21.0101 20.694 21.2989C20.4052 21.5877 20.0135 21.7499 19.6051 21.7499H17.7951C17.592 21.7513 17.3907 21.7124 17.2027 21.6356C17.0147 21.5588 16.8437 21.4456 16.6996 21.3024C16.5556 21.1593 16.4413 20.9891 16.3633 20.8016C16.2853 20.6141 16.2451 20.413 16.2451 20.2099V8.97993C16.2451 8.56885 16.4084 8.17461 16.699 7.88393C16.9897 7.59324 17.384 7.42993 17.7951 7.42993H19.6451C20.0474 7.44292 20.429 7.61194 20.7089 7.90123C20.9889 8.19052 21.1453 8.57737 21.1451 8.97993Z" fill="black"/> </svg>
Chart in other icon packs
Copied!