text word count icon
text-word-count-20-regular from Fluent UI System Icons by Microsoft Corporation · 20 Regular · MIT Free for personal and commercial use.
- Name
- text-word-count-20-regular
- Set
- Fluent UI System Icons
- Style
- 20 Regular
- 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 4.5a.5.5 0 0 1 .5-.5h15a.5.5 0 0 1 0 1h-15a.5.5 0 0 1-.5-.5m0 5a.5.5 0 0 1 .5-.5h15a.5.5 0 0 1 0 1h-15a.5.5 0 0 1-.5-.5M7.588 13c-.613 0-1.093.555-1.093 1.136a.5.5 0 0 1-1 0c0-1.054.852-2.136 2.093-2.136c.73 0 1.429.343 1.817.944c.404.624.422 1.442-.057 2.263c-.244.417-.58.735-.914 1c-.166.133-.339.256-.503.373l-.07.05c-.141.1-.274.194-.403.291c-.439.333-.757.648-.891 1.079H9.16a.5.5 0 0 1 0 1H5.994a.5.5 0 0 1-.5-.5c0-1.195.691-1.87 1.36-2.376c.142-.107.289-.212.429-.31l.068-.05q.244-.17.46-.34c.29-.23.518-.457.672-.722c.318-.542.252-.952.082-1.214c-.185-.286-.549-.488-.978-.488m4.483.27a1 1 0 0 0-.288.457a.5.5 0 1 1-.962-.273c.076-.269.248-.633.586-.933c.348-.308.841-.521 1.501-.521c1.344 0 2.107.984 2.107 1.864c0 .352-.068.893-.431 1.353q-.108.136-.243.252c.135.1.262.224.369.375c.196.277.305.619.305 1.02c0 .73-.244 1.29-.678 1.66c-.42.355-.95.476-1.429.476c-.452 0-.893-.076-1.272-.317c-.388-.247-.649-.628-.81-1.118a.5.5 0 1 1 .951-.311c.107.327.248.492.396.586c.157.1.384.16.735.16c.326 0 .598-.084.781-.24c.169-.142.326-.4.326-.896a.73.73 0 0 0-.121-.442a.8.8 0 0 0-.317-.248c-.297-.14-.676-.174-.936-.174a.5.5 0 1 1 0-1c.705 0 1.011-.217 1.158-.403c.165-.208.216-.486.216-.733c0-.321-.308-.864-1.107-.864c-.43 0-.683.133-.837.27m-9.06 1.095a4.8 4.8 0 0 1-.849.732a.5.5 0 1 1-.557-.83c.733-.491 1.289-1.28 1.418-1.873c0 0 .11-.394.46-.394c.502 0 .529.5.529.5v6a.5.5 0 0 1-1 0zM16 14.5a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 0 1h-1a.5.5 0 0 1-.5-.5"/></svg>
React
import type { SVGProps } from "react";
export function FluentTextWordCount20Regular(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 4.5a.5.5 0 0 1 .5-.5h15a.5.5 0 0 1 0 1h-15a.5.5 0 0 1-.5-.5m0 5a.5.5 0 0 1 .5-.5h15a.5.5 0 0 1 0 1h-15a.5.5 0 0 1-.5-.5M7.588 13c-.613 0-1.093.555-1.093 1.136a.5.5 0 0 1-1 0c0-1.054.852-2.136 2.093-2.136c.73 0 1.429.343 1.817.944c.404.624.422 1.442-.057 2.263c-.244.417-.58.735-.914 1c-.166.133-.339.256-.503.373l-.07.05c-.141.1-.274.194-.403.291c-.439.333-.757.648-.891 1.079H9.16a.5.5 0 0 1 0 1H5.994a.5.5 0 0 1-.5-.5c0-1.195.691-1.87 1.36-2.376c.142-.107.289-.212.429-.31l.068-.05q.244-.17.46-.34c.29-.23.518-.457.672-.722c.318-.542.252-.952.082-1.214c-.185-.286-.549-.488-.978-.488m4.483.27a1 1 0 0 0-.288.457a.5.5 0 1 1-.962-.273c.076-.269.248-.633.586-.933c.348-.308.841-.521 1.501-.521c1.344 0 2.107.984 2.107 1.864c0 .352-.068.893-.431 1.353q-.108.136-.243.252c.135.1.262.224.369.375c.196.277.305.619.305 1.02c0 .73-.244 1.29-.678 1.66c-.42.355-.95.476-1.429.476c-.452 0-.893-.076-1.272-.317c-.388-.247-.649-.628-.81-1.118a.5.5 0 1 1 .951-.311c.107.327.248.492.396.586c.157.1.384.16.735.16c.326 0 .598-.084.781-.24c.169-.142.326-.4.326-.896a.73.73 0 0 0-.121-.442a.8.8 0 0 0-.317-.248c-.297-.14-.676-.174-.936-.174a.5.5 0 1 1 0-1c.705 0 1.011-.217 1.158-.403c.165-.208.216-.486.216-.733c0-.321-.308-.864-1.107-.864c-.43 0-.683.133-.837.27m-9.06 1.095a4.8 4.8 0 0 1-.849.732a.5.5 0 1 1-.557-.83c.733-.491 1.289-1.28 1.418-1.873c0 0 .11-.394.46-.394c.502 0 .529.5.529.5v6a.5.5 0 0 1-1 0zM16 14.5a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 0 1h-1a.5.5 0 0 1-.5-.5"/></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 4.5a.5.5 0 0 1 .5-.5h15a.5.5 0 0 1 0 1h-15a.5.5 0 0 1-.5-.5m0 5a.5.5 0 0 1 .5-.5h15a.5.5 0 0 1 0 1h-15a.5.5 0 0 1-.5-.5M7.588 13c-.613 0-1.093.555-1.093 1.136a.5.5 0 0 1-1 0c0-1.054.852-2.136 2.093-2.136c.73 0 1.429.343 1.817.944c.404.624.422 1.442-.057 2.263c-.244.417-.58.735-.914 1c-.166.133-.339.256-.503.373l-.07.05c-.141.1-.274.194-.403.291c-.439.333-.757.648-.891 1.079H9.16a.5.5 0 0 1 0 1H5.994a.5.5 0 0 1-.5-.5c0-1.195.691-1.87 1.36-2.376c.142-.107.289-.212.429-.31l.068-.05q.244-.17.46-.34c.29-.23.518-.457.672-.722c.318-.542.252-.952.082-1.214c-.185-.286-.549-.488-.978-.488m4.483.27a1 1 0 0 0-.288.457a.5.5 0 1 1-.962-.273c.076-.269.248-.633.586-.933c.348-.308.841-.521 1.501-.521c1.344 0 2.107.984 2.107 1.864c0 .352-.068.893-.431 1.353q-.108.136-.243.252c.135.1.262.224.369.375c.196.277.305.619.305 1.02c0 .73-.244 1.29-.678 1.66c-.42.355-.95.476-1.429.476c-.452 0-.893-.076-1.272-.317c-.388-.247-.649-.628-.81-1.118a.5.5 0 1 1 .951-.311c.107.327.248.492.396.586c.157.1.384.16.735.16c.326 0 .598-.084.781-.24c.169-.142.326-.4.326-.896a.73.73 0 0 0-.121-.442a.8.8 0 0 0-.317-.248c-.297-.14-.676-.174-.936-.174a.5.5 0 1 1 0-1c.705 0 1.011-.217 1.158-.403c.165-.208.216-.486.216-.733c0-.321-.308-.864-1.107-.864c-.43 0-.683.133-.837.27m-9.06 1.095a4.8 4.8 0 0 1-.849.732a.5.5 0 1 1-.557-.83c.733-.491 1.289-1.28 1.418-1.873c0 0 .11-.394.46-.394c.502 0 .529.5.529.5v6a.5.5 0 0 1-1 0zM16 14.5a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 0 1h-1a.5.5 0 0 1-.5-.5"/></svg> </template>
CSS
.icon-text-word-count-20-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%2020%2020%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M2%204.5a.5.5%200%200%201%20.5-.5h15a.5.5%200%200%201%200%201h-15a.5.5%200%200%201-.5-.5m0%205a.5.5%200%200%201%20.5-.5h15a.5.5%200%200%201%200%201h-15a.5.5%200%200%201-.5-.5M7.588%2013c-.613%200-1.093.555-1.093%201.136a.5.5%200%200%201-1%200c0-1.054.852-2.136%202.093-2.136c.73%200%201.429.343%201.817.944c.404.624.422%201.442-.057%202.263c-.244.417-.58.735-.914%201c-.166.133-.339.256-.503.373l-.07.05c-.141.1-.274.194-.403.291c-.439.333-.757.648-.891%201.079H9.16a.5.5%200%200%201%200%201H5.994a.5.5%200%200%201-.5-.5c0-1.195.691-1.87%201.36-2.376c.142-.107.289-.212.429-.31l.068-.05q.244-.17.46-.34c.29-.23.518-.457.672-.722c.318-.542.252-.952.082-1.214c-.185-.286-.549-.488-.978-.488m4.483.27a1%201%200%200%200-.288.457a.5.5%200%201%201-.962-.273c.076-.269.248-.633.586-.933c.348-.308.841-.521%201.501-.521c1.344%200%202.107.984%202.107%201.864c0%20.352-.068.893-.431%201.353q-.108.136-.243.252c.135.1.262.224.369.375c.196.277.305.619.305%201.02c0%20.73-.244%201.29-.678%201.66c-.42.355-.95.476-1.429.476c-.452%200-.893-.076-1.272-.317c-.388-.247-.649-.628-.81-1.118a.5.5%200%201%201%20.951-.311c.107.327.248.492.396.586c.157.1.384.16.735.16c.326%200%20.598-.084.781-.24c.169-.142.326-.4.326-.896a.73.73%200%200%200-.121-.442a.8.8%200%200%200-.317-.248c-.297-.14-.676-.174-.936-.174a.5.5%200%201%201%200-1c.705%200%201.011-.217%201.158-.403c.165-.208.216-.486.216-.733c0-.321-.308-.864-1.107-.864c-.43%200-.683.133-.837.27m-9.06%201.095a4.8%204.8%200%200%201-.849.732a.5.5%200%201%201-.557-.83c.733-.491%201.289-1.28%201.418-1.873c0%200%20.11-.394.46-.394c.502%200%20.529.5.529.5v6a.5.5%200%200%201-1%200zM16%2014.5a.5.5%200%200%201%20.5-.5h1a.5.5%200%200%201%200%201h-1a.5.5%200%200%201-.5-.5%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%204.5a.5.5%200%200%201%20.5-.5h15a.5.5%200%200%201%200%201h-15a.5.5%200%200%201-.5-.5m0%205a.5.5%200%200%201%20.5-.5h15a.5.5%200%200%201%200%201h-15a.5.5%200%200%201-.5-.5M7.588%2013c-.613%200-1.093.555-1.093%201.136a.5.5%200%200%201-1%200c0-1.054.852-2.136%202.093-2.136c.73%200%201.429.343%201.817.944c.404.624.422%201.442-.057%202.263c-.244.417-.58.735-.914%201c-.166.133-.339.256-.503.373l-.07.05c-.141.1-.274.194-.403.291c-.439.333-.757.648-.891%201.079H9.16a.5.5%200%200%201%200%201H5.994a.5.5%200%200%201-.5-.5c0-1.195.691-1.87%201.36-2.376c.142-.107.289-.212.429-.31l.068-.05q.244-.17.46-.34c.29-.23.518-.457.672-.722c.318-.542.252-.952.082-1.214c-.185-.286-.549-.488-.978-.488m4.483.27a1%201%200%200%200-.288.457a.5.5%200%201%201-.962-.273c.076-.269.248-.633.586-.933c.348-.308.841-.521%201.501-.521c1.344%200%202.107.984%202.107%201.864c0%20.352-.068.893-.431%201.353q-.108.136-.243.252c.135.1.262.224.369.375c.196.277.305.619.305%201.02c0%20.73-.244%201.29-.678%201.66c-.42.355-.95.476-1.429.476c-.452%200-.893-.076-1.272-.317c-.388-.247-.649-.628-.81-1.118a.5.5%200%201%201%20.951-.311c.107.327.248.492.396.586c.157.1.384.16.735.16c.326%200%20.598-.084.781-.24c.169-.142.326-.4.326-.896a.73.73%200%200%200-.121-.442a.8.8%200%200%200-.317-.248c-.297-.14-.676-.174-.936-.174a.5.5%200%201%201%200-1c.705%200%201.011-.217%201.158-.403c.165-.208.216-.486.216-.733c0-.321-.308-.864-1.107-.864c-.43%200-.683.133-.837.27m-9.06%201.095a4.8%204.8%200%200%201-.849.732a.5.5%200%201%201-.557-.83c.733-.491%201.289-1.28%201.418-1.873c0%200%20.11-.394.46-.394c.502%200%20.529.5.529.5v6a.5.5%200%200%201-1%200zM16%2014.5a.5.5%200%200%201%20.5-.5h1a.5.5%200%200%201%200%201h-1a.5.5%200%200%201-.5-.5%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-regular.svg?color=%231a73e8&size=48
