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

Freehand free icons (Iconify)

TextFormatingRotateAngle

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"><g fill="#818cf8" fill-rule="evenodd" clip-rule="evenodd"><path d="M23.889 23.247c-.14-.14-.76-.31-.9-.17l-17.12-.37q-1.441.09-2.881 0a2.37 2.37 0 0 1-1.441-.56a1.9 1.9 0 0 1-.32-1.14q-.043-1.203.05-2.402c.06-2.652.1-12.347.14-16.389V.586a.2.2 0 0 0 0-.08c.03-.451-.43-.741-.6-.14a.7.7 0 0 0 0 .15c0 .26 0 .84-.08 1.65c-.18 4.062-.53 13.748-.67 16.389a17 17 0 0 0 0 3.002c.046.531.252 1.037.59 1.45c.452.419 1.014.7 1.62.81c1.191.16 2.396.187 3.592.08c2.922 0 12.107.12 16.009.06c.78 0 1.36 0 1.63-.06a.76.76 0 0 0 .391-.14a.36.36 0 0 0-.01-.51"/><path d="M4.508 9s.63.11 1.251.27q.398.096.78.24q.987.421 1.892 1q.902.544 1.68 1.251a8.5 8.5 0 0 1 2.002 2.452c.341.635.613 1.306.81 2c.47 1.787.713 3.626.72 5.474a.36.36 0 0 0 .35.32a.37.37 0 0 0 .37-.36a18.6 18.6 0 0 0-.7-6.904a9 9 0 0 0-2.761-3.902A12 12 0 0 0 8.9 9.61q-1.02-.51-2.11-.84c-.24-.07-.57-.14-.9-.2c-.651-.11-1.311-.18-1.311-.18a.32.32 0 0 0-.07.61M2.728 20.706c.28.1.17-.09 1.15-.58c.27-.14.49-.27.58-.33q.271-.246.5-.53c.26-.32.511-.741.731-1.001c0 0 .12-.08.1-.11a.36.36 0 0 0 .28-.35a.37.37 0 0 0-.36-.37a2 2 0 0 0-.86.42q-.345.225-.66.49c-.25.22-.44.44-.53.51s-.871.87-1.062 1.15c-.19.28-.12.651.13.701"/><path d="M10.542 13.612a.36.36 0 0 0-.37-.37a2.45 2.45 0 0 0-1.121.59a7 7 0 0 0-.59.47c-.22.22-.38.43-.46.51s-.58.801-.751 1.091q-.075.115-.13.24c0 .2 0 .32.15.37a.28.28 0 0 0 .21 0c.24 0-.12 0 1.31-.86q.381-.297.711-.65c.26-.32.47-.69.67-.9c0 0 .1-.06.08-.09a.36.36 0 0 0 .29-.4m3.193-3.103c.41-.33.85-.6 1.28-.93c.18-.13.35-.28.52-.43l.48-.5c.37-.4.701-.83 1.001-1.261a.37.37 0 0 0-.117-.599a.36.36 0 0 0-.393.079c-.44.33-.9.62-1.34 1a7 7 0 0 0-.831.73q-.626.715-1.11 1.531a.32.32 0 0 0 .126.536a.32.32 0 0 0 .353-.115zm5.372-5.112c.13-.07.47-.32.52-.36l1.001-.83c.15-.15.51-.471.88-.861s.54-.62.801-.89c.8-.811 1-.531 1-.901a.37.37 0 0 0-.37-.37a3.2 3.2 0 0 0-1.52.73c-.29.21-.6.45-.86.68c-.261.23-.601.64-.731.78l-.83 1.141a1.3 1.3 0 0 0-.46.59a.34.34 0 0 0 .57.29"/></g></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. TextFormatingRotateAngleIcon.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.