Graph Icon
Free SVG icon from the VS Code Codicons collection. Download or copy for use in any project.
The Graph icon is commonly used in analytics dashboards, statistics pages and reporting tools. Available as a free SVG - copy the code or download directly.
img tag
<img src="https://proicons.com/icon/307216.svg" alt="Graph icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/307216.svg" alt="Graph icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/307216.svg" alt="Graph icon" :width="24" :height="24" />
CSS background
.icon-graph {
background-image: url('https://proicons.com/icon/307216.svg');
background-size: contain;
background-repeat: no-repeat;
width: 24px;
height: 24px;
display: inline-block;
}
SVG markup
<svg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path fill-rule="evenodd" clip-rule="evenodd" d="M12.25 15L13.75 15C14.439 15 15 14.439 15 13.75L15 2.25C15 1.561 14.439 1 13.75 1L12.25 1C11.561 1 11 1.561 11 2.25L11 13.75C11 14.439 11.561 15 12.25 15ZM12 2.25C12 2.112 12.112 2 12.25 2L13.75 2C13.888 2 14 2.112 14 2.25L14 13.75C14 13.888 13.888 14 13.75 14L12.25 14C12.112 14 12 13.888 12 13.75L12 2.25Z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M8.75 15L7.25 15C6.561 15 6 14.439 6 13.75L6 6.25C6 5.561 6.561 5 7.25 5L8.75 5C9.439 5 10 5.561 10 6.25L10 13.75C10 14.439 9.439 15 8.75 15ZM7.25 6C7.112 6 7 6.112 7 6.25L7 13.75C7 13.888 7.112 14 7.25 14L8.75 14C8.888 14 9 13.888 9 13.75L9 6.25C9 6.112 8.888 6 8.75 6L7.25 6Z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M3.75 15L2.25 15C1.561 15 1 14.439 1 13.75L1 8.25C1 7.561 1.561 7 2.25 7L3.75 7C4.439 7 5 7.561 5 8.25L5 13.75C5 14.439 4.439 15 3.75 15ZM2.25 8C2.112 8 2 8.112 2 8.25L2 13.75C2 13.888 2.112 14 2.25 14L3.75 14C3.888 14 4 13.888 4 13.75L4 8.25C4 8.112 3.888 8 3.75 8L2.25 8Z"/></svg>
More from VS Code Codicons
View all
Copied!