Text a bar icon: free SVG in 5 styles

Text a bar in five styles

Linear
Line Duotone
Outline
Bold
Bold Duotone

Linear at 16, 20, 24 and 32px

16px
20px
24px
32px

Get the SVG

The command prints the file exactly as Bloom ships it. Set --style to line-duotone, outline, bold or bold-duotone for the other styles. The same files are in the npm package under dist/ and on this site under svg/.

npx -y bloom-icons get text-a-bar --style linear

Lineardist/linear/text-a-bar.svgsvg/linear/text-a-bar.svg
Line Duotonedist/line-duotone/text-a-bar.svgsvg/line-duotone/text-a-bar.svg
Outlinedist/outline/text-a-bar.svgsvg/outline/text-a-bar.svg
Bolddist/bold/text-a-bar.svgsvg/bold/text-a-bar.svg
Bold Duotonedist/bold-duotone/text-a-bar.svgsvg/bold-duotone/text-a-bar.svg

dist/linear/text-a-bar.svg

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
  <path d="M8.584 15.75L12 3L15.416 15.75"/>
  <path d="M9.789 11.25H14.211"/>
  <path d="M5.25 18.75L18.75 18.75C19.457 18.75 19.811 18.75 20.03 18.97C20.25 19.189 20.25 19.543 20.25 20.25C20.25 20.957 20.25 21.311 20.03 21.53C19.811 21.75 19.457 21.75 18.75 21.75L5.25 21.75C4.543 21.75 4.189 21.75 3.97 21.53C3.75 21.311 3.75 20.957 3.75 20.25C3.75 19.543 3.75 19.189 3.97 18.97C4.189 18.75 4.543 18.75 5.25 18.75Z"/>
</svg>

Text a bar in five styles

Linear at 16, 20, 24 and 32px

Get the SVG

More in Text Formatting