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

Freehand free icons (Iconify)

VideoGameController

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="m7.189 13.937l-1.259-.24v-.16c-.07-.449-.19-.869-.26-1.328a.31.31 0 1 0-.61 0q-.176.726-.249 1.468h-.23c-.479.06-.929.18-1.408.28a.31.31 0 1 0 0 .62c.47.07.909.17 1.378.23h.28c.06.429.16.848.21 1.278a.35.35 0 0 0 .34.37a.36.36 0 0 0 .36-.34q.126-.665.179-1.339l1.199-.13a.35.35 0 1 0 0-.699zm12.446-2.697c-1.409.26-1.698 2.387 0 2.317a1.168 1.168 0 0 0 .999-1.808a1.13 1.13 0 0 0-1-.509m-2.486 2.447c-1.419.26-1.708 2.388 0 2.318a1.179 1.179 0 0 0 .999-1.808a1.13 1.13 0 0 0-1-.51m-3.895-.499c-.32 0-.61-.11-.93-.14h-.399q-.195.01-.39.05c-.329.06-.599.17-.928.26a.309.309 0 1 0 0 .619q.49.152.999.24q.204.022.41 0q.207-.003.409-.05c.32-.07.62-.17.939-.27a.35.35 0 0 0 .31-.39a.35.35 0 0 0-.42-.32"/><path d="M22.582 10.321a7 7 0 0 0-3.317-2.128a5.4 5.4 0 0 0-.999-.18c-.46 0-.919-.06-1.378-.09c-.46-.03-1.119 0-1.678 0c-1.05 0-2.098.1-3.147.17c.135-.9.043-1.82-.27-2.677a3.06 3.06 0 0 0-1.488-1.638a4 4 0 0 0-1.688-.29c-.784.07-1.56.214-2.317.43a.31.31 0 0 0-.158.558a.3.3 0 0 0 .227.051a18 18 0 0 1 1.838-.06c.55-.002 1.094.12 1.589.36a2.3 2.3 0 0 1 1.218 1.389c.22.608.332 1.25.33 1.897c-2.24.162-4.464.496-6.653 1a6.55 6.55 0 0 0-2.797 1.468a6.5 6.5 0 0 0-1.868 5.174a4.99 4.99 0 0 0 3.207 4.505c.933.28 1.92.33 2.877.15a4.8 4.8 0 0 0 2.617-1.259q.166-.184.29-.4c.13-.239.27-.539.41-.788c.139-.25.099-.22.179-.25a5.5 5.5 0 0 1 1.408-.23c1.14-.09 2.528-.1 3.317-.11q.651.7 1.398 1.299c.397.291.844.508 1.319.64a5.53 5.53 0 0 0 4.585-1.08A5.36 5.36 0 0 0 24 14.047a5.83 5.83 0 0 0-1.418-3.726m-1.519 7.122a4.66 4.66 0 0 1-3.776 1.069a3.2 3.2 0 0 1-1.078-.52q-.601-.425-1.12-.948a.2.2 0 0 0 0-.07a.35.35 0 0 0-.224-.317a.4.4 0 0 0-.135-.023c-.649 0-2.377-.08-3.746 0a7 7 0 0 0-1.718.23a1.17 1.17 0 0 0-.47.39c-.269.339-.499.948-.758 1.198a3.76 3.76 0 0 1-2.098.879c-.775.13-1.57.072-2.317-.17a3.92 3.92 0 0 1-2.428-3.516a5.56 5.56 0 0 1 1.349-4.375A5.7 5.7 0 0 1 4.92 9.911c.09 0 3.157-1.128 9.5-1.088c.799 0 1.598 0 2.407.12c.44.05.879.07 1.318.14q.404.052.79.18a6 6 0 0 1 2.747 1.817a4.83 4.83 0 0 1 1.168 2.997a4.32 4.32 0 0 1-1.788 3.366"/></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. VideoGameControllerIcon.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.