Home/Libraries/Freehand free icons (Iconify)/grid-snap-magnet

Freehand free icons (Iconify)

GridSnapMagnet

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.286 14.983a6 6 0 0 0-.83-.38a1 1 0 0 0-.459 0c-.229.108-.42.282-.55.5c-.469.709-1.248 2.557-2.566 3.286a1.3 1.3 0 0 1-1.269.06a1.09 1.09 0 0 1-.61-1.229a4.3 4.3 0 0 1 .66-1.788c.11-.17.63-.999.9-1.568c.115-.2.192-.42.229-.65a.59.59 0 0 0-.26-.449a7 7 0 0 0-.719-.35l-2.058-.998a.33.33 0 0 0-.05-.43c-.889-.649-2.866 4.305-3.056 4.995a8.7 8.7 0 0 0-.32 3.805a4.9 4.9 0 0 0 4.146 4.135a7 7 0 0 0 5.603-1.618a8.8 8.8 0 0 0 1.678-2.067c2.887-4.725 2.777-3.446-.47-5.254m-5.544-1.658c-.2.34-.56.849-.789 1.178a.36.36 0 0 0-.22-.27c-.29-.19-.55-.419-.839-.619a3 3 0 0 0-.37-.24a3 3 0 0 0-.399-.19l-.31-.09c.19-.369.41-.708.62-1.058l1.997 1.169zm3.636 8.09a5.92 5.92 0 0 1-4.675 1.179a3.75 3.75 0 0 1-3.156-3.077a8.2 8.2 0 0 1 .31-4.145c.13-.43.33-.829.499-1.248l.15.15q.188.147.4.26q.212.105.439.179q.542.185 1.109.27a.3.3 0 0 0 .19 0a4.8 4.8 0 0 0-.91 2.687a2.2 2.2 0 0 0 1.269 1.917a2.52 2.52 0 0 0 2.497-.12a6.1 6.1 0 0 0 1.758-1.847c.06.06.08.14.14.2q.198.186.43.329q.23.138.479.24q.573.213 1.168.36c-.18.309-.35.629-.559.928a7.8 7.8 0 0 1-1.538 1.738m2.517-3.316l-.05-.05c-.3-.23-.58-.49-.899-.729a3 3 0 0 0-.38-.28a3 3 0 0 0-.4-.23l-.329-.18q.234-.576.56-1.108q.256.132.5.29l1.737.849c-.23.47-.47.949-.74 1.438"/><path d="M22.364 3.216c-1.658-.08-3.306-.06-4.994-.06c0-.939-.06-1.877-.11-2.816a.34.34 0 0 0-.68 0c-.05.939-.12 1.877-.2 2.806h-1.487c-1.479 0-2.997.11-4.435.19h-.49c0-.999-.05-1.918 0-2.887a.34.34 0 0 0-.27-.38a.33.33 0 0 0-.379.3c-.17 1-.3 1.998-.38 2.997c-1.688.09-3.376.17-5.074.14a.35.35 0 0 0 0 .69c1.698.169 3.386.259 5.065.299c0 .49-.06.999-.07 1.458c0 1.119.06 2.228.12 3.346v.21c-1.559.06-3.117.13-4.675.13a.35.35 0 0 0 0 .69c1.588.139 3.176.249 4.764.319c.07 1.208.14 2.407.11 3.615a.39.39 0 0 0 .36.42a.41.41 0 0 0 .42-.37c.14-1.198.21-2.407.249-3.615h.929c1.368 0 2.727 0 4.095-.09h.82q0 2.906.14 5.833a.38.38 0 0 0 .389.38a.39.39 0 0 0 .39-.39c0-1.938.199-3.856.319-5.773a.6.6 0 0 1 0-.13c1.348-.08 2.707-.16 4.055-.22a.4.4 0 0 0 .39-.4a.39.39 0 0 0-.4-.379c-1.328 0-2.657-.05-3.995-.08c.06-.879.12-1.768.14-2.657s0-1.718 0-2.577c1.578-.08 3.226-.22 4.874-.22a.39.39 0 0 0 .4-.38a.41.41 0 0 0-.39-.399m-6.193 2.907a74 74 0 0 0-.16 3.336h-1.558q-1.998 0-4.075.06h-.22v-.77c0-1.108 0-2.217-.09-3.325v-.86h1.219c1.488 0 2.996-.11 4.455-.209h.599z"/></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. GridSnapMagnetIcon.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.