Home/Libraries/Freehand free icons (Iconify)/form-edition-file-attach

Freehand free icons (Iconify)

FormEditionFileAttach

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="M10.78 21.92a25 25 0 0 0-1.91-.54c-1.999-.51-4.548-1-6.087-1.46a9 9 0 0 1-1-.44l.44-1.069c.16-.44.34-1 .53-1.7c.39-1.369.81-2.998 1.08-3.928a37 37 0 0 0 .999-4.928c.33-2.4.48-4.828.69-7.217l7.447 1.1c.54.08 1.28.13 2 .25l.53.119l-.72 1.51a12 12 0 0 0-.81 1.769a1.68 1.68 0 0 0 0 1.14a1.3 1.3 0 0 0 .61.59c.443.179.912.287 1.389.32c1 .08 2 0 2.999.14q.43.049.85.159v.84c-.08 1-.27 2.059-.27 2.059a.33.33 0 0 0 .64.13s.31-1.39.42-2.47a3.7 3.7 0 0 0 0-1.199a5.7 5.7 0 0 0-.64-1.09c-.51-.83-1.23-1.819-1.54-2.259s-.69-1.12-1.11-1.639a3.3 3.3 0 0 0-.75-.68a3.7 3.7 0 0 0-1.099-.4c-.79-.22-1.72-.25-2.36-.34a92 92 0 0 0-2.388-.23C8.87.298 7.02.188 5.172.008c-.56-.07.08.17-1.2 7.708a40 40 0 0 1-1.11 4.758l-1.569 5.598q-.295.615-.52 1.26a1.4 1.4 0 0 0 0 .56a.8.8 0 0 0 .33.44c.27.155.56.276.86.36c1.89.56 6.398 1.169 8.647 1.849a.32.32 0 0 0 .4-.21a.33.33 0 0 0-.23-.41m5.848-18.913c.37.46.71 1 1 1.34s1.069 1.349 1.609 2.138c.12.18.23.34.32.49l-.46-.11c-1-.22-2-.26-3-.44a5.4 5.4 0 0 1-.739-.15c-.14 0-.3-.06-.35-.17a1.2 1.2 0 0 1 .08-.66c.15-.579.39-1.199.48-1.499l.52-1.54c.21.171.392.374.54.6"/><path d="M22.046 13.553a3.53 3.53 0 0 0-2.87-1a4.4 4.4 0 0 0-2.378 1.18a17 17 0 0 0-2.33 2.919q-.545.734-1 1.53a6.2 6.2 0 0 0-.499 1.169a4.74 4.74 0 0 0-.1 2.589c.183.625.57 1.17 1.1 1.55a2.19 2.19 0 0 0 2.299.32c1.31-.57 2.359-2.49 3.069-3.46l.9-1.349q.335-.56.54-1.18a3.4 3.4 0 0 0 .19-.92a1.55 1.55 0 0 0-.82-1.519a1.73 1.73 0 0 0-1.68.11a3.1 3.1 0 0 0-.8.74q-.45.598-.82 1.25c-.18.29-.34.59-.51.89s-.44.909-.659 1.369a.28.28 0 0 0 .04.313a.3.3 0 0 0 .09.067a.28.28 0 0 0 .38-.13c.23-.44.45-.89.7-1.32s.32-.57.5-.84q.372-.601.81-1.16c.18-.214.396-.397.639-.539a1 1 0 0 1 .95-.07a.85.85 0 0 1 .36.81a3.2 3.2 0 0 1-.21.83q-.18.418-.43.8l-.92 1.269a13.4 13.4 0 0 1-2.29 2.799a1.27 1.27 0 0 1-1.679 0a1.9 1.9 0 0 1-.7-1.28c-.071-.55-.02-1.11.15-1.64q.163-.519.42-.999q.402-.742.89-1.43a16 16 0 0 1 2.11-2.808a3.53 3.53 0 0 1 1.859-1a2.65 2.65 0 0 1 2.159.69a2.83 2.83 0 0 1 1 2.119a5.6 5.6 0 0 1-.41 1.78a18 18 0 0 1-1.13 2.388a.331.331 0 0 0 .58.32q.719-1.206 1.27-2.499c.244-.603.393-1.24.44-1.89a3.64 3.64 0 0 0-1.21-2.768"/></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. FormEditionFileAttachIcon.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.