text strikethrough icon

text-strikethrough-20-filled from Fluent UI System Icons by Microsoft Corporation · 20 Filled · MIT Free for personal and commercial use.

Name
text-strikethrough-20-filled
Set
Fluent UI System Icons
Style
20 Filled
Viewbox
20×20
License
MIT
Aliases
text-strikethrough-s-20-filled

5 other variants in Fluent UI System Icons

The same icon in other sets

Related icons in Fluent UI System Icons

Use the text strikethrough icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 20 20"><path fill="currentColor" d="M6.252 3.702A6.56 6.56 0 0 1 10 2.5c2.783 0 4.489 1.485 5.1 2.3a.75.75 0 0 1-1.2.9C13.511 5.182 12.217 4 10 4a5.06 5.06 0 0 0-2.877.923C6.331 5.489 6 6.105 6 6.5c0 .78.376 1.285 1.11 1.71q.271.156.586.29H5.162c-.408-.523-.662-1.178-.662-2c0-1.105.794-2.114 1.752-2.798M16.5 10a.75.75 0 0 1 0 1.5h-1.662c.408.523.662 1.178.662 2c0 1.358-.874 2.376-1.912 3.014c-1.042.641-2.367.986-3.588.986c-1.142 0-2.133-.129-2.992-.498c-.877-.378-1.563-.982-2.132-1.836a.75.75 0 1 1 1.248-.832c.43.646.901 1.042 1.477 1.29c.594.255 1.354.376 2.4.376c.966 0 2.015-.28 2.801-.764C13.593 14.75 14 14.142 14 13.5c0-.78-.376-1.285-1.11-1.71q-.271-.156-.586-.29H3.5a.75.75 0 0 1 0-1.5z"/></svg>

React

import type { SVGProps } from "react";

export function FluentTextStrikethrough20Filled(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 20 20"><path fill="currentColor" d="M6.252 3.702A6.56 6.56 0 0 1 10 2.5c2.783 0 4.489 1.485 5.1 2.3a.75.75 0 0 1-1.2.9C13.511 5.182 12.217 4 10 4a5.06 5.06 0 0 0-2.877.923C6.331 5.489 6 6.105 6 6.5c0 .78.376 1.285 1.11 1.71q.271.156.586.29H5.162c-.408-.523-.662-1.178-.662-2c0-1.105.794-2.114 1.752-2.798M16.5 10a.75.75 0 0 1 0 1.5h-1.662c.408.523.662 1.178.662 2c0 1.358-.874 2.376-1.912 3.014c-1.042.641-2.367.986-3.588.986c-1.142 0-2.133-.129-2.992-.498c-.877-.378-1.563-.982-2.132-1.836a.75.75 0 1 1 1.248-.832c.43.646.901 1.042 1.477 1.29c.594.255 1.354.376 2.4.376c.966 0 2.015-.28 2.801-.764C13.593 14.75 14 14.142 14 13.5c0-.78-.376-1.285-1.11-1.71q-.271-.156-.586-.29H3.5a.75.75 0 0 1 0-1.5z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 20 20"><path fill="currentColor" d="M6.252 3.702A6.56 6.56 0 0 1 10 2.5c2.783 0 4.489 1.485 5.1 2.3a.75.75 0 0 1-1.2.9C13.511 5.182 12.217 4 10 4a5.06 5.06 0 0 0-2.877.923C6.331 5.489 6 6.105 6 6.5c0 .78.376 1.285 1.11 1.71q.271.156.586.29H5.162c-.408-.523-.662-1.178-.662-2c0-1.105.794-2.114 1.752-2.798M16.5 10a.75.75 0 0 1 0 1.5h-1.662c.408.523.662 1.178.662 2c0 1.358-.874 2.376-1.912 3.014c-1.042.641-2.367.986-3.588.986c-1.142 0-2.133-.129-2.992-.498c-.877-.378-1.563-.982-2.132-1.836a.75.75 0 1 1 1.248-.832c.43.646.901 1.042 1.477 1.29c.594.255 1.354.376 2.4.376c.966 0 2.015-.28 2.801-.764C13.593 14.75 14 14.142 14 13.5c0-.78-.376-1.285-1.11-1.71q-.271-.156-.586-.29H3.5a.75.75 0 0 1 0-1.5z"/></svg>
</template>

CSS

.icon-text-strikethrough-20-filled {
  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%2020%2020%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M6.252%203.702A6.56%206.56%200%200%201%2010%202.5c2.783%200%204.489%201.485%205.1%202.3a.75.75%200%200%201-1.2.9C13.511%205.182%2012.217%204%2010%204a5.06%205.06%200%200%200-2.877.923C6.331%205.489%206%206.105%206%206.5c0%20.78.376%201.285%201.11%201.71q.271.156.586.29H5.162c-.408-.523-.662-1.178-.662-2c0-1.105.794-2.114%201.752-2.798M16.5%2010a.75.75%200%200%201%200%201.5h-1.662c.408.523.662%201.178.662%202c0%201.358-.874%202.376-1.912%203.014c-1.042.641-2.367.986-3.588.986c-1.142%200-2.133-.129-2.992-.498c-.877-.378-1.563-.982-2.132-1.836a.75.75%200%201%201%201.248-.832c.43.646.901%201.042%201.477%201.29c.594.255%201.354.376%202.4.376c.966%200%202.015-.28%202.801-.764C13.593%2014.75%2014%2014.142%2014%2013.5c0-.78-.376-1.285-1.11-1.71q-.271-.156-.586-.29H3.5a.75.75%200%200%201%200-1.5z%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%2020%2020%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M6.252%203.702A6.56%206.56%200%200%201%2010%202.5c2.783%200%204.489%201.485%205.1%202.3a.75.75%200%200%201-1.2.9C13.511%205.182%2012.217%204%2010%204a5.06%205.06%200%200%200-2.877.923C6.331%205.489%206%206.105%206%206.5c0%20.78.376%201.285%201.11%201.71q.271.156.586.29H5.162c-.408-.523-.662-1.178-.662-2c0-1.105.794-2.114%201.752-2.798M16.5%2010a.75.75%200%200%201%200%201.5h-1.662c.408.523.662%201.178.662%202c0%201.358-.874%202.376-1.912%203.014c-1.042.641-2.367.986-3.588.986c-1.142%200-2.133-.129-2.992-.498c-.877-.378-1.563-.982-2.132-1.836a.75.75%200%201%201%201.248-.832c.43.646.901%201.042%201.477%201.29c.594.255%201.354.376%202.4.376c.966%200%202.015-.28%202.801-.764C13.593%2014.75%2014%2014.142%2014%2013.5c0-.78-.376-1.285-1.11-1.71q-.271-.156-.586-.29H3.5a.75.75%200%200%201%200-1.5z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/text-strikethrough-20-filled.svg?color=%231a73e8&size=48