Chart Bar Square icon

heroicons-outlinestroke

The Chart Bar Square icon is a clean, adjustable-stroke SVG from the Heroicons (Outline) set (324 icons), drawn by Tailwind Labs and free under the MIT license. Customize its color, stroke width, and size below, then copy it as SVG, JSX, or a React component, or download a PNG. Commonly used for chart, bar, square.

Tags: chart, bar, square

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path stroke-linecap="round" stroke-linejoin="round" d="M7.5 14.25v2.25m3-4.5v4.5m3-6.75v6.75m3-9v9M6 20.25h12A2.25 2.25 0 0 0 20.25 18V6A2.25 2.25 0 0 0 18 3.75H6A2.25 2.25 0 0 0 3.75 6v12A2.25 2.25 0 0 0 6 20.25"/></svg>

Customize

Color

Stroke width · 1.5

Export size · 24px

Background

Animation

Bake color into copied code (otherwise currentColor)

Related Heroicons (Outline) icons

Chart Bar Document Chart Bar Presentation Chart Bar Arrow Down On Square Arrow Down On Square Stack Arrow Path Rounded Square Arrow Top Right On Square Arrow Up On Square Arrow Up On Square Stack Bookmark Square Chart Pie Code Bracket Square

Chart Bar Square in other icon sets

Chart Bar Square