Home/Libraries/Freehand free icons (Iconify)/move-rectangle-left

Freehand free icons (Iconify)

MoveRectangleLeft

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="M7.242 3.938a.38.38 0 0 0-.37-.37a.38.38 0 0 0-.37.37c0 2.74 0 7.287-.11 10.996c0 1.929-.08 3.618-.14 4.678a13.2 13.2 0 0 1-.44 2.908a5.1 5.1 0 0 1-1.998.24a5.4 5.4 0 0 1-2-.34c-.12-.54-.33-1.429-.35-1.739c-.12-1.82-.14-5.348-.14-8.906s0-6.997.08-8.926q.008-.504.1-1c.1-.42.2-.59.3-.64a4.9 4.9 0 0 1 1.59-.36C4.434.74 5.563.74 6.143.7c0 0 .05 0 .07.07q.16.213.23.47c.091.325.135.662.13 1a.33.33 0 1 0 .649 0a3.7 3.7 0 0 0-.31-1.66a.91.91 0 0 0-.81-.579c-.67 0-2.099 0-3.248.11a4.9 4.9 0 0 0-1.47.36a1.27 1.27 0 0 0-.61.7A4.8 4.8 0 0 0 .445 2.82c-.14 2.309-.32 6.737-.37 10.755c0 2.939 0 5.668.1 7.197c.043.58.137 1.156.28 1.72c.082.393.298.746.61.999c.854.368 1.78.54 2.709.5a5.7 5.7 0 0 0 2.728-.51a1.65 1.65 0 0 0 .52-1c.186-.942.296-1.898.33-2.858v-4.718c0-3.669-.09-8.217-.11-10.966m14.314 7.796a.32.32 0 0 0-.34-.31l-2.919-.25h-2.269c-1.27.08-2.649.26-3.338.27a.37.37 0 0 0-.39.35a.38.38 0 0 0 .35.39c1.131.13 2.27.197 3.408.2c.91 0 1.75-.07 2.24-.07l2.938-.27a.34.34 0 0 0 .32-.31"/><path d="M23.915 11.725a3.3 3.3 0 0 0-.92-1.07c-1-.92-2.899-2.279-3.308-2.608a.33.33 0 0 0-.44.48c.41.42 2.359 2.378 3.199 3.298c-1 .9-3.469 2.919-3.899 3.199a.37.37 0 0 0 .36.64c.42-.21 2.649-1.62 3.908-2.55q.456-.333.86-.73a.71.71 0 0 0 .24-.659"/></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. MoveRectangleLeftIcon.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.