text clear formatting icon
text-clear-formatting-32-light from Fluent UI System Icons by Microsoft Corporation · 32 Light · MIT Free for personal and commercial use.
- Name
- text-clear-formatting-32-light
- Set
- Fluent UI System Icons
- Style
- 32 Light
- Viewbox
- 32×32
- License
- MIT
8 other variants in Fluent UI System Icons
Related icons in Fluent UI System Icons
text-abc-underline-double-32-filledtext-add-20-filledtext-add-space-after-20-filledtext-add-space-before-20-filledtext-add-t-20-filledtext-align-center-16-filledtext-align-center-rotate-270-16-filledtext-align-center-rotate-90-16-filledtext-align-distributed-20-filledtext-align-distributed-evenly-20-filledtext-align-distributed-vertical-20-filledtext-align-justify-20-filledtext-align-justify-low-20-filledtext-align-justify-low-90-20-filledtext-align-justify-low-rotate-270-20-filledtext-align-justify-low-rotate-90-20-filledtext-align-justify-rotate-270-20-filledtext-align-justify-rotate-90-20-filledtext-align-left-16-filledtext-align-left-rotate-270-16-filledtext-align-left-rotate-90-16-filledtext-align-right-16-filledtext-align-right-rotate-270-16-filledtext-align-right-rotate-90-16-filled
Use the text clear formatting icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M18 2.5a.5.5 0 0 0-1 0v14.172l1.618-1.618C18.232 14.34 18 13.468 18 12.5C18 9.905 19.665 8 21.5 8c1.614 0 3.098 1.475 3.43 3.597c.36.077.713.2 1.049.369C25.762 9.266 23.925 7 21.5 7c-1.45 0-2.691.811-3.5 2.04zm-8.564.148c-.325-.863-1.546-.863-1.872 0L2.032 17.323a.5.5 0 1 0 .936.353L4.731 13h7.539l1.762 4.676a.5.5 0 0 0 .936-.352zM11.893 12H5.108L8.5 3zm14.165 1.85a2.91 2.91 0 0 0-4.116 0l-8.091 8.092a2.91 2.91 0 0 0 0 4.116l3.091 3.092a2.9 2.9 0 0 0 2.16.85H26.5a.5.5 0 1 0 0-1h-5.293l7.942-7.942a2.91 2.91 0 0 0 0-4.116zM19 29l-.037.001a1.9 1.9 0 0 1-1.314-.559l-3.091-3.091a1.91 1.91 0 0 1 0-2.701l1.692-1.693l5.793 5.793l-1.692 1.692a1.9 1.9 0 0 1-1.27.558zm3.65-14.442a1.91 1.91 0 0 1 2.7 0l3.092 3.092a1.91 1.91 0 0 1 0 2.7l-5.692 5.693l-5.793-5.793z"/></svg>
React
import type { SVGProps } from "react";
export function FluentTextClearFormatting32Light(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M18 2.5a.5.5 0 0 0-1 0v14.172l1.618-1.618C18.232 14.34 18 13.468 18 12.5C18 9.905 19.665 8 21.5 8c1.614 0 3.098 1.475 3.43 3.597c.36.077.713.2 1.049.369C25.762 9.266 23.925 7 21.5 7c-1.45 0-2.691.811-3.5 2.04zm-8.564.148c-.325-.863-1.546-.863-1.872 0L2.032 17.323a.5.5 0 1 0 .936.353L4.731 13h7.539l1.762 4.676a.5.5 0 0 0 .936-.352zM11.893 12H5.108L8.5 3zm14.165 1.85a2.91 2.91 0 0 0-4.116 0l-8.091 8.092a2.91 2.91 0 0 0 0 4.116l3.091 3.092a2.9 2.9 0 0 0 2.16.85H26.5a.5.5 0 1 0 0-1h-5.293l7.942-7.942a2.91 2.91 0 0 0 0-4.116zM19 29l-.037.001a1.9 1.9 0 0 1-1.314-.559l-3.091-3.091a1.91 1.91 0 0 1 0-2.701l1.692-1.693l5.793 5.793l-1.692 1.692a1.9 1.9 0 0 1-1.27.558zm3.65-14.442a1.91 1.91 0 0 1 2.7 0l3.092 3.092a1.91 1.91 0 0 1 0 2.7l-5.692 5.693l-5.793-5.793z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M18 2.5a.5.5 0 0 0-1 0v14.172l1.618-1.618C18.232 14.34 18 13.468 18 12.5C18 9.905 19.665 8 21.5 8c1.614 0 3.098 1.475 3.43 3.597c.36.077.713.2 1.049.369C25.762 9.266 23.925 7 21.5 7c-1.45 0-2.691.811-3.5 2.04zm-8.564.148c-.325-.863-1.546-.863-1.872 0L2.032 17.323a.5.5 0 1 0 .936.353L4.731 13h7.539l1.762 4.676a.5.5 0 0 0 .936-.352zM11.893 12H5.108L8.5 3zm14.165 1.85a2.91 2.91 0 0 0-4.116 0l-8.091 8.092a2.91 2.91 0 0 0 0 4.116l3.091 3.092a2.9 2.9 0 0 0 2.16.85H26.5a.5.5 0 1 0 0-1h-5.293l7.942-7.942a2.91 2.91 0 0 0 0-4.116zM19 29l-.037.001a1.9 1.9 0 0 1-1.314-.559l-3.091-3.091a1.91 1.91 0 0 1 0-2.701l1.692-1.693l5.793 5.793l-1.692 1.692a1.9 1.9 0 0 1-1.27.558zm3.65-14.442a1.91 1.91 0 0 1 2.7 0l3.092 3.092a1.91 1.91 0 0 1 0 2.7l-5.692 5.693l-5.793-5.793z"/></svg> </template>
CSS
.icon-text-clear-formatting-32-light {
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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M18%202.5a.5.5%200%200%200-1%200v14.172l1.618-1.618C18.232%2014.34%2018%2013.468%2018%2012.5C18%209.905%2019.665%208%2021.5%208c1.614%200%203.098%201.475%203.43%203.597c.36.077.713.2%201.049.369C25.762%209.266%2023.925%207%2021.5%207c-1.45%200-2.691.811-3.5%202.04zm-8.564.148c-.325-.863-1.546-.863-1.872%200L2.032%2017.323a.5.5%200%201%200%20.936.353L4.731%2013h7.539l1.762%204.676a.5.5%200%200%200%20.936-.352zM11.893%2012H5.108L8.5%203zm14.165%201.85a2.91%202.91%200%200%200-4.116%200l-8.091%208.092a2.91%202.91%200%200%200%200%204.116l3.091%203.092a2.9%202.9%200%200%200%202.16.85H26.5a.5.5%200%201%200%200-1h-5.293l7.942-7.942a2.91%202.91%200%200%200%200-4.116zM19%2029l-.037.001a1.9%201.9%200%200%201-1.314-.559l-3.091-3.091a1.91%201.91%200%200%201%200-2.701l1.692-1.693l5.793%205.793l-1.692%201.692a1.9%201.9%200%200%201-1.27.558zm3.65-14.442a1.91%201.91%200%200%201%202.7%200l3.092%203.092a1.91%201.91%200%200%201%200%202.7l-5.692%205.693l-5.793-5.793z%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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M18%202.5a.5.5%200%200%200-1%200v14.172l1.618-1.618C18.232%2014.34%2018%2013.468%2018%2012.5C18%209.905%2019.665%208%2021.5%208c1.614%200%203.098%201.475%203.43%203.597c.36.077.713.2%201.049.369C25.762%209.266%2023.925%207%2021.5%207c-1.45%200-2.691.811-3.5%202.04zm-8.564.148c-.325-.863-1.546-.863-1.872%200L2.032%2017.323a.5.5%200%201%200%20.936.353L4.731%2013h7.539l1.762%204.676a.5.5%200%200%200%20.936-.352zM11.893%2012H5.108L8.5%203zm14.165%201.85a2.91%202.91%200%200%200-4.116%200l-8.091%208.092a2.91%202.91%200%200%200%200%204.116l3.091%203.092a2.9%202.9%200%200%200%202.16.85H26.5a.5.5%200%201%200%200-1h-5.293l7.942-7.942a2.91%202.91%200%200%200%200-4.116zM19%2029l-.037.001a1.9%201.9%200%200%201-1.314-.559l-3.091-3.091a1.91%201.91%200%200%201%200-2.701l1.692-1.693l5.793%205.793l-1.692%201.692a1.9%201.9%200%200%201-1.27.558zm3.65-14.442a1.91%201.91%200%200%201%202.7%200l3.092%203.092a1.91%201.91%200%200%201%200%202.7l-5.692%205.693l-5.793-5.793z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/text-clear-formatting-32-light.svg?color=%231a73e8&size=48
