Home/Libraries/Freehand free icons (Iconify)/drawer-download

Freehand free icons (Iconify)

DrawerDownload

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.989 17.358c0-.68.06-1.67-.58-1.999c-1.29-.71-4.518-.75-5.728 0c-.67.43-.55 1.44-.74 2c-.07.209-8.176.359-9.665-.08c-.92-.27-.28-1.27-1.28-1.85c-.51-.3-4.737 0-5.157.08c-1.68.43-.41 4.998.14 6.617a.31.31 0 1 0 .58-.19c-.39-1.22-1.11-4.198-.75-5.387c0-.15.09-.27.21-.3a33 33 0 0 1 4.248-.08c.14 0 .29.09.32.05c.4.33 0 1.539 1.389 1.999s9.536.68 10.485.19c.59-.31.66-1 .75-1.65c0-.16.21-.35.12-.43a4.85 4.85 0 0 1 2.199-.35q1.103.08 2.19.29c.269-.16.079 1 .099 1.19c.06.79-.12 3.998-.75 4.538s-6.996.74-7.876.76c-12.305.3-12.665-.5-12.784.17a.34.34 0 0 0 .28.4c.76.15 19.18.999 21.06-.47c1.08-.85 1.31-4.288 1.24-5.498"/><path d="M6.796 10.681c.27 1.48 3.559 5.068 5.168 5.298c1.61.23 4.638-4.418 4.558-5.378s-1.18-.94-2.06-1.19a2 2 0 0 0-.3-.11c0-.08-.17-2.388-.17-2.288c-.139-1.53-.999-4.838-1.059-6.328a.345.345 0 1 0-.69 0c0 1.59.77 4.848.86 6.398q.113 1.126.11 2.259c.07.91.63.87 1 1s1 .19 1.28.3a11.8 11.8 0 0 1-1.85 2.888c-.24.29-1.16 1.31-1.49 1.27c-1.199-.17-3.997-3.42-4.167-4.199l2.189-.48a1.18 1.18 0 0 0 .53-.73c.17-.51.999-8.736.999-8.805c-.09-.41-.48-.34-.63-.08a3.3 3.3 0 0 0-.18.51c-.68 5.337-.94 7.396-1 7.776c0 .19-.26.36-.19.47c-.919.29-3.158.02-2.908 1.42"/><path d="M.599 14.84a.33.33 0 0 0 .48-.13q.253-.458.43-.95c1.169-2.35.999-1.82 1.419-2.81a5.6 5.6 0 0 1 1.29-2.108a13 13 0 0 1 3.268-.75a.345.345 0 0 0 0-.69a11.6 11.6 0 0 0-3.898.61c-1.28.86-1.8 2.59-2.77 5.528c-.13.31-.499 1.04-.22 1.3m17.393-7.118a4.8 4.8 0 0 1 1.76.41c.68.56 2.218 5.208 2.448 6.327a.35.35 0 0 0 .68-.12c-.21-1.769-1-6.057-2.469-7.076a4.2 4.2 0 0 0-2.379-.35c-.14 0-2.699 0-2.739.43s1.25.21 2.7.38"/></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. DrawerDownloadIcon.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.