Home/Libraries/Freehand free icons (Iconify)/resize-expand-arrow

Freehand free icons (Iconify)

ResizeExpandArrow

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.773 3.778c-.13-4 .09-4.1-3.39-3.52a.34.34 0 0 0 .09.67a5.8 5.8 0 0 1 2.18-.05c0 .08.07.29.08.37c.05.75 0 1.71-.06 2.53c0 .05.06.28.07.45q-1.291.099-2.58 0c-.12 0-.4-.17-.49 0a22 22 0 0 1-.29-2.4c-.06-.54 0-1.39-.06-1.46s-.55-.21-.59.24c0 .28-.06 1.06-.05 1.36c-3.161-.14 0-.42-7.312-.42c-5.78.45-5.86.45-6.1.45c0-.67-.08-1.55-.52-1.76a5.2 5.2 0 0 0-2.81.1a.34.34 0 0 0-.28.38c.06.53.68.15 1.89.15a2 2 0 0 1 .66.13c0 .08.07.29.08.37c0 .75 0 1.71-.06 2.52c0 .06.06.29.07.46q-1.29.099-2.58 0c-.12 0-.4-.16-.49 0a23 23 0 0 1-.29-2.45C.88 1.358.91.508.88.438S.33.218.29.678c-.07.78-.07 2.75-.06 3.09c0 .92 0 1.57 1.49 1.64c1.33 0 3.25.42 3.56-.59c.088-.71.088-1.43 0-2.14c4.11-.12 2.67.16 6.15 0c1.09-.08 7.141 0 7.221 0c0 2.69 0 2.58 2.3 2.74a.32.32 0 0 0-.08.21c-.08 3.92-.92 8.221-.12 13.142l-.61.12a.32.32 0 0 0-.29.37c.07.53.69.15 1.89.15c.227-.008.454.023.67.09c-.05.09.06.29.07.37c.05.75 0 1.71-.06 2.53c0 0 .06.28.07.45q-1.284.105-2.57 0c-.12 0-.41-.17-.5-.05c-.17-.74-.18-1.59-.28-2.4c-.07-.54 0-1.38-.07-1.45s-.55-.22-.59.23c-.06.79-.06 2.75-.05 3.09c0 .94 0 1.58 1.49 1.64c1.32 0 3.24.43 3.55-.59a15 15 0 0 0-.24-4.26c-.29-.55-1.21-.52-1.82-.44c-.09-1.42-.07-2.844.06-4.26c.193-2.92.213-5.85.06-8.772c0-.29-.34-.12.68-.16c1.58-.06 1.57-.5 1.56-1.65"/><path d="M9.831 13.63a39 39 0 0 0-6.16-.47c-.77.32-.71.59 0 .8c1.66.21 4.71.53 4.64.53c1.64.24 1.11 0 1.25 1c.2 1.343.276 2.702.23 4.06c.22.76.5.54.81 0c.11-1.74.34-4.6-.27-5.49a36.6 36.6 0 0 0 5.67-6.151c.18 2.56 0 2.64 0 3.84a.34.34 0 0 0 .67 0c.06-1.08.38-1.94.38-3.14c0-2.82.541-2.32-4.9-1.73c-.15 0-.49-.06-.6 0a.3.3 0 0 0 0 .55c.18.09 0 .15 3.75.15c-2.73 2.63-1.85 1.58-5.47 6.05"/><path d="M16.922 21c-1.2 0-13.681-.65-13.921-1c-.38-.57-.17-1.67-.18-2.45c-.16-7.561.06-10.861 0-11.211a.34.34 0 0 0-.61.19c-.44 4.53-.45 9.92-.47 11s-.41 3 1 3.57c1.12.47 12.06.66 14.261.62a.363.363 0 0 0-.08-.72"/></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. ResizeExpandArrowIcon.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.