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

Freehand free icons (Iconify)

TextFormatingRotateVertical

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" d="M15.618 13.65a.9.9 0 0 0-.41-.459c-.528-.26-4.829-.459-8.58-.4q-2.278.015-4.541.26c-.48.032-.946.169-1.367.4a2.13 2.13 0 0 0-.52 1.197a20.5 20.5 0 0 0-.179 3.792a21.7 21.7 0 0 0 .41 3.762c.063.437.27.84.588 1.147c1.394.31 2.826.421 4.251.33c3.223 0 7.504-.23 9.38-.48a.3.3 0 0 0 .302-.45a.3.3 0 0 0-.302-.148c-1.607.17-4.99.24-7.983.2c-1.696 0-3.243-.08-4.221-.19a5 5 0 0 1-.748-.1c.05-.09-.13-.3-.18-.549a21.6 21.6 0 0 1-.31-3.552c-.048-1.19.005-2.382.16-3.562q.051-.267.15-.52a3.8 3.8 0 0 1 .998-.169c1.317-.18 3.423-.27 5.488-.32c2.252-.116 4.51-.07 6.756.14q.06.12.09.25c.154.782.228 1.578.219 2.375c0 1.576 0 3.422-.11 4.65a.35.35 0 0 0 .689 0a57 57 0 0 0 .22-6.277a4.7 4.7 0 0 0-.25-1.327m5.728-11.735q.319.013.628.09c.938.27.898.639.928.898c.03.26 0 .49.12.908a.34.34 0 1 0 .678 0c.06-.499.14-.718.18-.998q.017-.255 0-.509a1.33 1.33 0 0 0-.998-.997a3 3 0 0 0-1.586.06a.3.3 0 0 0-.27.319a.31.31 0 0 0 .32.23m2.045 4.51a.31.31 0 0 0-.3.299c-.079.499-.189.998-.249 1.457v1.237c0 .51.12.998.16 1.447a.35.35 0 0 0 .689 0c.08-.469.18-.948.239-1.457v-.628q.022-.315 0-.63c0-.488-.16-.997-.24-1.456a.31.31 0 0 0-.299-.27m.489 7.455a.3.3 0 0 0-.28-.32a.3.3 0 0 0-.319.28c-.658 1.995-.309 1.566-1.247 1.846l-.619.19a.35.35 0 0 0-.299.379a.34.34 0 0 0 .38.299h.688a3.8 3.8 0 0 0 .998-.12c.235-.063.443-.203.588-.399c.136-.227.215-.484.23-.748a7.7 7.7 0 0 0-.12-1.407m-4.171 1.806c-.29-.05-.559-.16-.888-.22h-.788c-.32 0-.62.13-.928.2a.34.34 0 1 0 0 .678c.299.06.588.15.908.21q.195.015.389 0q.204.023.409 0a5 5 0 0 0 .948-.28a.3.3 0 0 0 .258-.212a.3.3 0 0 0 .011-.117a.3.3 0 0 0-.319-.26m-6.626-7.842a.34.34 0 0 0-.359.319c-.09.369-.19.658-.26.998c0 .15-.05.28-.07.429q-.015.214 0 .429q.072.506.21.998a.31.31 0 0 0 .29.309a.3.3 0 0 0 .309-.3c.1-.358.22-.648.29-.997q.045-.207.06-.42V9.18c0-.32-.08-.629-.13-.998a.35.35 0 0 0-.34-.34m4.381-5.308q.19.015.379 0c.34 0 .629-.1.908-.14a.34.34 0 0 0 .36-.32a.32.32 0 0 0-.31-.358c-.28-.08-.549-.19-.878-.26a2.5 2.5 0 0 0-.38-.06a1.7 1.7 0 0 0-.389 0q-.46.068-.908.19a.31.31 0 0 0-.303.408a.3.3 0 0 0 .273.2c.31.1.57.22.869.3q.188.034.379.04M11.896.887q.042.106.12.19l.538 1.138c.779 2.325 1.148 1.646-1.556 2.444q-.33.041-.639.16a.63.63 0 0 0-.37.36a.35.35 0 0 0 .19.448c.1 0-.319 0 1.827-.28c.439-.059.878-.139 1.297-.219q.094-.006.19 0q.216 0 .418-.08a.77.77 0 0 0 .35-.319a.92.92 0 0 0 .12-.579a3.2 3.2 0 0 0-.18-.648a6 6 0 0 0-.28-.729a8 8 0 0 0-.568-.997l-.759-.998a1.4 1.4 0 0 0-.3-.38a.32.32 0 0 0-.478 0a.31.31 0 0 0 0 .43z"/><path fill="#818cf8" d="M4.492 8.481a.35.35 0 0 0 .389-.28c.192-1.013.528-1.994.998-2.913c.232-.44.51-.855.828-1.237c.261-.347.604-.625.998-.809a3.8 3.8 0 0 1 1.856-.309a6 6 0 0 1 1.946.479a.3.3 0 0 0 .489-.12a.31.31 0 0 0-.12-.409a6.8 6.8 0 0 0-2.126-.828a5 5 0 0 0-2.375.12A4.36 4.36 0 0 0 5.3 4.22a10.4 10.4 0 0 0-1.098 3.882a.33.33 0 0 0 .29.38"/><path fill="#818cf8" d="M2.735 9.818q.218.452.48.878q.187.269.409.51c.13.127.291.217.469.259a.82.82 0 0 0 .638-.13a3 3 0 0 0 .44-.439l1.286-1.138c.2-.16.849-.548 1.108-.728s.21-.18.22-.22a.3.3 0 0 0-.2-.429s-1.387.53-1.577.659c-.19.13-.778.41-1.137.659c-.729.508-.4.898-1.397-.64c-.49-.737-.998-1.566-.998-1.566a.341.341 0 1 0-.609.31s.44 1.187.868 2.015"/></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. TextFormatingRotateVerticalIcon.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.