Rectangle text cursor icon: free SVG in 5 styles

Rectangle text cursor 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 rectangle-text-cursor --style linear

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

dist/linear/rectangle-text-cursor.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="M6.75 6.75L17.25 6.75C19.371 6.75 20.432 6.75 21.091 7.409C21.75 8.068 21.75 9.129 21.75 11.25L21.75 12.75C21.75 14.871 21.75 15.932 21.091 16.591C20.432 17.25 19.371 17.25 17.25 17.25L6.75 17.25C4.629 17.25 3.568 17.25 2.909 16.591C2.25 15.932 2.25 14.871 2.25 12.75L2.25 11.25C2.25 9.129 2.25 8.068 2.909 7.409C3.568 6.75 4.629 6.75 6.75 6.75Z"/>
  <path d="M8.25 9.75V14.25M6.75 9.75H9.75M6.75 14.25H9.75"/>
</svg>

Rectangle text cursor in five styles

Linear at 16, 20, 24 and 32px

Get the SVG

More in Text Formatting