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

Freehand free icons (Iconify)

FormEditionImageAttach

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="M22.047 13.552a3.52 3.52 0 0 0-2.869-1a4.53 4.53 0 0 0-2.379 1.19a17 17 0 0 0-2.329 2.919q-.546.735-1 1.53a6.2 6.2 0 0 0-.5 1.159a4.74 4.74 0 0 0-.1 2.589a2.92 2.92 0 0 0 1.1 1.55a2.2 2.2 0 0 0 2.31.319c1.299-.57 2.359-2.489 3.058-3.459l.91-1.349c.216-.374.394-.77.53-1.18a3.4 3.4 0 0 0 .19-.92a1.58 1.58 0 0 0-.82-1.528a1.76 1.76 0 0 0-1.68.12c-.306.2-.576.45-.799.74q-.45.597-.82 1.249c-.18.29-.34.59-.51.89s-.44.909-.66 1.369a.28.28 0 0 0 .13.38a.28.28 0 0 0 .38-.13c.23-.44.46-.89.7-1.32s.32-.57.5-.84q.375-.605.82-1.16c.175-.216.388-.4.63-.539a1 1 0 0 1 .95-.07a.8.8 0 0 1 .359.8a3 3 0 0 1-.21.83q-.175.425-.43.81l-.92 1.269a13.4 13.4 0 0 1-2.288 2.799a1.27 1.27 0 0 1-1.68 0a1.9 1.9 0 0 1-.7-1.28c-.071-.55-.02-1.11.15-1.64a5.7 5.7 0 0 1 .42-.999q.398-.744.89-1.43a16 16 0 0 1 2.109-2.808c.5-.519 1.15-.868 1.86-1a2.61 2.61 0 0 1 2.158.69a2.8 2.8 0 0 1 1 2.12a5.6 5.6 0 0 1-.41 1.778a18 18 0 0 1-1.13 2.39a.331.331 0 0 0 .58.32q.719-1.208 1.27-2.5a6.2 6.2 0 0 0 .44-1.889a3.64 3.64 0 0 0-1.21-2.769"/><path d="M3.975 12.483c.394-1.523.695-3.069.9-4.628c.32-2.4.48-4.828.689-7.217l7.407 1.1c.54.08 1.28.129 2 .259l.529.11l-.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.589c.444.18.913.287 1.39.32c1 .08 1.999 0 2.999.14q.43.05.85.16v.84c-.08.999-.27 2.058-.27 2.058a.33.33 0 0 0 .26.38a.33.33 0 0 0 .379-.25s.31-1.389.42-2.469a3.7 3.7 0 0 0 0-1.2a5.7 5.7 0 0 0-.64-1.089c-.51-.83-1.23-1.819-1.54-2.259s-.689-1.12-1.109-1.64a3.1 3.1 0 0 0-.75-.679a4 4 0 0 0-1.1-.4c-.789-.22-1.718-.25-2.358-.34a92 92 0 0 0-2.39-.23C8.874.298 7.024.188 5.175.008c-.56-.07.08.17-1.2 7.708a40 40 0 0 1-1.109 4.758l-1.57 5.597a10 10 0 0 0-.52 1.26a1.2 1.2 0 0 0 0 .56a.8.8 0 0 0 .33.44q.406.24.86.36c1.89.56 6.398 1.179 8.647 1.848a.31.31 0 0 0 .4-.21a.33.33 0 0 0-.21-.41c-.53-.18-1.19-.36-1.91-.539c-1.999-.51-4.548-1-6.087-1.45c-.41-.12-.77-.39-1-.45l.44-1.069c.16-.44.34-1 .53-1.7c.3-1.049.62-2.258.87-3.188M16.639 3.007c.36.46.7 1 1 1.339c.3.34 1.07 1.35 1.62 2.14l.31.489l-.46-.11c-1-.22-2-.26-3-.44a5.4 5.4 0 0 1-.74-.15c-.139 0-.299-.06-.349-.17a1.2 1.2 0 0 1 .08-.66c.15-.58.39-1.199.48-1.499l.52-1.54q.314.262.54.6"/><path d="M4.804 12.703c.73-.57 1.44-1.16 2.17-1.7c.12-.1.38-.31.65-.49c.269-.18.439-.11.429-.23a.86.86 0 0 1 .47.34q.309.356.55.76s1.219 2 1.999 3.089q.33.5.69 1a.33.33 0 0 0 .46.07a.31.31 0 0 0 .05-.54c-.21-.32-.41-.64-.6-1s-.49-.9-.73-1.36l2.789-1.839c.2-.12.42-.26.65-.37a.94.94 0 0 1 .48-.13a1.8 1.8 0 0 1 .819.33c.423.33.806.71 1.14 1.13a.31.31 0 0 0 .44.06a.31.31 0 0 0 .07-.45a7.4 7.4 0 0 0-1.1-1.37a2.8 2.8 0 0 0-1.19-.65a1.74 1.74 0 0 0-.9.06a4.8 4.8 0 0 0-1 .49q-.525.335-.999.74c-.53.45-1 .93-1.52 1.41l-.649-1.23a5.2 5.2 0 0 0-.78-1.12a1.8 1.8 0 0 0-1-.539a1.5 1.5 0 0 0-.809.22q-.534.357-1 .8c-.58.53-.899.87-1.459 1.419s-.64.95-.12 1.1m4.638-6.288a.35.35 0 0 0-.24.4a.33.33 0 0 0 .4.23a1.63 1.63 0 0 0 1.21-1a1.56 1.56 0 0 0-.31-1.649a2.2 2.2 0 0 0-1.09-.62a2.7 2.7 0 0 0-1.2 0a2 2 0 0 0-1.518 2a1.37 1.37 0 0 0 .69 1.169a1.48 1.48 0 0 0 1.249 0a.3.3 0 0 0 .19-.36a.29.29 0 0 0-.36-.19a.83.83 0 0 1-.7-.09a.55.55 0 0 1-.17-.55a1 1 0 0 1 .85-.89c.247-.05.502-.05.75 0c.227.025.442.116.62.26a.68.68 0 0 1 .24.69a.92.92 0 0 1-.61.6"/></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. FormEditionImageAttachIcon.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.