Home/Libraries/Freehand free icons (Iconify)/video-games-device-switch-joy-controller

Freehand free icons (Iconify)

VideoGamesDeviceSwitchJoyController

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="M10.576 19.475c0-.909-.07-1.847-.05-2.725c0-1.807.07-3.613 0-5.43c0-1.207-.1-2.415-.17-3.622c-.07-1.208-.329-2.466-.408-3.693a11 11 0 0 1-.06-1.547c.05-.639-1.787-.599-1.937-.599q-.908.015-1.806.15c-.659.09-1.387.14-2.076.28c-.5.09-.985.254-1.437.488A4.63 4.63 0 0 0 .396 5.771a18.7 18.7 0 0 0-.349 5.16v2.625a29 29 0 0 0 .14 3.334c.092.759.256 1.507.489 2.235c.145.44.357.853.629 1.228c.254.376.564.713.918.998c.338.268.73.461 1.147.569c.564.146 1.145.22 1.727.22q1.32.015 2.635-.1a17 17 0 0 0 2.615-.45a.39.39 0 0 0 .295-.317a.4.4 0 0 0-.006-.152c-.03-.15-.06-1.237-.06-1.647M7.672 21.16q-1.273.075-2.545 0a6 6 0 0 1-1.238-.19a2.35 2.35 0 0 1-.998-.468a4 4 0 0 1-.678-.799c-.186-.288-.33-.6-.43-.928c-.176-.654-.3-1.322-.369-1.996a29 29 0 0 1-.08-3.184V10.93A18.2 18.2 0 0 1 1.514 6a3.64 3.64 0 0 1 1.607-2.355a4.1 4.1 0 0 1 1.148-.45c.668-.17 1.377-.25 1.996-.379a14 14 0 0 1 1.696-.23a6 6 0 0 1 1.118 0a.2.2 0 0 0 .11 0q-.068.708-.05 1.418c0 1.237.11 2.475.1 3.703v4.51c0 1.518.12 2.995.19 4.522c.05.888.21 1.806.26 2.725q.043.558 0 1.117c-.01.1.018.2.079.28q-1.039.214-2.096.3M23.91 10.692a32 32 0 0 0-.629-4.99a5.63 5.63 0 0 0-1.996-2.995a3.6 3.6 0 0 0-1.118-.539a8.3 8.3 0 0 0-1.656-.249h-1.567c-1.188 0-2.365.09-3.573.07a.36.36 0 0 0-.36.34c0 .139.11 1.496.09 2.095c0 1.597.08 3.194 0 4.8v3.494c0 .778.05 1.547.09 2.325c.1 1.996.25 3.903.48 5.829a.41.41 0 0 0 .259.33a.4.4 0 0 0 .359.418c.569.05 1.148.08 1.707.08s1.138 0 1.706-.06a8 8 0 0 0 .889-.13c.289-.05.579-.12.868-.2c.29-.079.639-.189.998-.298q.335-.135.649-.31a5.1 5.1 0 0 0 1.896-1.926a9 9 0 0 0 .888-3.793c.05-.858.11-1.716.11-2.565a18 18 0 0 0-.09-1.726m-1.287 4.291a9.4 9.4 0 0 1-.44 2.795a4 4 0 0 1-1.636 2.046a3 3 0 0 1-.49.26c-.269.12-.558.209-.858.309a7.8 7.8 0 0 1-1.557.359c-.539.07-1.077.11-1.626.13c-.55.02-.998 0-1.537 0v-.06a80 80 0 0 1-.08-3.463V9.235c-.08-1.667-.38-3.234-.38-4.86q-.045-.86 0-1.717c.999 0 1.997 0 2.995.08c.499 0 .998 0 1.487.12q.739.066 1.447.289c.275.083.53.223.749.409A4.55 4.55 0 0 1 22.104 6c.287 1.592.454 3.203.499 4.82q.096.801.09 1.607c.01.859-.03 1.687-.07 2.555"/><path d="M5.796 10.512a2.144 2.144 0 0 0 1.786-2.824a2.304 2.304 0 1 0-4.54.778a2.226 2.226 0 0 0 2.754 2.046m-.49-3.663a1.32 1.32 0 0 1 1.218 1.148a.998.998 0 0 1-.938 1.278a1.118 1.118 0 0 1-1.417-.889A1.228 1.228 0 0 1 5.307 6.85m12.974.209a1.057 1.057 0 0 0 .51-1.617a.998.998 0 0 0-1.707.629a.997.997 0 0 0 1.197.988M4.798 12.668a1 1 0 0 0-.49.798a.998.998 0 0 0 1.198.998a1.057 1.057 0 0 0 .53-1.626a1 1 0 0 0-1.238-.17m12.765-3.553a1.06 1.06 0 0 0-.49.808a.997.997 0 0 0 1.208.998a1.048 1.048 0 0 0 .5-1.617a1 1 0 0 0-1.218-.19M4.788 16.51a1.06 1.06 0 0 0-.49.809a.998.998 0 0 0 1.208.998a1.057 1.057 0 0 0 .53-1.627a1 1 0 0 0-1.248-.18m11.777-7.515a1.058 1.058 0 0 0 .509-1.617a.998.998 0 0 0-1.707.619a1 1 0 0 0 1.198.998M4.299 14.774a1 1 0 0 0-1.258-.17a1 1 0 0 0-.489.799a.998.998 0 0 0 1.198.998a1.057 1.057 0 0 0 .549-1.627m15.709-5.779a1.048 1.048 0 0 0 .499-1.617a1 1 0 0 0-1.208-.18a1.06 1.06 0 0 0-.499.81a.998.998 0 0 0 1.208.987M6.474 14.574a1.06 1.06 0 0 0-.499.809a.998.998 0 0 0 1.208.998a1.05 1.05 0 0 0 .499-1.617a1 1 0 0 0-1.208-.19m9.612.848A2.226 2.226 0 0 0 18.8 17.42a2.146 2.146 0 0 0 1.787-2.825a2.296 2.296 0 0 0-4.502.828m2.505.759a1.1 1.1 0 0 1-1.418-.888a1.227 1.227 0 0 1 1.138-1.487a1.32 1.32 0 0 1 1.188 1.098a.997.997 0 0 1-.908 1.277"/></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. VideoGamesDeviceSwitchJoyControllerIcon.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.