Backspace icon: free SVG in 5 styles

Backspace 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 backspace --style linear

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

dist/linear/backspace.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="M5.432 15.182C3.932 13.682 3.182 12.932 3.182 12C3.182 11.068 3.932 10.318 5.432 8.818L8.122 6.128C8.555 5.695 8.772 5.478 9.048 5.364C9.323 5.25 9.629 5.25 10.242 5.25L15 5.25C17.812 5.25 19.218 5.25 20.204 5.966C20.523 6.197 20.803 6.477 21.034 6.796C21.75 7.782 21.75 9.188 21.75 12C21.75 14.812 21.75 16.218 21.034 17.204C20.803 17.523 20.523 17.803 20.204 18.034C19.218 18.75 17.812 18.75 15 18.75L10.242 18.75C9.629 18.75 9.323 18.75 9.047 18.636C8.772 18.522 8.555 18.305 8.122 17.872Z"/>
  <path d="M12.375 9.75L16.875 14.25"/>
  <path d="M16.875 9.75L12.375 14.25"/>
</svg>

Backspace in five styles

Linear at 16, 20, 24 and 32px

Get the SVG

More in Text Formatting