bar-chart · Huge Icons
Free SVG bar-chart icon from Huge Icons. Rendered at 24×24 in the stroke style and licensed under MIT. Copy directly as SVG, React (JSX), or Vue. Download as SVG or PNG. No login, no attribution required for MIT licensed icons.
Tags
- bar
- chart
Code
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M14 18V6c0-.465 0-.697-.051-.888a1.5 1.5 0 0 0-1.06-1.06C12.697 4 12.464 4 12 4s-.697 0-.888.051a1.5 1.5 0 0 0-1.06 1.06C10 5.304 10 5.536 10 6v12c0 .465 0 .698.051.888a1.5 1.5 0 0 0 1.06 1.06c.191.052.424.052.889.052s.697 0 .888-.051a1.5 1.5 0 0 0 1.06-1.06C14 18.697 14 18.464 14 18m7-10V6c0-.465 0-.697-.051-.888a1.5 1.5 0 0 0-1.06-1.06C19.697 4 19.464 4 19 4s-.698 0-.888.051a1.5 1.5 0 0 0-1.06 1.06C17 5.304 17 5.536 17 6v2c0 .465 0 .697.051.888a1.5 1.5 0 0 0 1.06 1.06c.191.052.424.052.889.052s.698 0 .888-.051a1.5 1.5 0 0 0 1.06-1.06C21 8.696 21 8.464 21 8M7 12V6c0-.465 0-.697-.051-.888a1.5 1.5 0 0 0-1.06-1.06C5.696 4 5.464 4 5 4s-.697 0-.888.051a1.5 1.5 0 0 0-1.06 1.06C3 5.304 3 5.536 3 6v6c0 .465 0 .697.051.888a1.5 1.5 0 0 0 1.06 1.06C4.304 14 4.536 14 5 14s.697 0 .888-.051a1.5 1.5 0 0 0 1.06-1.06C7 12.697 7 12.464 7 12"/></svg>
// Run: npx sant-icons get huge-bar-chart --format react
export function HugeBarChart(props) {
return (
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24" {...props}><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M14 18V6c0-.465 0-.697-.051-.888a1.5 1.5 0 0 0-1.06-1.06C12.697 4 12.464 4 12 4s-.697 0-.888.051a1.5 1.5 0 0 0-1.06 1.06C10 5.304 10 5.536 10 6v12c0 .465 0 .698.051.888a1.5 1.5 0 0 0 1.06 1.06c.191.052.424.052.889.052s.697 0 .888-.051a1.5 1.5 0 0 0 1.06-1.06C14 18.697 14 18.464 14 18m7-10V6c0-.465 0-.697-.051-.888a1.5 1.5 0 0 0-1.06-1.06C19.697 4 19.464 4 19 4s-.698 0-.888.051a1.5 1.5 0 0 0-1.06 1.06C17 5.304 17 5.536 17 6v2c0 .465 0 .697.051.888a1.5 1.5 0 0 0 1.06 1.06c.191.052.424.052.889.052s.698 0 .888-.051a1.5 1.5 0 0 0 1.06-1.06C21 8.696 21 8.464 21 8M7 12V6c0-.465 0-.697-.051-.888a1.5 1.5 0 0 0-1.06-1.06C5.696 4 5.464 4 5 4s-.697 0-.888.051a1.5 1.5 0 0 0-1.06 1.06C3 5.304 3 5.536 3 6v6c0 .465 0 .697.051.888a1.5 1.5 0 0 0 1.06 1.06C4.304 14 4.536 14 5 14s.697 0 .888-.051a1.5 1.5 0 0 0 1.06-1.06C7 12.697 7 12.464 7 12"/></svg>
);
}npx sant-icons get huge-bar-chart
Properties
- Name
- bar-chart
- Library
- Huge Icons
- Style
- stroke
- License
- MIT
- Version
- 1.2.35
- Identifier
- huge-bar-chart
bar-chart in other libraries
Related from Huge Icons
The bar-chart icon ships with Huge Icons, an open-source icon set licensed under MIT. Search for it as "huge icons bar-chart", "bar-chart svg", or any of its tagged terms (bar, chart). The SVG is normalised to a 24×24 viewBox so you can drop it into any UI framework alongside the other icons here without scaling concerns.
Need this icon in your codebase fast? Install the MCP server for Claude Code (or any MCP-aware AI tool) and ask the model to fetch huge-bar-chart directly into your project. No browser context-switch.