text clear formatting icon
text-clear-formatting-24-regular from Fluent UI System Icons by Microsoft Corporation · 24 Regular · MIT Free for personal and commercial use.
- Name
- text-clear-formatting-24-regular
- Set
- Fluent UI System Icons
- Style
- 24 Regular
- Viewbox
- 24×24
- 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 24 24"><path fill="currentColor" d="M2.212 13.82q.22.18.55.18q.54 0 .744-.563l1.074-2.92h4.831l1.083 2.92q.203.563.745.563q.33 0 .541-.18a.59.59 0 0 0 .22-.465q0-.162-.093-.407L7.973 2.702Q7.702 2 7.017 2q-.728 0-.998.71L2.093 12.948Q2 13.193 2 13.355q0 .277.212.465M8.98 9.27H5.02L6.975 3.9h.05zM13 13.105l1.749-1.748q-.345-.723-.345-1.722q0-1.395.681-2.256q.69-.868 1.769-.868q1.12 0 1.769.844q.534.695.629 1.793c.424.14.823.378 1.161.715l.286.286a8 8 0 0 0 .017-.514q0-1.98-.982-3.173q-.981-1.192-2.58-1.192a3.13 3.13 0 0 0-1.598.414q-.705.413-1.112 1.144h-.032V2.755a.75.75 0 0 0-.203-.544a.65.65 0 0 0-.503-.211a.68.68 0 0 0-.511.21a.77.77 0 0 0-.195.545zm3.982 8.395h3.02a.75.75 0 1 1 0 1.5H14.5l.002-.007a1.94 1.94 0 0 1-1.208-.563l-2.724-2.724a1.95 1.95 0 0 1 .002-2.76l6.374-6.374a1.95 1.95 0 0 1 2.759-.001l2.724 2.723a1.95 1.95 0 0 1-.002 2.76zm1.026-9.867L13.85 15.79l3.36 3.36l4.157-4.157a.45.45 0 0 0 .001-.638l-2.724-2.724a.45.45 0 0 0-.637.002M12.79 16.85l-1.157 1.157a.45.45 0 0 0-.001.637l2.724 2.724a.45.45 0 0 0 .637-.002l1.157-1.157z"/></svg>
React
import type { SVGProps } from "react";
export function FluentTextClearFormatting24Regular(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="M2.212 13.82q.22.18.55.18q.54 0 .744-.563l1.074-2.92h4.831l1.083 2.92q.203.563.745.563q.33 0 .541-.18a.59.59 0 0 0 .22-.465q0-.162-.093-.407L7.973 2.702Q7.702 2 7.017 2q-.728 0-.998.71L2.093 12.948Q2 13.193 2 13.355q0 .277.212.465M8.98 9.27H5.02L6.975 3.9h.05zM13 13.105l1.749-1.748q-.345-.723-.345-1.722q0-1.395.681-2.256q.69-.868 1.769-.868q1.12 0 1.769.844q.534.695.629 1.793c.424.14.823.378 1.161.715l.286.286a8 8 0 0 0 .017-.514q0-1.98-.982-3.173q-.981-1.192-2.58-1.192a3.13 3.13 0 0 0-1.598.414q-.705.413-1.112 1.144h-.032V2.755a.75.75 0 0 0-.203-.544a.65.65 0 0 0-.503-.211a.68.68 0 0 0-.511.21a.77.77 0 0 0-.195.545zm3.982 8.395h3.02a.75.75 0 1 1 0 1.5H14.5l.002-.007a1.94 1.94 0 0 1-1.208-.563l-2.724-2.724a1.95 1.95 0 0 1 .002-2.76l6.374-6.374a1.95 1.95 0 0 1 2.759-.001l2.724 2.723a1.95 1.95 0 0 1-.002 2.76zm1.026-9.867L13.85 15.79l3.36 3.36l4.157-4.157a.45.45 0 0 0 .001-.638l-2.724-2.724a.45.45 0 0 0-.637.002M12.79 16.85l-1.157 1.157a.45.45 0 0 0-.001.637l2.724 2.724a.45.45 0 0 0 .637-.002l1.157-1.157z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M2.212 13.82q.22.18.55.18q.54 0 .744-.563l1.074-2.92h4.831l1.083 2.92q.203.563.745.563q.33 0 .541-.18a.59.59 0 0 0 .22-.465q0-.162-.093-.407L7.973 2.702Q7.702 2 7.017 2q-.728 0-.998.71L2.093 12.948Q2 13.193 2 13.355q0 .277.212.465M8.98 9.27H5.02L6.975 3.9h.05zM13 13.105l1.749-1.748q-.345-.723-.345-1.722q0-1.395.681-2.256q.69-.868 1.769-.868q1.12 0 1.769.844q.534.695.629 1.793c.424.14.823.378 1.161.715l.286.286a8 8 0 0 0 .017-.514q0-1.98-.982-3.173q-.981-1.192-2.58-1.192a3.13 3.13 0 0 0-1.598.414q-.705.413-1.112 1.144h-.032V2.755a.75.75 0 0 0-.203-.544a.65.65 0 0 0-.503-.211a.68.68 0 0 0-.511.21a.77.77 0 0 0-.195.545zm3.982 8.395h3.02a.75.75 0 1 1 0 1.5H14.5l.002-.007a1.94 1.94 0 0 1-1.208-.563l-2.724-2.724a1.95 1.95 0 0 1 .002-2.76l6.374-6.374a1.95 1.95 0 0 1 2.759-.001l2.724 2.723a1.95 1.95 0 0 1-.002 2.76zm1.026-9.867L13.85 15.79l3.36 3.36l4.157-4.157a.45.45 0 0 0 .001-.638l-2.724-2.724a.45.45 0 0 0-.637.002M12.79 16.85l-1.157 1.157a.45.45 0 0 0-.001.637l2.724 2.724a.45.45 0 0 0 .637-.002l1.157-1.157z"/></svg> </template>
CSS
.icon-text-clear-formatting-24-regular {
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%22M2.212%2013.82q.22.18.55.18q.54%200%20.744-.563l1.074-2.92h4.831l1.083%202.92q.203.563.745.563q.33%200%20.541-.18a.59.59%200%200%200%20.22-.465q0-.162-.093-.407L7.973%202.702Q7.702%202%207.017%202q-.728%200-.998.71L2.093%2012.948Q2%2013.193%202%2013.355q0%20.277.212.465M8.98%209.27H5.02L6.975%203.9h.05zM13%2013.105l1.749-1.748q-.345-.723-.345-1.722q0-1.395.681-2.256q.69-.868%201.769-.868q1.12%200%201.769.844q.534.695.629%201.793c.424.14.823.378%201.161.715l.286.286a8%208%200%200%200%20.017-.514q0-1.98-.982-3.173q-.981-1.192-2.58-1.192a3.13%203.13%200%200%200-1.598.414q-.705.413-1.112%201.144h-.032V2.755a.75.75%200%200%200-.203-.544a.65.65%200%200%200-.503-.211a.68.68%200%200%200-.511.21a.77.77%200%200%200-.195.545zm3.982%208.395h3.02a.75.75%200%201%201%200%201.5H14.5l.002-.007a1.94%201.94%200%200%201-1.208-.563l-2.724-2.724a1.95%201.95%200%200%201%20.002-2.76l6.374-6.374a1.95%201.95%200%200%201%202.759-.001l2.724%202.723a1.95%201.95%200%200%201-.002%202.76zm1.026-9.867L13.85%2015.79l3.36%203.36l4.157-4.157a.45.45%200%200%200%20.001-.638l-2.724-2.724a.45.45%200%200%200-.637.002M12.79%2016.85l-1.157%201.157a.45.45%200%200%200-.001.637l2.724%202.724a.45.45%200%200%200%20.637-.002l1.157-1.157z%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%22M2.212%2013.82q.22.18.55.18q.54%200%20.744-.563l1.074-2.92h4.831l1.083%202.92q.203.563.745.563q.33%200%20.541-.18a.59.59%200%200%200%20.22-.465q0-.162-.093-.407L7.973%202.702Q7.702%202%207.017%202q-.728%200-.998.71L2.093%2012.948Q2%2013.193%202%2013.355q0%20.277.212.465M8.98%209.27H5.02L6.975%203.9h.05zM13%2013.105l1.749-1.748q-.345-.723-.345-1.722q0-1.395.681-2.256q.69-.868%201.769-.868q1.12%200%201.769.844q.534.695.629%201.793c.424.14.823.378%201.161.715l.286.286a8%208%200%200%200%20.017-.514q0-1.98-.982-3.173q-.981-1.192-2.58-1.192a3.13%203.13%200%200%200-1.598.414q-.705.413-1.112%201.144h-.032V2.755a.75.75%200%200%200-.203-.544a.65.65%200%200%200-.503-.211a.68.68%200%200%200-.511.21a.77.77%200%200%200-.195.545zm3.982%208.395h3.02a.75.75%200%201%201%200%201.5H14.5l.002-.007a1.94%201.94%200%200%201-1.208-.563l-2.724-2.724a1.95%201.95%200%200%201%20.002-2.76l6.374-6.374a1.95%201.95%200%200%201%202.759-.001l2.724%202.723a1.95%201.95%200%200%201-.002%202.76zm1.026-9.867L13.85%2015.79l3.36%203.36l4.157-4.157a.45.45%200%200%200%20.001-.638l-2.724-2.724a.45.45%200%200%200-.637.002M12.79%2016.85l-1.157%201.157a.45.45%200%200%200-.001.637l2.724%202.724a.45.45%200%200%200%20.637-.002l1.157-1.157z%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-24-regular.svg?color=%231a73e8&size=48
