IconSearch logoIconsearch
Home/Libraries/Fontisto (Iconify)/text-width
← Back to Search
Fontisto (Iconify)

TextWidth

License: MITCommercial Safe


<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 14 24"><path fill="#818cf8" d="m13.528 21.103l.031-.034l.04-.051l.026-.034l.039-.062l.018-.029q.021-.038.039-.078l.009-.019a1.1 1.1 0 0 0 .088-.43q-.001-.178-.053-.338l.002.008a1 1 0 0 0-.037-.099l-.009-.019l-.039-.078q-.008-.015-.018-.029c-.01-.014-.025-.042-.039-.062s-.017-.022-.026-.034l-.04-.051l-.031-.034q-.021-.023-.044-.045l-.012-.013l-2.727-2.546a1.091 1.091 0 0 0-1.492 1.588l-.001-.001l.704.657h-6.1l.704-.657a1.091 1.091 0 0 0-1.489-1.594l.001-.001L.331 19.58l-.074.079l-.037.047l-.028.038l-.036.057l-.021.033l-.036.073l-.011.024q-.019.045-.035.093v.009c-.032.097-.05.208-.051.324v.016c0 .153.032.298.088.43l-.003-.007l.007.014l.041.086l.015.025q.02.034.042.066l.023.031l.043.055l.028.032q.022.025.046.048l.011.011L3.07 23.71a1.091 1.091 0 0 0 1.489-1.594l-.704-.657h6.101l-.704.657a1.091 1.091 0 0 0 1.489 1.594l-.001.001l2.739-2.559l.046-.046zM1.091 5.018c.603 0 1.091-.489 1.091-1.091V2.182h3.636v9.455H4.102a1.091 1.091 0 0 0 0 2.182h.032h-.002h5.582a1.091 1.091 0 0 0 0-2.182h-.032h.002h-1.686V2.182h3.636v1.776a1.091 1.091 0 0 0 2.182 0v-.032v.002v-2.835a1.09 1.09 0 0 0-1.09-1.091H1.09C.487.002-.001.491-.001 1.093v2.835c0 .603.489 1.091 1.091 1.091z"/></svg>

Icons in Action

WEB APPLICATION HEADER & NAVIGATION

my-app.com/dashboard
Dashboard
Analytics
Settings

Overview Dashboard

PROGRESS STEPPER

3

BUTTON UI ACTIONS

SCALABILITY & CLARITY

12px
16px
24px
32px
48px

Highly adaptable, clean vectors that scale perfectly across modern UI components, navigation bars, and mobile actions. Perfectly pre-vetted for production deployment.

IconSearch Presets

Frequently Asked Questions

Q.How do I use this icon in my React/Next.js project?

You have two choices: install the official package listed under the "REACT IMPORT" tab (e.g. npm install @iconify/react) and import the icon directly, or copy the complete React Component code from the "STANDALONE JSX" tab and paste it directly into a local file (e.g. TextWidthIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **MIT** license. The license grants full permissions for personal and commercial usage (e.g., in SaaS platforms, client projects, or business landing pages). Attributing the icon creator is generally not required for MIT/ISC licenses, but check details on our dedicated License Guide.

Q.What is the "Download SVG without fill color" toggle?

Many SVGs ship with inline fill="..." attributes. By checking this toggle, we strip these attributes and enforce fill="none", making the SVG fully styleable via CSS classes or Tailwind utility classes like fill-current.

Related Icons in Fontisto (Iconify)

Browse all Fontisto (Iconify) icons →
500px
500px
acrobat-reader
acrobat-reader
adjust
adjust
adobe
adobe
aids
aids
airplay
airplay
algolia
algolia
amazon
amazon
ambulance
ambulance
american-express
american-express
american-sign-language-interpreting
american-sign-language-interpreting
ampproject
ampproject