strikethrough icon
strikethrough from BoxIcons v2 by Boxicons · Regular · MIT Free for personal and commercial use.
- Name
- strikethrough
- Set
- BoxIcons v2
- Style
- Regular
- Viewbox
- 24×24
- License
- MIT
- Aliases
- bx-strikethrough
The same icon in other sets
strikethrough-outlinedAnt Design IconsstrikethroughCodiconsstrikethroughFramework7 IconsstrikethroughFont Awesome 6 SolidstrikethroughFont Awesome SolidstrikethroughHeroIconsstrikethroughHuge IconsstrikethroughIconParkstrikethroughIconPark OutlinestrikethroughIconoirstrikethroughJam IconsstrikethroughLine AwesomestrikethroughLucidestrikethrough-fillMingCute Iconstrikethrough-16OcticonsstrikethroughRadix IconsstrikethroughRemix IconstrikethroughTabler Iconsstrikethrough-outlineTeenyicons
Use the strikethrough icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M20 11h-8c-4 0-4-1.816-4-2.5C8 7.882 8 6 12 6c2.8 0 2.99 1.678 3 2.014L16 8h1c0-1.384-1.045-4-5-4c-5.416 0-6 3.147-6 4.5c0 .728.148 1.667.736 2.5H4v2h16zm-8 7c-3.793 0-3.99-1.815-4-2H6c0 .04.069 4 6 4c5.221 0 6-2.819 6-4.5c0-.146-.009-.317-.028-.5h-2.006c.032.2.034.376.034.5c0 .684 0 2.5-4 2.5"/></svg>
React
import type { SVGProps } from "react";
export function BxStrikethrough(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M20 11h-8c-4 0-4-1.816-4-2.5C8 7.882 8 6 12 6c2.8 0 2.99 1.678 3 2.014L16 8h1c0-1.384-1.045-4-5-4c-5.416 0-6 3.147-6 4.5c0 .728.148 1.667.736 2.5H4v2h16zm-8 7c-3.793 0-3.99-1.815-4-2H6c0 .04.069 4 6 4c5.221 0 6-2.819 6-4.5c0-.146-.009-.317-.028-.5h-2.006c.032.2.034.376.034.5c0 .684 0 2.5-4 2.5"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M20 11h-8c-4 0-4-1.816-4-2.5C8 7.882 8 6 12 6c2.8 0 2.99 1.678 3 2.014L16 8h1c0-1.384-1.045-4-5-4c-5.416 0-6 3.147-6 4.5c0 .728.148 1.667.736 2.5H4v2h16zm-8 7c-3.793 0-3.99-1.815-4-2H6c0 .04.069 4 6 4c5.221 0 6-2.819 6-4.5c0-.146-.009-.317-.028-.5h-2.006c.032.2.034.376.034.5c0 .684 0 2.5-4 2.5"/></svg> </template>
CSS
.icon-strikethrough {
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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M20%2011h-8c-4%200-4-1.816-4-2.5C8%207.882%208%206%2012%206c2.8%200%202.99%201.678%203%202.014L16%208h1c0-1.384-1.045-4-5-4c-5.416%200-6%203.147-6%204.5c0%20.728.148%201.667.736%202.5H4v2h16zm-8%207c-3.793%200-3.99-1.815-4-2H6c0%20.04.069%204%206%204c5.221%200%206-2.819%206-4.5c0-.146-.009-.317-.028-.5h-2.006c.032.2.034.376.034.5c0%20.684%200%202.5-4%202.5%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M20%2011h-8c-4%200-4-1.816-4-2.5C8%207.882%208%206%2012%206c2.8%200%202.99%201.678%203%202.014L16%208h1c0-1.384-1.045-4-5-4c-5.416%200-6%203.147-6%204.5c0%20.728.148%201.667.736%202.5H4v2h16zm-8%207c-3.793%200-3.99-1.815-4-2H6c0%20.04.069%204%206%204c5.221%200%206-2.819%206-4.5c0-.146-.009-.317-.028-.5h-2.006c.032.2.034.376.034.5c0%20.684%200%202.5-4%202.5%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/bx/strikethrough.svg?color=%231a73e8&size=48
