Home/Libraries/Freehand free icons (Iconify)/gesture-zoom-in

Freehand free icons (Iconify)

GestureZoomIn

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="M21.438 13.982c-.669-.389-1.766-.648-2.604-.997h-.06a9.7 9.7 0 0 0-.21-4.19c-.488-1.527-1.526-2.375-3.172-1.926a1.53 1.53 0 0 0-1.137 1.297c-.026.98.092 1.957.349 2.903c.203.96.203 1.953 0 2.913a3.26 3.26 0 0 1-1.626 2.045a2.07 2.07 0 0 1-1.566.12a3.55 3.55 0 0 1-1.567-.878a2.54 2.54 0 0 0-2.993-.08a1.436 1.436 0 0 0-.319 2.125a8.3 8.3 0 0 0 1.995 2.225a16.5 16.5 0 0 0 2.524 1.427c.356.179.654.456.858.798c.22.624.35 1.275.39 1.935a.36.36 0 0 0 .389.3a.35.35 0 0 0 .289-.39a7.7 7.7 0 0 0-.38-2.175a2.9 2.9 0 0 0-1.097-1.157a14.4 14.4 0 0 1-2.374-1.436a7.5 7.5 0 0 1-1.686-1.996a.49.49 0 0 1 .3-.768a1.27 1.27 0 0 1 1.246.07a4.77 4.77 0 0 0 2.085 1.237a3.35 3.35 0 0 0 2.564-.24a4.66 4.66 0 0 0 1.996-2.124a7.1 7.1 0 0 0 .229-4.17q-.305-1.086-.439-2.205c0-.3 0-.579.31-.669c1.306-.409 1.885.709 2.114 2.135a11.4 11.4 0 0 1-.937 6.206a.39.39 0 0 0 .13.528a.4.4 0 0 0 .538-.13a9.4 9.4 0 0 0 1.077-2.992c.52.299 1.078.568 1.577.848l-.41.628q-.135.222-.239.46c-.08.159-.14.318-.21.478c-.159.4-.279.788-.448 1.157a.39.39 0 1 0 .638.44q.482-.466.888-.998a3.6 3.6 0 0 0 .519-1.028c.05-.2.05-.389.08-.589a1.8 1.8 0 0 1 .578 1.806a10 10 0 0 1-.997 2.404a10.1 10.1 0 0 0-1.507 4.13a.4.4 0 0 0 .38.41a.39.39 0 0 0 .398-.37c.1-1.147.998-2.354 1.756-3.59a8.9 8.9 0 0 0 1.297-2.794a2.83 2.83 0 0 0-1.516-3.133M11.74 3.816a5 5 0 0 1 .729-.2c.2 0 .4 0 .589-.07q.291-.038.578-.109l1.147-.24l-.279.42l-.868 1.307a.388.388 0 0 0 .245.61a.39.39 0 0 0 .404-.181l1.686-1.657a4 4 0 0 0 .608-.907a.9.9 0 0 0 0-.739a2.3 2.3 0 0 0-.608-.688q-.436-.293-.898-.539L13.975.095a.35.35 0 0 0-.478 0a.34.34 0 0 0 0 .479l.898.998l.598.628a8 8 0 0 0-.998-.1a3.7 3.7 0 0 0-.658.05q-.334.053-.648.18a4.4 4.4 0 0 0-1.307.898a.339.339 0 1 0 .369.568zM4.757 7.707a9 9 0 0 1 1.766-.559h.13l.06.21c.2.578.429 1.127.648 1.696a.389.389 0 1 0 .748-.18C8.04 8.226 7.99 7.627 7.9 7v-.29c.66-.22 1.298-.479 1.916-.728a.39.39 0 0 0 .28-.479a.4.4 0 0 0-.48-.27c-.628.09-1.286.13-1.994.26h-.08c-.21-.588-.48-1.117-.729-1.686a.33.33 0 0 0-.409-.25a.34.34 0 0 0-.249.45c.06.608.08 1.207.18 1.815a6.6 6.6 0 0 0-1.976 1.337a.34.34 0 1 0 .4.549m1.535 5.735a.38.38 0 0 0-.48-.26c-.418.08-.817.11-1.216.2a4 4 0 0 0-.579.19l-.11.05a.6.6 0 0 0 0-.12c.15-.369.34-.718.49-1.077q.316-.867.777-1.666a.339.339 0 1 0-.498-.46a5.9 5.9 0 0 0-1.248 1.238a4.4 4.4 0 0 0-.369.668a6 6 0 0 0-.23.729v.12c-.079-.11-.139-.23-.219-.35c-.319-.479-.668-.938-.997-1.397a.33.33 0 0 0-.46-.13a.35.35 0 0 0-.129.47l1.048 2.593q.143.39.339.759a.72.72 0 0 0 .618.349c.236-.012.465-.08.669-.2c.3-.17.598-.449.818-.598q.25-.157.519-.28c.329-.12.648-.22.997-.349a.39.39 0 0 0 .26-.479" clip-rule="evenodd"/></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. GestureZoomInIcon.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.