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

Freehand free icons (Iconify)

TextFormatingSquare

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="M3.435 1.072a2 2 0 0 1 .28 0c.1.61.2 1.818.21 1.998a.29.29 0 0 0 .29.31a.3.3 0 0 0 .309-.29c0-.26.07-1.698 0-2.287a.93.93 0 0 0-.17-.5a.9.9 0 0 0-.41-.13a9.5 9.5 0 0 0-1.917-.17a8 8 0 0 0-1.319.09a.72.72 0 0 0-.47.26a.8.8 0 0 0-.14.33a6 6 0 0 0 0 .999c-.001.83.072 1.66.22 2.477a.8.8 0 0 0 .6.31q.465.024.929 0c-.08 1.328-.2 3.206-.25 5.264v2.227c0 .75 0 1.498.06 2.228c.07 1.997.19 3.835.25 5.193a.2.2 0 0 0 0 .08a9 9 0 0 0-1.209.09a.82.82 0 0 0-.47.26a.8.8 0 0 0-.139.33a6 6 0 0 0 0 .998c.012.836.102 1.669.27 2.488a.75.75 0 0 0 .589.35q1.236.056 2.467-.07a.33.33 0 0 0 .32-.35a.35.35 0 0 0-.36-.33q-1.078 0-2.147-.13a2 2 0 0 1 0-.26V20.7a20 20 0 0 1 2.237-.12q.14-.009.28 0c.1.61.2 1.808.21 1.998a.3.3 0 0 0 .29.31a.31.31 0 0 0 .309-.3c0-.25.07-1.688 0-2.287a.93.93 0 0 0-.17-.5a.9.9 0 0 0-.43-.2q-.691-.135-1.398-.15a.4.4 0 0 0 0-.1c0-1.368.12-3.216.15-5.204V9.703c-.08-2.058-.21-3.926-.25-5.194a.14.14 0 0 0 0-.07l1-.07a.34.34 0 0 0 0-.68a18 18 0 0 1-2.148-.13a2 2 0 0 1 0-.26V1.153a20 20 0 0 1 2.127-.08m16.711 3.416h1.179c0 .909-.07 3.186 0 5.773c0 1.159.06 2.377.1 3.546c.08 2.088.2 3.995.18 5.314a.35.35 0 0 0 .329.36a.34.34 0 0 0 .35-.33c.11-1.249.21-3.157.23-5.204V11.72c0-.739 0-1.508-.08-2.227c-.14-2.268-.35-4.195-.43-4.994h.66a.34.34 0 1 0 0-.68a18 18 0 0 1-2.158-.16V3.4c0-.618 0-1.577.06-2.137q1.115-.114 2.237-.09q.14-.009.28 0c.1.61.18 1.808.19 1.998a.29.29 0 0 0 .29.31a.3.3 0 0 0 .309-.29c0-.25.09-1.688.05-2.287a.87.87 0 0 0-.16-.5a1 1 0 0 0-.54-.18c-.635-.126-1.28-.2-1.927-.22a7 7 0 0 0-1.319.08a.8.8 0 0 0-.47.25a.8.8 0 0 0-.14.33a5 5 0 0 0-.06.999c.003.835.083 1.667.24 2.487a.76.76 0 0 0 .6.34m3.506 15.4a.9.9 0 0 0-.43-.199a10 10 0 0 0-1.927-.19a8.4 8.4 0 0 0-1.319.07a.8.8 0 0 0-.47.25a.9.9 0 0 0-.14.33q-.072.45-.059.909c-1.189-.1-2.917-.2-4.775-.24h-2.137c-.71 0-1.448 0-2.138.07c-2.307.12-4.265.32-4.994.39a.3.3 0 0 0 0 .599c.79 0 3.077.1 5.674.11c1.118 0 2.287 0 3.416-.07c1.917-.06 3.705-.15 4.924-.15c.02.63.093 1.26.22 1.878a.79.79 0 0 0 .6.31q1.227.087 2.456 0a.33.33 0 0 0 .33-.35a.34.34 0 0 0-.35-.33a18 18 0 0 1-2.157-.15v-.27c0-.609 0-1.578.06-2.137q1.115-.107 2.237-.09q.14-.009.28 0c.1.61.18 1.818.19 1.998a.3.3 0 0 0 .29.32a.32.32 0 0 0 .309-.3c0-.25.09-1.688.05-2.278a.9.9 0 0 0-.14-.48m-8.5-13.194h.999a.62.62 0 0 1 .38.06c.139.1.169.32.179.7v2.307a.34.34 0 0 0 .68 0l.05-1.309v-.999a1.69 1.69 0 0 0-.43-1.408c-.36-.33-1-.31-1.908-.42c-.22 0-.41 0-.6-.05s-.39 0-.609 0l-1.858.19c-.48 0-.999.08-1.438.15l-2.128.29a8 8 0 0 0-1.058.23a1.5 1.5 0 0 0-.55.309a.46.46 0 0 0-.13.27a4 4 0 0 0 0 .53v1.457c.001.263.07.521.2.75a.302.302 0 0 0 .5-.34a1.2 1.2 0 0 1 0-.63c0-.459.1-.998.11-1.238s-.23-.23.359-.32q.33-.015.66 0l3.265-.23c0 .37 0 1.579-.06 2.078c-.06.5-.05.8-.07 1.189c0 .61-.07 1.219-.09 1.818c-.02.6 0 1.368 0 2.058l.1 1.847c0 .08-.08.5 0 .58s0 .05 0 .08h-.18c-.788.08-1.537.22-2.077.23a.301.301 0 1 0-.06.599q1.12.225 2.258.28h1.108c.35 0 .79-.08 1.09-.11h1.527a.343.343 0 1 0 .09-.68l-1.618-.28c-.21 0-.45-.05-.719-.06h-.69v-.619l.16-1.907c0-.4.06-.8.09-1.199c0-.61.07-1.219.08-1.828c.01-.61 0-1.378-.1-2.068c0-.499-.2-1.738-.24-2.087l1.689-.2zm-1.918-4.335c1.758 0 3.436-.15 4.625-.14a.34.34 0 0 0 0-.68a66 66 0 0 0-4.535-.259h-1.938c-.64 0-1.318 0-1.998.06a87 87 0 0 0-4.514.39a.3.3 0 0 0 0 .599c.799 0 2.836.11 5.154.11c1.118-.01 2.177-.04 3.206-.08" 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. TextFormatingSquareIcon.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.