Home/Libraries/Freehand free icons (Iconify)/text-formating-font-size

Freehand free icons (Iconify)

TextFormatingFontSize

License: CC-BY-4.0

ICON SIZE

COLOR PICKER

Download SVG without fill color (CSS-styleable)

<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 24 24"><path fill="#818cf8" fill-rule="evenodd" d="M13.24 14.685c-.67-2.269-1.14-4.827-1.869-7.206a20 20 0 0 0-1.17-3.058a9.5 9.5 0 0 0-1.189-1.86a3 3 0 0 0-1.419-.999a1.78 1.78 0 0 0-1.729.43a7.7 7.7 0 0 0-1.38 2.798a66 66 0 0 0-2.098 6.487c-.61 2.209-1.12 4.457-1.56 6.596l-.809 4.188a.34.34 0 1 0 .66.15l1-4.148c.31-1.25.659-2.538.999-3.828h1.939l4.717-.51l1.57-.11h.999c.13.46.26.92.41 1.36c.19.6.45 1.549.69 2.558c.359 1.45.709 2.999.899 3.918a.38.38 0 0 0 .46.3a.39.39 0 0 0 .3-.45c-.17-.89-.48-2.498-.79-3.997c-.22-1.02-.45-2-.63-2.62m-2.349-1.929l-1.569-.1a17 17 0 0 0-1.999 0c-.58 0-1.17.12-1.739.21c-.39.06-.76.15-1.14.22l-1.538.28c.17-.59.34-1.19.52-1.78c.669-2.168 1.409-4.317 2.238-6.316a10 10 0 0 1 .88-2.109a.65.65 0 0 1 .72-.33a1.6 1.6 0 0 1 .749.58c.41.483.763 1.013 1.05 1.58c.463.92.854 1.876 1.169 2.858c.54 1.599 1 3.298 1.419 4.917zm12.763 6.727c-.22-1.189-.45-2.159-.61-2.928a19 19 0 0 0-.949-2.998a38 38 0 0 0-1.26-2.829c-.329-.67-.669-1.3-.999-1.839a6.6 6.6 0 0 0-1.359-1.899a1 1 0 0 0-.92-.1a2 2 0 0 0-.819.55q-.417.458-.72 1c-.42.749-.72 1.578-1.209 2.298a.34.34 0 0 0-.015.377a.34.34 0 0 0 .565.023c.55-.69.91-1.51 1.41-2.229q.276-.434.659-.78a1 1 0 0 1 .3-.2c.05 0 .11-.07.16 0c.358.475.657.992.889 1.54c.4.78.86 1.729 1.32 2.718a39 39 0 0 1 1.748 4.138h-.05q-.135-.015-.27 0c-.46-.07-1.589-.16-1.799-.17h-1.549c-.82 0-1.609.17-2.398.27a.34.34 0 0 0 0 .68c.79.1 1.579.29 2.388.33q.819.02 1.63-.08c.2 0 1.259-.19 1.699-.22h.07a.38.38 0 0 0 .44-.15a.2.2 0 0 0 0-.06c.21.74.489 1.659.779 2.798c.16.58.31 1.23.46 1.93a.37.37 0 0 0 .44.309a.39.39 0 0 0 .31-.45a32 32 0 0 0-.34-2.029" clip-rule="evenodd"/></svg>

Icons in Action

WEB APPLICATION HEADER & NAVIGATION

my-app.com/dashboard

Overview Dashboard

PROGRESS STEPPER

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. TextFormatingFontSizeIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **CC-BY-4.0** 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.