Skip to content
Cuelark UI

Hover the icon or press Play. Suggested motion: pop. Pick another to preview it and update the animated code:

VS Code Icons · VscStrikethrough

Strikethrough icon

A free strikethrough icon from VS Code Icons, ready for React. Use it static or animated: both versions are below, copy-paste or one shadcn command away. Sized in em and colored by currentColor.

License
CC BY 4.0 license
Project
github.com
Download SVG
Install with shadcn
npx shadcn@latest add https://ui.cuelark.com/r/icons/vscode-codicons/strikethrough.json
components/icons/vscode-codicons-strikethrough.tsx
import * as React from "react";

/**
 * Strikethrough from VS Code Icons (https://github.com/microsoft/vscode-codicons), CC BY 4.0.
 * Via Cuelark UI: ui.cuelark.com/icons/vscode-codicons/strikethrough. Sized in em, colored by currentColor.
 */
export function VscStrikethroughIcon(props: React.SVGProps<SVGSVGElement>) {
  return (
    <svg
      aria-hidden="true"
      viewBox="0 0 16 16"
      stroke="currentColor"
      fill="currentColor"
      strokeWidth="0"
      width="1em"
      height="1em"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M5 5.1C5 4.5456 5.29153 4.03507 5.83988 3.6449C6.39218 3.25191 7.18666 3 8.1 3C9.39792 3 10.4839 3.56064 10.8629 4.24282C10.997 4.48421 11.3014 4.57119 11.5428 4.43708C11.7842 4.30297 11.8712 3.99857 11.7371 3.75718C11.1161 2.63936 9.60209 2 8.1 2C7.01334 2 6.00782 2.29809 5.26012 2.8301C4.50847 3.36493 4 4.1544 4 5.1C4 5.8196 4.30015 6.47451 4.78915 7H6.51156C5.55248 6.59331 5 5.83014 5 5.1ZM13.5 8C13.7761 8 14 8.22386 14 8.5C14 8.77614 13.7761 9 13.5 9H11.1582C11.6751 9.50409 12 10.1489 12 10.9C12 11.8018 11.4854 12.5876 10.745 13.1287C10.0019 13.6717 8.99641 14 7.9 14C6.27633 14 4.89849 13.3491 4.18397 12.2774C4.0308 12.0476 4.09289 11.7372 4.32265 11.584C4.55241 11.4308 4.86285 11.4929 5.01603 11.7226C5.50151 12.4509 6.52367 13 7.9 13C8.80359 13 9.5981 12.7283 10.155 12.3213C10.7146 11.9124 11 11.3982 11 10.9C11 10.1248 10.3695 9.37447 9.22269 9H2.5C2.22386 9 2 8.77614 2 8.5C2 8.22386 2.22386 8 2.5 8H13.5Z"
      />
    </svg>
  );
}
With react-icons
import { VscStrikethrough } from "react-icons/vsc";

export function Example() {
  return <VscStrikethrough className="size-5" />;
}
strikethrough.svg
<svg
  viewBox="0 0 16 16"
  stroke="currentColor"
  fill="currentColor"
  stroke-width="0"
  width="1em"
  height="1em"
  xmlns="http://www.w3.org/2000/svg"
>
  <path
    d="M5 5.1C5 4.5456 5.29153 4.03507 5.83988 3.6449C6.39218 3.25191 7.18666 3 8.1 3C9.39792 3 10.4839 3.56064 10.8629 4.24282C10.997 4.48421 11.3014 4.57119 11.5428 4.43708C11.7842 4.30297 11.8712 3.99857 11.7371 3.75718C11.1161 2.63936 9.60209 2 8.1 2C7.01334 2 6.00782 2.29809 5.26012 2.8301C4.50847 3.36493 4 4.1544 4 5.1C4 5.8196 4.30015 6.47451 4.78915 7H6.51156C5.55248 6.59331 5 5.83014 5 5.1ZM13.5 8C13.7761 8 14 8.22386 14 8.5C14 8.77614 13.7761 9 13.5 9H11.1582C11.6751 9.50409 12 10.1489 12 10.9C12 11.8018 11.4854 12.5876 10.745 13.1287C10.0019 13.6717 8.99641 14 7.9 14C6.27633 14 4.89849 13.3491 4.18397 12.2774C4.0308 12.0476 4.09289 11.7372 4.32265 11.584C4.55241 11.4308 4.86285 11.4929 5.01603 11.7226C5.50151 12.4509 6.52367 13 7.9 13C8.80359 13 9.5981 12.7283 10.155 12.3213C10.7146 11.9124 11 11.3982 11 10.9C11 10.1248 10.3695 9.37447 9.22269 9H2.5C2.22386 9 2 8.77614 2 8.5C2 8.22386 2.22386 8 2.5 8H13.5Z"
  />
</svg>
Attribution
"Strikethrough" icon from VS Code Icons (https://github.com/microsoft/vscode-codicons), licensed under CC BY 4.0 license.

Strikethrough icon in other sets