text word count icon
text-word-count-24-regular from Fluent UI System Icons by Microsoft Corporation · 24 Regular · MIT Free for personal and commercial use.
- Name
- text-word-count-24-regular
- Set
- Fluent UI System Icons
- Style
- 24 Regular
- Viewbox
- 24×24
- 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 24 24"><path fill="currentColor" d="M2 5.75A.75.75 0 0 1 2.75 5h18.5a.75.75 0 0 1 0 1.5H2.75A.75.75 0 0 1 2 5.75m0 6.5a.75.75 0 0 1 .75-.75h18.5a.75.75 0 0 1 0 1.5H2.75a.75.75 0 0 1-.75-.75m17 6.5a.75.75 0 0 1 .75-.75h1.5a.75.75 0 0 1 0 1.5h-1.5a.75.75 0 0 1-.75-.75m-16.584-.012c.21-.14.415-.3.607-.475v3.987a.75.75 0 0 0 1.5 0v-6.5a.75.75 0 0 0-1.483-.16c-.126.578-.692 1.39-1.456 1.9a.75.75 0 0 0 .832 1.248M8 17.523c0-.528.444-1.023.986-1.023c.407 0 .735.19.893.434c.136.21.218.566-.093 1.095c-.15.255-.376.482-.682.724c-.152.12-.316.237-.493.363l-.074.052c-.152.107-.315.222-.472.34c-.744.56-1.565 1.346-1.565 2.742c0 .414.336.75.75.75h3.451a.75.75 0 0 0 0-1.5H8.188c.16-.282.423-.525.779-.793c.137-.103.279-.203.432-.312l.078-.054c.178-.127.37-.264.557-.41c.372-.295.76-.658 1.045-1.142c.557-.948.546-1.921.057-2.672C10.67 15.4 9.842 15 8.987 15C7.508 15 6.5 16.278 6.5 17.523a.75.75 0 0 0 1.5 0m6.471-.385a.86.86 0 0 1 .251-.397c.128-.113.356-.241.778-.241c.761 0 1 .5 1 .727c0 .245-.052.49-.19.664c-.111.14-.378.359-1.102.359a.75.75 0 0 0 0 1.5c.274 0 .652.036.935.17a.65.65 0 0 1 .264.2c.045.064.093.167.093.357c0 .488-.152.704-.28.812c-.152.128-.396.211-.72.211c-.362 0-.567-.063-.693-.142c-.11-.07-.24-.204-.345-.524a.75.75 0 0 0-1.424.469c.186.566.495 1.023.967 1.322c.458.29.982.375 1.495.375c.551 0 1.182-.138 1.687-.565c.528-.445.813-1.116.813-1.958c0-.474-.13-.888-.371-1.227a2 2 0 0 0-.258-.294a2 2 0 0 0 .113-.132c.438-.55.516-1.192.516-1.597C18 16.154 17.072 15 15.5 15c-.765 0-1.351.247-1.77.616a2.35 2.35 0 0 0-.701 1.11a.75.75 0 1 0 1.442.412"/></svg>
React
import type { SVGProps } from "react";
export function FluentTextWordCount24Regular(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 5.75A.75.75 0 0 1 2.75 5h18.5a.75.75 0 0 1 0 1.5H2.75A.75.75 0 0 1 2 5.75m0 6.5a.75.75 0 0 1 .75-.75h18.5a.75.75 0 0 1 0 1.5H2.75a.75.75 0 0 1-.75-.75m17 6.5a.75.75 0 0 1 .75-.75h1.5a.75.75 0 0 1 0 1.5h-1.5a.75.75 0 0 1-.75-.75m-16.584-.012c.21-.14.415-.3.607-.475v3.987a.75.75 0 0 0 1.5 0v-6.5a.75.75 0 0 0-1.483-.16c-.126.578-.692 1.39-1.456 1.9a.75.75 0 0 0 .832 1.248M8 17.523c0-.528.444-1.023.986-1.023c.407 0 .735.19.893.434c.136.21.218.566-.093 1.095c-.15.255-.376.482-.682.724c-.152.12-.316.237-.493.363l-.074.052c-.152.107-.315.222-.472.34c-.744.56-1.565 1.346-1.565 2.742c0 .414.336.75.75.75h3.451a.75.75 0 0 0 0-1.5H8.188c.16-.282.423-.525.779-.793c.137-.103.279-.203.432-.312l.078-.054c.178-.127.37-.264.557-.41c.372-.295.76-.658 1.045-1.142c.557-.948.546-1.921.057-2.672C10.67 15.4 9.842 15 8.987 15C7.508 15 6.5 16.278 6.5 17.523a.75.75 0 0 0 1.5 0m6.471-.385a.86.86 0 0 1 .251-.397c.128-.113.356-.241.778-.241c.761 0 1 .5 1 .727c0 .245-.052.49-.19.664c-.111.14-.378.359-1.102.359a.75.75 0 0 0 0 1.5c.274 0 .652.036.935.17a.65.65 0 0 1 .264.2c.045.064.093.167.093.357c0 .488-.152.704-.28.812c-.152.128-.396.211-.72.211c-.362 0-.567-.063-.693-.142c-.11-.07-.24-.204-.345-.524a.75.75 0 0 0-1.424.469c.186.566.495 1.023.967 1.322c.458.29.982.375 1.495.375c.551 0 1.182-.138 1.687-.565c.528-.445.813-1.116.813-1.958c0-.474-.13-.888-.371-1.227a2 2 0 0 0-.258-.294a2 2 0 0 0 .113-.132c.438-.55.516-1.192.516-1.597C18 16.154 17.072 15 15.5 15c-.765 0-1.351.247-1.77.616a2.35 2.35 0 0 0-.701 1.11a.75.75 0 1 0 1.442.412"/></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 5.75A.75.75 0 0 1 2.75 5h18.5a.75.75 0 0 1 0 1.5H2.75A.75.75 0 0 1 2 5.75m0 6.5a.75.75 0 0 1 .75-.75h18.5a.75.75 0 0 1 0 1.5H2.75a.75.75 0 0 1-.75-.75m17 6.5a.75.75 0 0 1 .75-.75h1.5a.75.75 0 0 1 0 1.5h-1.5a.75.75 0 0 1-.75-.75m-16.584-.012c.21-.14.415-.3.607-.475v3.987a.75.75 0 0 0 1.5 0v-6.5a.75.75 0 0 0-1.483-.16c-.126.578-.692 1.39-1.456 1.9a.75.75 0 0 0 .832 1.248M8 17.523c0-.528.444-1.023.986-1.023c.407 0 .735.19.893.434c.136.21.218.566-.093 1.095c-.15.255-.376.482-.682.724c-.152.12-.316.237-.493.363l-.074.052c-.152.107-.315.222-.472.34c-.744.56-1.565 1.346-1.565 2.742c0 .414.336.75.75.75h3.451a.75.75 0 0 0 0-1.5H8.188c.16-.282.423-.525.779-.793c.137-.103.279-.203.432-.312l.078-.054c.178-.127.37-.264.557-.41c.372-.295.76-.658 1.045-1.142c.557-.948.546-1.921.057-2.672C10.67 15.4 9.842 15 8.987 15C7.508 15 6.5 16.278 6.5 17.523a.75.75 0 0 0 1.5 0m6.471-.385a.86.86 0 0 1 .251-.397c.128-.113.356-.241.778-.241c.761 0 1 .5 1 .727c0 .245-.052.49-.19.664c-.111.14-.378.359-1.102.359a.75.75 0 0 0 0 1.5c.274 0 .652.036.935.17a.65.65 0 0 1 .264.2c.045.064.093.167.093.357c0 .488-.152.704-.28.812c-.152.128-.396.211-.72.211c-.362 0-.567-.063-.693-.142c-.11-.07-.24-.204-.345-.524a.75.75 0 0 0-1.424.469c.186.566.495 1.023.967 1.322c.458.29.982.375 1.495.375c.551 0 1.182-.138 1.687-.565c.528-.445.813-1.116.813-1.958c0-.474-.13-.888-.371-1.227a2 2 0 0 0-.258-.294a2 2 0 0 0 .113-.132c.438-.55.516-1.192.516-1.597C18 16.154 17.072 15 15.5 15c-.765 0-1.351.247-1.77.616a2.35 2.35 0 0 0-.701 1.11a.75.75 0 1 0 1.442.412"/></svg> </template>
CSS
.icon-text-word-count-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%205.75A.75.75%200%200%201%202.75%205h18.5a.75.75%200%200%201%200%201.5H2.75A.75.75%200%200%201%202%205.75m0%206.5a.75.75%200%200%201%20.75-.75h18.5a.75.75%200%200%201%200%201.5H2.75a.75.75%200%200%201-.75-.75m17%206.5a.75.75%200%200%201%20.75-.75h1.5a.75.75%200%200%201%200%201.5h-1.5a.75.75%200%200%201-.75-.75m-16.584-.012c.21-.14.415-.3.607-.475v3.987a.75.75%200%200%200%201.5%200v-6.5a.75.75%200%200%200-1.483-.16c-.126.578-.692%201.39-1.456%201.9a.75.75%200%200%200%20.832%201.248M8%2017.523c0-.528.444-1.023.986-1.023c.407%200%20.735.19.893.434c.136.21.218.566-.093%201.095c-.15.255-.376.482-.682.724c-.152.12-.316.237-.493.363l-.074.052c-.152.107-.315.222-.472.34c-.744.56-1.565%201.346-1.565%202.742c0%20.414.336.75.75.75h3.451a.75.75%200%200%200%200-1.5H8.188c.16-.282.423-.525.779-.793c.137-.103.279-.203.432-.312l.078-.054c.178-.127.37-.264.557-.41c.372-.295.76-.658%201.045-1.142c.557-.948.546-1.921.057-2.672C10.67%2015.4%209.842%2015%208.987%2015C7.508%2015%206.5%2016.278%206.5%2017.523a.75.75%200%200%200%201.5%200m6.471-.385a.86.86%200%200%201%20.251-.397c.128-.113.356-.241.778-.241c.761%200%201%20.5%201%20.727c0%20.245-.052.49-.19.664c-.111.14-.378.359-1.102.359a.75.75%200%200%200%200%201.5c.274%200%20.652.036.935.17a.65.65%200%200%201%20.264.2c.045.064.093.167.093.357c0%20.488-.152.704-.28.812c-.152.128-.396.211-.72.211c-.362%200-.567-.063-.693-.142c-.11-.07-.24-.204-.345-.524a.75.75%200%200%200-1.424.469c.186.566.495%201.023.967%201.322c.458.29.982.375%201.495.375c.551%200%201.182-.138%201.687-.565c.528-.445.813-1.116.813-1.958c0-.474-.13-.888-.371-1.227a2%202%200%200%200-.258-.294a2%202%200%200%200%20.113-.132c.438-.55.516-1.192.516-1.597C18%2016.154%2017.072%2015%2015.5%2015c-.765%200-1.351.247-1.77.616a2.35%202.35%200%200%200-.701%201.11a.75.75%200%201%200%201.442.412%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%205.75A.75.75%200%200%201%202.75%205h18.5a.75.75%200%200%201%200%201.5H2.75A.75.75%200%200%201%202%205.75m0%206.5a.75.75%200%200%201%20.75-.75h18.5a.75.75%200%200%201%200%201.5H2.75a.75.75%200%200%201-.75-.75m17%206.5a.75.75%200%200%201%20.75-.75h1.5a.75.75%200%200%201%200%201.5h-1.5a.75.75%200%200%201-.75-.75m-16.584-.012c.21-.14.415-.3.607-.475v3.987a.75.75%200%200%200%201.5%200v-6.5a.75.75%200%200%200-1.483-.16c-.126.578-.692%201.39-1.456%201.9a.75.75%200%200%200%20.832%201.248M8%2017.523c0-.528.444-1.023.986-1.023c.407%200%20.735.19.893.434c.136.21.218.566-.093%201.095c-.15.255-.376.482-.682.724c-.152.12-.316.237-.493.363l-.074.052c-.152.107-.315.222-.472.34c-.744.56-1.565%201.346-1.565%202.742c0%20.414.336.75.75.75h3.451a.75.75%200%200%200%200-1.5H8.188c.16-.282.423-.525.779-.793c.137-.103.279-.203.432-.312l.078-.054c.178-.127.37-.264.557-.41c.372-.295.76-.658%201.045-1.142c.557-.948.546-1.921.057-2.672C10.67%2015.4%209.842%2015%208.987%2015C7.508%2015%206.5%2016.278%206.5%2017.523a.75.75%200%200%200%201.5%200m6.471-.385a.86.86%200%200%201%20.251-.397c.128-.113.356-.241.778-.241c.761%200%201%20.5%201%20.727c0%20.245-.052.49-.19.664c-.111.14-.378.359-1.102.359a.75.75%200%200%200%200%201.5c.274%200%20.652.036.935.17a.65.65%200%200%201%20.264.2c.045.064.093.167.093.357c0%20.488-.152.704-.28.812c-.152.128-.396.211-.72.211c-.362%200-.567-.063-.693-.142c-.11-.07-.24-.204-.345-.524a.75.75%200%200%200-1.424.469c.186.566.495%201.023.967%201.322c.458.29.982.375%201.495.375c.551%200%201.182-.138%201.687-.565c.528-.445.813-1.116.813-1.958c0-.474-.13-.888-.371-1.227a2%202%200%200%200-.258-.294a2%202%200%200%200%20.113-.132c.438-.55.516-1.192.516-1.597C18%2016.154%2017.072%2015%2015.5%2015c-.765%200-1.351.247-1.77.616a2.35%202.35%200%200%200-.701%201.11a.75.75%200%201%200%201.442.412%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-24-regular.svg?color=%231a73e8&size=48
