Home/Libraries/Freehand free icons (Iconify)/image-file-edit

Freehand free icons (Iconify)

ImageFileEdit

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"><path fill="#818cf8" fill-rule="evenodd" d="M19.912 12.345a3.4 3.4 0 0 0-.766.604a.31.31 0 0 0-.06.434c.251.332.523-.07 1.007-.262c.917-.353 2.187.816 2.177 1.37a2.3 2.3 0 0 1-.574 1.603c.1 0-2.016-1.673-2.732-2.298a.343.343 0 0 0-.494 0c-.423.423.303.675 2.59 2.893c-.332.493-.413.524-4.162 4.394a3.9 3.9 0 0 0-2.228-2.046c1.16-1.451 3.498-4.143 3.397-4.032a.314.314 0 0 0-.504-.373c-3.024 3.165-4.737 4.869-4.797 5.393c-.252 2.298-.424 3.356-.101 3.699c.635.685 3.185-.08 3.719-.413a74 74 0 0 0 6.541-7.449c1.532-2.429-1.3-4.425-3.013-3.518m-4.163 9.907a6.5 6.5 0 0 1-2.097.555c0-1.814.192-2.57.111-2.61c-.08-.041.121-.202.252-.374q.076-.118.172-.221a13.2 13.2 0 0 0 2.157 2.066a8 8 0 0 1-.595.584" clip-rule="evenodd"/><path fill="#818cf8" d="M7.877 2.074c-1.925.383-2.5 1.461-2.258 2.771c.555 2.954 5.665 1.754 4.516-1.38a2.016 2.016 0 0 0-2.258-1.391m-1.34 2.55c-.525-1.835 2.187-2.661 2.63-.867s-2.207 2.238-2.63.867M19.055.642a.303.303 0 0 0-.433 0c-.131.142 0 .152 0 .736c0 .585-.575 9.979.433 10.009a.333.333 0 0 0 .353-.333c.1-1.129.222-2.409.272-3.679c.07-2.913-.312-6.48-.625-6.733"/><path fill="#818cf8" d="M2.424 14.41c-.594-.16-.413-.14-.443-.584s-.333-11.269 0-12.508c1.008-.262 7.791-.393 9.071-.383c6.642.08 6.834.322 6.844-.212a.353.353 0 0 0-.333-.363C1.185-.335 1.053-.003.832 1.177C.449 3.243.66 14.098 1.164 14.824c.867 1.2 9.072.877 10.523.816a.313.313 0 0 0 0-.615c-.645-.02-6.955-.02-9.263-.614"/><path fill="#818cf8" d="M18.208 8.303c-1.3-2.016-3.205-3.246-5.463-2.016c-2.015 1.19-3.023 3.75-3.88 5.876c-.05.11 0 .141-.202-.222a4.45 4.45 0 0 0-2.016-1.733c-2.257-.847-3.336-.343-4.424.887c-.283.352-.151 1.2.15.877c1.09-1.2 1.563-1.391 3.851-.635c.961.304 1.783.94 2.318 1.794c0 .13-.221.816-.362 1.29c-.071.282.594.574.705 0c1.058-3.024 3.528-8.285 6.35-7.459a5.6 5.6 0 0 1 2.097 1.411q.301.331.655.605c.322.212.413-.433.221-.675"/></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. ImageFileEditIcon.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.