Home/Libraries/Freehand free icons (Iconify)/transform-right

Freehand free icons (Iconify)

TransformRight

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="M13.589 15.076a.34.34 0 0 1-.34-.34q-.06-1.046 0-2.092c.11-.5.12-1.08.55-1a.34.34 0 0 1 .3.34c.264.726.299 1.515.1 2.261a2 2 0 0 1-.08.54c-.11.181-.25.341-.53.291m-.15 4.344a.34.34 0 0 1-.34-.341a7.8 7.8 0 0 1 .27-2.682a.35.35 0 0 1 .23-.12c.15-.07.38 0 .48.42q.13.355.16.73c.05.591-.23 2.092-.8 1.992M8.315 9.312c.25.16.11.54 0 .54a12.1 12.1 0 0 1-3.422.32a.34.34 0 0 1 0-.48c.54-.87 3.322-.48 3.422-.38m-7.965.14c.95-.49 1.76-.08 2.651-.08c.337-.04.679-.006 1.001.1a.3.3 0 0 1-.23.55c-1.761.34-2.422.26-2.822.41c0 .08.23 2.492 0 2.733c-.23.24-.54.13-.69-.43q-.102-.572-.1-1.151c-.07-.821-.411-1.812.19-2.132m.47 4.744c.22 0 .5.89.54 1.11c.1.52-.28 1.822-.7 1.732a.34.34 0 0 1-.34-.34a34 34 0 0 1 .16-2.252a.29.29 0 0 1 .34-.25M15.23 7.71a.34.34 0 0 1-.49-.47c.86-.92 2.371-1.22 3.322-1.8c.23-.14.39-.271.64-.451c-.2 0-.61 0-.76.08c-1.26.27-13.55.53-12.449-.11c-.42-.26.14-.43 4.073-.55c4.463-.631 6.455.16 8.276 0h.69a5 5 0 0 0-.42-.51C16.782 2.486 14.76 1.235 14.7.895a.381.381 0 0 1 .48-.47c.578.32 1.121.7 1.621 1.13q1.102.685 2.102 1.512c.73.68 1.41 1.84.67 2.611c-1.14 1.171-3.442 1.161-4.343 2.032"/><path d="M2.15 22.842q1.106-.17 2.222-.17c.09 0 8.446 0 8.537-.06c1.84-2.943 2-2.082 4.503-5.494c1.07-1.441 2.051-2.952 3.122-4.424c.56-.77 1.471-1.53 2.001-2.291c-.08 0 .09-.07-3.702-.17c-2.092 0-3.913.31-6.215.28a12.7 12.7 0 0 0-2.231-.2c.1.12-3.653 5.113-3.813 5.313c-1.511 1.882-3.002 3.483-3.763 4.544a7 7 0 0 0-.56 1c-.67.801-.91.11 0-1.39c.81-1.191 2.091-2.592 3.672-4.624c1.001-1.26 1.001-1.35 3.223-4.633c.18-.26.37-.8.72-1c.77-.431 2.082 0 2.752 0c3.393 0 12.279-1.342 11.308.8c-.59 1.27-1.76 2.071-2.501 3.072c-1.091 1.461-2.082 3.002-3.183 4.403c-2.622 3.383-1.931 1.691-4.613 5.334a1 1 0 0 1-.32.29s-9.447-.07-10.007 0c-2.112.1-1.421.16-1.702.17a.29.29 0 0 1-.3-.3c-.01-.45.58-.4.85-.45M.63 19.35c.37-1.102.82.52.83 1.62c-.05.44-.18 1.491-.23 1.772a.34.34 0 0 1-.67 0a7.6 7.6 0 0 1-.22-1.952q.092-.731.29-1.44"/></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. TransformRightIcon.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.