Home/Libraries/Freehand free icons (Iconify)/video-game-hatchi

Freehand free icons (Iconify)

VideoGameHatchi

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="M21.961 8.89a15.9 15.9 0 0 0-3-5.279a13.4 13.4 0 0 0-2.998-2.61c-.94-.619-3-1.779-6.728-.229a10.8 10.8 0 0 0-3.94 2.86A16.6 16.6 0 0 0 2.697 7.71a16.1 16.1 0 0 0-1.39 9.427a7.75 7.75 0 0 0 3.66 5.379c.997.56 2.082.949 3.209 1.15c1.648.303 3.327.4 4.998.29a14.6 14.6 0 0 0 5.759-1.42a7.1 7.1 0 0 0 2.999-2.8a6.8 6.8 0 0 0 .69-1.909c.18-.959.268-1.933.26-2.909a17.8 17.8 0 0 0-.92-6.028m-.4 8.707a6 6 0 0 1-.6 1.6a6 6 0 0 1-2.55 2.31a13.4 13.4 0 0 1-5.298 1.269c-1.304.09-2.613.046-3.908-.13a10.5 10.5 0 0 1-3.62-1.13a6.69 6.69 0 0 1-3.189-4.599a15.2 15.2 0 0 1 1.09-8.847a16.2 16.2 0 0 1 2.39-3.939a10.1 10.1 0 0 1 3.618-2.74c3.58-1.559 5.859.11 6.049.23a12.4 12.4 0 0 1 2.709 2.53a15 15 0 0 1 2.78 4.999c.586 1.843.846 3.775.769 5.708c-.006.92-.1 1.837-.28 2.74z"/><path d="M16.852 12.579a.35.35 0 0 0-.37-.33l-6.718-.09q-.823.072-1.65.06a1 1 0 0 1-.639-.22c-.29.14-.11-.91-.13-1.13c-.1-.84-.2-1.66-.26-2.5c0-.469-.06-.939-.07-1.409a16 16 0 0 1 2.08-.19h5.528l2.11-.13q.09.009.18 0q.044.178.05.36v2.91c0 .9-.07 1.789-.12 2.679a.36.36 0 0 0 .32.38a.36.36 0 0 0 .38-.32c.1-.9.21-1.79.3-2.69c.05-.6.1-1.2.12-1.81a8 8 0 0 0 0-1.499a1.9 1.9 0 0 0-.32-.8a.76.76 0 0 0-.4-.26a2.7 2.7 0 0 0-.62 0l-2.16.11c-.62 0-1.24.06-1.87.09c-1 0-1.899.1-2.849.19a19 19 0 0 0-3.179.5s-.06 0-.1.07l-.09.06a.27.27 0 0 0-.08.17c0 .57-.06 1.14-.07 1.71v2.53q-.03.548 0 1.099c.028.254.125.496.28.7a1.82 1.82 0 0 0 1.08.56c.701.07 1.408.07 2.11 0c1.349-.08 2.689-.12 3.998-.19c.9-.05 1.8-.11 2.7-.19a.35.35 0 0 0 .46-.42M5.666 17.798a1.38 1.38 0 0 0 1.62 1.08a1.64 1.64 0 0 0 1.38-1.72a1.55 1.55 0 1 0-3 .64m1.45-.09c-.41.09-.56-.31-.53-.65c.09-1 1.14-.58 1.09.1a.59.59 0 0 1-.56.55m3.438 1a1.37 1.37 0 0 0 .6 1.3a1.47 1.47 0 0 0 2-2c-.74-1.19-2.33-1.01-2.6.7m1.54.32a.35.35 0 0 1-.33 0a.39.39 0 0 1-.24-.3a.82.82 0 0 1 .08-.52q.057-.102.13-.19a.68.68 0 0 1 .51.27a.45.45 0 0 1-.15.71zm4.109-1.59a1.28 1.28 0 0 0 1.38 1a1.25 1.25 0 0 0 1.07-.69a1.54 1.54 0 0 0-.21-1.63a1.34 1.34 0 0 0-2.24 1.32m1.51-.38a.21.21 0 0 1-.21.2a.33.33 0 0 1-.38-.41a.66.66 0 0 1 .13-.36a.8.8 0 0 1 .27 0a.37.37 0 0 1 .18.15a.55.55 0 0 1 .01.42"/></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. VideoGameHatchiIcon.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.