text word count icon
text-word-count-20-filled from Fluent UI System Icons by Microsoft Corporation · 20 Filled · MIT Free for personal and commercial use.
- Name
- text-word-count-20-filled
- Set
- Fluent UI System Icons
- Style
- 20 Filled
- Viewbox
- 20×20
- License
- MIT
3 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 word count icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 20 20"><path fill="currentColor" d="M2.98 14.537c-.258.27-.55.513-.857.712a.5.5 0 1 1-.542-.84c.733-.474 1.284-1.228 1.41-1.789a.5.5 0 0 1 .988.11v5.77a.5.5 0 0 1-1 0zm4.608-1.306c-.63 0-1.094.542-1.094 1.073a.5.5 0 0 1-1 0c0-1.042.87-2.073 2.094-2.073c.721 0 1.42.326 1.812.909c.41.61.428 1.413-.057 2.21c-.246.405-.583.712-.916.966c-.167.128-.34.247-.504.359l-.07.048q-.21.142-.403.28c-.43.314-.738.606-.875.997h2.587a.5.5 0 0 1 0 1H5.994a.5.5 0 0 1-.5-.5c0-1.167.703-1.822 1.368-2.305c.142-.104.289-.204.429-.3l.068-.046q.245-.165.46-.328c.29-.22.517-.439.67-.69c.311-.513.244-.89.081-1.133c-.18-.269-.545-.467-.982-.467m4.475.26a.9.9 0 0 0-.282.43a.5.5 0 1 1-.959-.283a1.9 1.9 0 0 1 .592-.907c.348-.297.84-.5 1.494-.5c1.325 0 2.107.936 2.107 1.811c0 .345-.07.873-.438 1.32q-.097.12-.217.223c.125.092.243.205.344.342c.2.27.31.606.31 1c0 .713-.249 1.26-.685 1.616c-.42.342-.947.457-1.42.457c-.45 0-.889-.072-1.266-.303c-.388-.238-.652-.606-.815-1.085a.5.5 0 1 1 .947-.322c.105.308.243.464.39.554c.159.097.39.156.743.156c.33 0 .605-.082.789-.232c.166-.135.318-.375.318-.841a.65.65 0 0 0-.116-.407a.8.8 0 0 0-.315-.236c-.3-.136-.682-.169-.944-.169a.5.5 0 0 1 0-1c.712 0 1.02-.212 1.165-.388c.16-.194.21-.453.21-.685c0-.28-.29-.811-1.107-.811c-.435 0-.691.13-.845.26M2.002 9.25a.75.75 0 0 1 .75-.75h14.5a.75.75 0 0 1 0 1.5h-14.5a.75.75 0 0 1-.75-.75m0-5a.75.75 0 0 1 .75-.75h14.5a.75.75 0 0 1 0 1.5h-14.5a.75.75 0 0 1-.75-.75m14 10a.75.75 0 0 1 .75-.75h.5a.75.75 0 0 1 0 1.5h-.5a.75.75 0 0 1-.75-.75"/></svg>
React
import type { SVGProps } from "react";
export function FluentTextWordCount20Filled(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="M2.98 14.537c-.258.27-.55.513-.857.712a.5.5 0 1 1-.542-.84c.733-.474 1.284-1.228 1.41-1.789a.5.5 0 0 1 .988.11v5.77a.5.5 0 0 1-1 0zm4.608-1.306c-.63 0-1.094.542-1.094 1.073a.5.5 0 0 1-1 0c0-1.042.87-2.073 2.094-2.073c.721 0 1.42.326 1.812.909c.41.61.428 1.413-.057 2.21c-.246.405-.583.712-.916.966c-.167.128-.34.247-.504.359l-.07.048q-.21.142-.403.28c-.43.314-.738.606-.875.997h2.587a.5.5 0 0 1 0 1H5.994a.5.5 0 0 1-.5-.5c0-1.167.703-1.822 1.368-2.305c.142-.104.289-.204.429-.3l.068-.046q.245-.165.46-.328c.29-.22.517-.439.67-.69c.311-.513.244-.89.081-1.133c-.18-.269-.545-.467-.982-.467m4.475.26a.9.9 0 0 0-.282.43a.5.5 0 1 1-.959-.283a1.9 1.9 0 0 1 .592-.907c.348-.297.84-.5 1.494-.5c1.325 0 2.107.936 2.107 1.811c0 .345-.07.873-.438 1.32q-.097.12-.217.223c.125.092.243.205.344.342c.2.27.31.606.31 1c0 .713-.249 1.26-.685 1.616c-.42.342-.947.457-1.42.457c-.45 0-.889-.072-1.266-.303c-.388-.238-.652-.606-.815-1.085a.5.5 0 1 1 .947-.322c.105.308.243.464.39.554c.159.097.39.156.743.156c.33 0 .605-.082.789-.232c.166-.135.318-.375.318-.841a.65.65 0 0 0-.116-.407a.8.8 0 0 0-.315-.236c-.3-.136-.682-.169-.944-.169a.5.5 0 0 1 0-1c.712 0 1.02-.212 1.165-.388c.16-.194.21-.453.21-.685c0-.28-.29-.811-1.107-.811c-.435 0-.691.13-.845.26M2.002 9.25a.75.75 0 0 1 .75-.75h14.5a.75.75 0 0 1 0 1.5h-14.5a.75.75 0 0 1-.75-.75m0-5a.75.75 0 0 1 .75-.75h14.5a.75.75 0 0 1 0 1.5h-14.5a.75.75 0 0 1-.75-.75m14 10a.75.75 0 0 1 .75-.75h.5a.75.75 0 0 1 0 1.5h-.5a.75.75 0 0 1-.75-.75"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 20 20"><path fill="currentColor" d="M2.98 14.537c-.258.27-.55.513-.857.712a.5.5 0 1 1-.542-.84c.733-.474 1.284-1.228 1.41-1.789a.5.5 0 0 1 .988.11v5.77a.5.5 0 0 1-1 0zm4.608-1.306c-.63 0-1.094.542-1.094 1.073a.5.5 0 0 1-1 0c0-1.042.87-2.073 2.094-2.073c.721 0 1.42.326 1.812.909c.41.61.428 1.413-.057 2.21c-.246.405-.583.712-.916.966c-.167.128-.34.247-.504.359l-.07.048q-.21.142-.403.28c-.43.314-.738.606-.875.997h2.587a.5.5 0 0 1 0 1H5.994a.5.5 0 0 1-.5-.5c0-1.167.703-1.822 1.368-2.305c.142-.104.289-.204.429-.3l.068-.046q.245-.165.46-.328c.29-.22.517-.439.67-.69c.311-.513.244-.89.081-1.133c-.18-.269-.545-.467-.982-.467m4.475.26a.9.9 0 0 0-.282.43a.5.5 0 1 1-.959-.283a1.9 1.9 0 0 1 .592-.907c.348-.297.84-.5 1.494-.5c1.325 0 2.107.936 2.107 1.811c0 .345-.07.873-.438 1.32q-.097.12-.217.223c.125.092.243.205.344.342c.2.27.31.606.31 1c0 .713-.249 1.26-.685 1.616c-.42.342-.947.457-1.42.457c-.45 0-.889-.072-1.266-.303c-.388-.238-.652-.606-.815-1.085a.5.5 0 1 1 .947-.322c.105.308.243.464.39.554c.159.097.39.156.743.156c.33 0 .605-.082.789-.232c.166-.135.318-.375.318-.841a.65.65 0 0 0-.116-.407a.8.8 0 0 0-.315-.236c-.3-.136-.682-.169-.944-.169a.5.5 0 0 1 0-1c.712 0 1.02-.212 1.165-.388c.16-.194.21-.453.21-.685c0-.28-.29-.811-1.107-.811c-.435 0-.691.13-.845.26M2.002 9.25a.75.75 0 0 1 .75-.75h14.5a.75.75 0 0 1 0 1.5h-14.5a.75.75 0 0 1-.75-.75m0-5a.75.75 0 0 1 .75-.75h14.5a.75.75 0 0 1 0 1.5h-14.5a.75.75 0 0 1-.75-.75m14 10a.75.75 0 0 1 .75-.75h.5a.75.75 0 0 1 0 1.5h-.5a.75.75 0 0 1-.75-.75"/></svg> </template>
CSS
.icon-text-word-count-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%22M2.98%2014.537c-.258.27-.55.513-.857.712a.5.5%200%201%201-.542-.84c.733-.474%201.284-1.228%201.41-1.789a.5.5%200%200%201%20.988.11v5.77a.5.5%200%200%201-1%200zm4.608-1.306c-.63%200-1.094.542-1.094%201.073a.5.5%200%200%201-1%200c0-1.042.87-2.073%202.094-2.073c.721%200%201.42.326%201.812.909c.41.61.428%201.413-.057%202.21c-.246.405-.583.712-.916.966c-.167.128-.34.247-.504.359l-.07.048q-.21.142-.403.28c-.43.314-.738.606-.875.997h2.587a.5.5%200%200%201%200%201H5.994a.5.5%200%200%201-.5-.5c0-1.167.703-1.822%201.368-2.305c.142-.104.289-.204.429-.3l.068-.046q.245-.165.46-.328c.29-.22.517-.439.67-.69c.311-.513.244-.89.081-1.133c-.18-.269-.545-.467-.982-.467m4.475.26a.9.9%200%200%200-.282.43a.5.5%200%201%201-.959-.283a1.9%201.9%200%200%201%20.592-.907c.348-.297.84-.5%201.494-.5c1.325%200%202.107.936%202.107%201.811c0%20.345-.07.873-.438%201.32q-.097.12-.217.223c.125.092.243.205.344.342c.2.27.31.606.31%201c0%20.713-.249%201.26-.685%201.616c-.42.342-.947.457-1.42.457c-.45%200-.889-.072-1.266-.303c-.388-.238-.652-.606-.815-1.085a.5.5%200%201%201%20.947-.322c.105.308.243.464.39.554c.159.097.39.156.743.156c.33%200%20.605-.082.789-.232c.166-.135.318-.375.318-.841a.65.65%200%200%200-.116-.407a.8.8%200%200%200-.315-.236c-.3-.136-.682-.169-.944-.169a.5.5%200%200%201%200-1c.712%200%201.02-.212%201.165-.388c.16-.194.21-.453.21-.685c0-.28-.29-.811-1.107-.811c-.435%200-.691.13-.845.26M2.002%209.25a.75.75%200%200%201%20.75-.75h14.5a.75.75%200%200%201%200%201.5h-14.5a.75.75%200%200%201-.75-.75m0-5a.75.75%200%200%201%20.75-.75h14.5a.75.75%200%200%201%200%201.5h-14.5a.75.75%200%200%201-.75-.75m14%2010a.75.75%200%200%201%20.75-.75h.5a.75.75%200%200%201%200%201.5h-.5a.75.75%200%200%201-.75-.75%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%22M2.98%2014.537c-.258.27-.55.513-.857.712a.5.5%200%201%201-.542-.84c.733-.474%201.284-1.228%201.41-1.789a.5.5%200%200%201%20.988.11v5.77a.5.5%200%200%201-1%200zm4.608-1.306c-.63%200-1.094.542-1.094%201.073a.5.5%200%200%201-1%200c0-1.042.87-2.073%202.094-2.073c.721%200%201.42.326%201.812.909c.41.61.428%201.413-.057%202.21c-.246.405-.583.712-.916.966c-.167.128-.34.247-.504.359l-.07.048q-.21.142-.403.28c-.43.314-.738.606-.875.997h2.587a.5.5%200%200%201%200%201H5.994a.5.5%200%200%201-.5-.5c0-1.167.703-1.822%201.368-2.305c.142-.104.289-.204.429-.3l.068-.046q.245-.165.46-.328c.29-.22.517-.439.67-.69c.311-.513.244-.89.081-1.133c-.18-.269-.545-.467-.982-.467m4.475.26a.9.9%200%200%200-.282.43a.5.5%200%201%201-.959-.283a1.9%201.9%200%200%201%20.592-.907c.348-.297.84-.5%201.494-.5c1.325%200%202.107.936%202.107%201.811c0%20.345-.07.873-.438%201.32q-.097.12-.217.223c.125.092.243.205.344.342c.2.27.31.606.31%201c0%20.713-.249%201.26-.685%201.616c-.42.342-.947.457-1.42.457c-.45%200-.889-.072-1.266-.303c-.388-.238-.652-.606-.815-1.085a.5.5%200%201%201%20.947-.322c.105.308.243.464.39.554c.159.097.39.156.743.156c.33%200%20.605-.082.789-.232c.166-.135.318-.375.318-.841a.65.65%200%200%200-.116-.407a.8.8%200%200%200-.315-.236c-.3-.136-.682-.169-.944-.169a.5.5%200%200%201%200-1c.712%200%201.02-.212%201.165-.388c.16-.194.21-.453.21-.685c0-.28-.29-.811-1.107-.811c-.435%200-.691.13-.845.26M2.002%209.25a.75.75%200%200%201%20.75-.75h14.5a.75.75%200%200%201%200%201.5h-14.5a.75.75%200%200%201-.75-.75m0-5a.75.75%200%200%201%20.75-.75h14.5a.75.75%200%200%201%200%201.5h-14.5a.75.75%200%200%201-.75-.75m14%2010a.75.75%200%200%201%20.75-.75h.5a.75.75%200%200%201%200%201.5h-.5a.75.75%200%200%201-.75-.75%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/text-word-count-20-filled.svg?color=%231a73e8&size=48
