strikethrough icon

strikethrough-16-solid from HeroIcons by Refactoring UI Inc · Solid 16x16 · MIT Free for personal and commercial use.

Name
strikethrough-16-solid
Set
HeroIcons
Style
Solid 16x16
Viewbox
16×16
License
MIT

3 other variants in HeroIcons

The same icon in other sets

Use the strikethrough icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M9.165 3.654c-.95-.255-1.921-.273-2.693-.042c-.769.231-1.087.624-1.173.947s-.008.822.543 1.407c.389.412.927.77 1.55 1.034H13a.75.75 0 0 1 0 1.5H3A.75.75 0 0 1 3 7h1.756l-.006-.006c-.787-.835-1.161-1.849-.9-2.823c.26-.975 1.092-1.666 2.191-1.995c1.097-.33 2.36-.28 3.512.029c.75.2 1.478.518 2.11.939a.75.75 0 0 1-.833 1.248a5.7 5.7 0 0 0-1.665-.738m2.074 6.365a.75.75 0 0 1 .91.543a2.44 2.44 0 0 1-.35 2.024c-.405.585-1.052 1.003-1.84 1.24c-1.098.329-2.36.279-3.512-.03c-1.152-.308-2.27-.897-3.056-1.73a.75.75 0 0 1 1.092-1.029c.552.586 1.403 1.056 2.352 1.31c.95.255 1.92.273 2.692.042c.55-.165.873-.417 1.038-.656a.94.94 0 0 0 .13-.803a.75.75 0 0 1 .544-.91" clip-rule="evenodd"/></svg>

React

import type { SVGProps } from "react";

export function HeroiconsStrikethrough16Solid(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" fillRule="evenodd" d="M9.165 3.654c-.95-.255-1.921-.273-2.693-.042c-.769.231-1.087.624-1.173.947s-.008.822.543 1.407c.389.412.927.77 1.55 1.034H13a.75.75 0 0 1 0 1.5H3A.75.75 0 0 1 3 7h1.756l-.006-.006c-.787-.835-1.161-1.849-.9-2.823c.26-.975 1.092-1.666 2.191-1.995c1.097-.33 2.36-.28 3.512.029c.75.2 1.478.518 2.11.939a.75.75 0 0 1-.833 1.248a5.7 5.7 0 0 0-1.665-.738m2.074 6.365a.75.75 0 0 1 .91.543a2.44 2.44 0 0 1-.35 2.024c-.405.585-1.052 1.003-1.84 1.24c-1.098.329-2.36.279-3.512-.03c-1.152-.308-2.27-.897-3.056-1.73a.75.75 0 0 1 1.092-1.029c.552.586 1.403 1.056 2.352 1.31c.95.255 1.92.273 2.692.042c.55-.165.873-.417 1.038-.656a.94.94 0 0 0 .13-.803a.75.75 0 0 1 .544-.91" clipRule="evenodd"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M9.165 3.654c-.95-.255-1.921-.273-2.693-.042c-.769.231-1.087.624-1.173.947s-.008.822.543 1.407c.389.412.927.77 1.55 1.034H13a.75.75 0 0 1 0 1.5H3A.75.75 0 0 1 3 7h1.756l-.006-.006c-.787-.835-1.161-1.849-.9-2.823c.26-.975 1.092-1.666 2.191-1.995c1.097-.33 2.36-.28 3.512.029c.75.2 1.478.518 2.11.939a.75.75 0 0 1-.833 1.248a5.7 5.7 0 0 0-1.665-.738m2.074 6.365a.75.75 0 0 1 .91.543a2.44 2.44 0 0 1-.35 2.024c-.405.585-1.052 1.003-1.84 1.24c-1.098.329-2.36.279-3.512-.03c-1.152-.308-2.27-.897-3.056-1.73a.75.75 0 0 1 1.092-1.029c.552.586 1.403 1.056 2.352 1.31c.95.255 1.92.273 2.692.042c.55-.165.873-.417 1.038-.656a.94.94 0 0 0 .13-.803a.75.75 0 0 1 .544-.91" clip-rule="evenodd"/></svg>
</template>

CSS

.icon-strikethrough-16-solid {
  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%2016%2016%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M9.165%203.654c-.95-.255-1.921-.273-2.693-.042c-.769.231-1.087.624-1.173.947s-.008.822.543%201.407c.389.412.927.77%201.55%201.034H13a.75.75%200%200%201%200%201.5H3A.75.75%200%200%201%203%207h1.756l-.006-.006c-.787-.835-1.161-1.849-.9-2.823c.26-.975%201.092-1.666%202.191-1.995c1.097-.33%202.36-.28%203.512.029c.75.2%201.478.518%202.11.939a.75.75%200%200%201-.833%201.248a5.7%205.7%200%200%200-1.665-.738m2.074%206.365a.75.75%200%200%201%20.91.543a2.44%202.44%200%200%201-.35%202.024c-.405.585-1.052%201.003-1.84%201.24c-1.098.329-2.36.279-3.512-.03c-1.152-.308-2.27-.897-3.056-1.73a.75.75%200%200%201%201.092-1.029c.552.586%201.403%201.056%202.352%201.31c.95.255%201.92.273%202.692.042c.55-.165.873-.417%201.038-.656a.94.94%200%200%200%20.13-.803a.75.75%200%200%201%20.544-.91%22%20clip-rule%3D%22evenodd%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%2016%2016%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M9.165%203.654c-.95-.255-1.921-.273-2.693-.042c-.769.231-1.087.624-1.173.947s-.008.822.543%201.407c.389.412.927.77%201.55%201.034H13a.75.75%200%200%201%200%201.5H3A.75.75%200%200%201%203%207h1.756l-.006-.006c-.787-.835-1.161-1.849-.9-2.823c.26-.975%201.092-1.666%202.191-1.995c1.097-.33%202.36-.28%203.512.029c.75.2%201.478.518%202.11.939a.75.75%200%200%201-.833%201.248a5.7%205.7%200%200%200-1.665-.738m2.074%206.365a.75.75%200%200%201%20.91.543a2.44%202.44%200%200%201-.35%202.024c-.405.585-1.052%201.003-1.84%201.24c-1.098.329-2.36.279-3.512-.03c-1.152-.308-2.27-.897-3.056-1.73a.75.75%200%200%201%201.092-1.029c.552.586%201.403%201.056%202.352%201.31c.95.255%201.92.273%202.692.042c.55-.165.873-.417%201.038-.656a.94.94%200%200%200%20.13-.803a.75.75%200%200%201%20.544-.91%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/heroicons/strikethrough-16-solid.svg?color=%231a73e8&size=48