Home/Libraries/Freehand free icons (Iconify)/crop-image

Freehand free icons (Iconify)

CropImage

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="M12.974 9.59a1.5 1.5 0 0 0 .31-1.214a1.93 1.93 0 0 0-.75-1.483a2.17 2.17 0 0 0-1.565-.19a1.654 1.654 0 0 0-1.323 2.124c.592 2.015 2.817 1.364 3.328.762M10.68 8.586a.52.52 0 0 1 .49-.602a1 1 0 0 1 .682 0c.231.12.261.401.301.552c.04.15.09.38 0 .49c-.09.111-1.303.913-1.453-.41zm6.835 2.066a3 3 0 0 0-1.143-.602a3.7 3.7 0 0 0-2.085.05a4.5 4.5 0 0 0-1.734 1.003c-.43.42-.795.904-1.083 1.433a7.44 7.44 0 0 0-.912 3.83a.34.34 0 0 0 .331.36a.35.35 0 0 0 .371-.34a6.83 6.83 0 0 1 1.714-3.69c.401-.498.9-.91 1.464-1.212a2.78 2.78 0 0 1 1.744-.341c.286.041.56.144.802.3c.43.281.812.652 1.263 1.003a.4.4 0 0 0 .511-.611c-.481-.421-.832-.802-1.243-1.183"/><path d="M11.18 12.035a7 7 0 0 0-1.414-.662a4.5 4.5 0 0 0-1.654-.22a5.2 5.2 0 0 0-2.415.932c-.471.351-.742 2.095.29 1.384q.541-.366 1.123-.662a4.5 4.5 0 0 1 1.163-.421a3.5 3.5 0 0 1 1.253 0q.671.131 1.303.39a.402.402 0 0 0 .628-.318a.4.4 0 0 0-.277-.393z"/><path d="M23.209 18.18a23 23 0 0 0-3.198-.2c.11-.793.22-1.585.31-2.366c.131-1.233.231-2.446.291-3.68c.06-1.232.09-2.445.11-3.668q.05-.917 0-1.834a2.5 2.5 0 0 0-.28-1.003a2.64 2.64 0 0 0-1.634-1.112a15 15 0 0 0-3.709-.14c-3.388.07-6.686.751-10.024 1.002h-.12v-.682c.14-1.363.32-2.716.541-4.01a.35.35 0 0 0-.22-.48a.35.35 0 0 0-.411.28a72 72 0 0 0-.712 4.08c0 .27-.07.541-.11.822q-1.607.066-3.208-.09a.4.4 0 0 0-.247.743a.4.4 0 0 0 .147.048c1.066.143 2.142.21 3.217.2c-.11.793-.22 1.585-.31 2.367a65 65 0 0 0-.29 3.678a110 110 0 0 0-.111 3.67a18 18 0 0 0 0 1.833c.021.35.117.692.28 1.003a2.64 2.64 0 0 0 1.614 1.113c1.226.2 2.472.246 3.71.14c3.387-.07 6.685-.752 10.023-1.002h.12v.681a61 61 0 0 1-.54 4.01a.352.352 0 1 0 .69.13c.282-1.333.512-2.696.713-4.07c0-.27.07-.541.11-.822a23 23 0 0 1 3.208.09a.4.4 0 0 0 .44-.35a.39.39 0 0 0-.4-.381m-3.82-9.924v4.36c0 1.003-.05 1.935-.12 2.907c-.05.812-.12 1.634-.19 2.446h-.22c-3.329.11-6.637.672-10.025.622c-.982.055-1.967.039-2.947-.05a1.66 1.66 0 0 1-1.263-.592a1.5 1.5 0 0 1-.12-.651v-5.844c0-1.003 0-1.935.12-2.907c0-.812.12-1.634.19-2.446h.221c3.328-.11 6.636-.672 10.024-.622c.98-.077 1.966-.077 2.947 0a1.63 1.63 0 0 1 1.263.592c.089.205.13.428.12.651c.06.602 0 1.193 0 1.534"/></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. CropImageIcon.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.