backspace icon
backspace from IonIcons by Ben Sperry · Regular · MIT Free for personal and commercial use.
- Name
- backspace
- Set
- IonIcons
- Style
- Regular
- Viewbox
- 512×512
- License
- MIT
2 other variants in IonIcons
The same icon in other sets
backspaceAkar IconsbackspaceBootstrap Iconsbackspace-fillEva IconsbackspaceFont Awesome Solidbackspace-16-filledFluent UI System Iconsbackspacecss.ggbackspaceHeroIconsbackspaceLine AwesomebackspaceMajesticonsbackspaceMaterial SymbolsbackspaceMaterial Symbols LightbackspaceMaterial Design IconsbackspacePhosphorbackspace-boldSolarbackspaceTabler Iconsbackspace-outlineTeenyiconsbackspaceUnicons
Use the backspace icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M403.13 96H156.87a44.9 44.9 0 0 0-33.68 15.27a16 16 0 0 0-1.91 2.7L32 247.75a16 16 0 0 0 0 16.5l89.15 133.57a16.2 16.2 0 0 0 2 2.88a44.9 44.9 0 0 0 33.7 15.3h246.28A44.92 44.92 0 0 0 448 371.13V140.87A44.92 44.92 0 0 0 403.13 96M348 311a16 16 0 1 1-22.63 22.62L271.67 280L218 333.65A16 16 0 0 1 195.35 311L249 257.33l-53.69-53.69A16 16 0 0 1 218 181l53.69 53.7l53.67-53.7A16 16 0 0 1 348 203.64l-53.7 53.69Z"/></svg>
React
import type { SVGProps } from "react";
export function IonBackspace(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M403.13 96H156.87a44.9 44.9 0 0 0-33.68 15.27a16 16 0 0 0-1.91 2.7L32 247.75a16 16 0 0 0 0 16.5l89.15 133.57a16.2 16.2 0 0 0 2 2.88a44.9 44.9 0 0 0 33.7 15.3h246.28A44.92 44.92 0 0 0 448 371.13V140.87A44.92 44.92 0 0 0 403.13 96M348 311a16 16 0 1 1-22.63 22.62L271.67 280L218 333.65A16 16 0 0 1 195.35 311L249 257.33l-53.69-53.69A16 16 0 0 1 218 181l53.69 53.7l53.67-53.7A16 16 0 0 1 348 203.64l-53.7 53.69Z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M403.13 96H156.87a44.9 44.9 0 0 0-33.68 15.27a16 16 0 0 0-1.91 2.7L32 247.75a16 16 0 0 0 0 16.5l89.15 133.57a16.2 16.2 0 0 0 2 2.88a44.9 44.9 0 0 0 33.7 15.3h246.28A44.92 44.92 0 0 0 448 371.13V140.87A44.92 44.92 0 0 0 403.13 96M348 311a16 16 0 1 1-22.63 22.62L271.67 280L218 333.65A16 16 0 0 1 195.35 311L249 257.33l-53.69-53.69A16 16 0 0 1 218 181l53.69 53.7l53.67-53.7A16 16 0 0 1 348 203.64l-53.7 53.69Z"/></svg> </template>
CSS
.icon-backspace {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M403.13%2096H156.87a44.9%2044.9%200%200%200-33.68%2015.27a16%2016%200%200%200-1.91%202.7L32%20247.75a16%2016%200%200%200%200%2016.5l89.15%20133.57a16.2%2016.2%200%200%200%202%202.88a44.9%2044.9%200%200%200%2033.7%2015.3h246.28A44.92%2044.92%200%200%200%20448%20371.13V140.87A44.92%2044.92%200%200%200%20403.13%2096M348%20311a16%2016%200%201%201-22.63%2022.62L271.67%20280L218%20333.65A16%2016%200%200%201%20195.35%20311L249%20257.33l-53.69-53.69A16%2016%200%200%201%20218%20181l53.69%2053.7l53.67-53.7A16%2016%200%200%201%20348%20203.64l-53.7%2053.69Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M403.13%2096H156.87a44.9%2044.9%200%200%200-33.68%2015.27a16%2016%200%200%200-1.91%202.7L32%20247.75a16%2016%200%200%200%200%2016.5l89.15%20133.57a16.2%2016.2%200%200%200%202%202.88a44.9%2044.9%200%200%200%2033.7%2015.3h246.28A44.92%2044.92%200%200%200%20448%20371.13V140.87A44.92%2044.92%200%200%200%20403.13%2096M348%20311a16%2016%200%201%201-22.63%2022.62L271.67%20280L218%20333.65A16%2016%200%200%201%20195.35%20311L249%20257.33l-53.69-53.69A16%2016%200%200%201%20218%20181l53.69%2053.7l53.67-53.7A16%2016%200%200%201%20348%20203.64l-53.7%2053.69Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ion/backspace.svg?color=%231a73e8&size=48
