Home/Libraries/IonIcons/ios-game-controller-b-outline

IonIcons

IosGameControllerBOutline

License: MITCommercial Safe

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 512 512"><path d="M308.076 203.929c-11.058 0-20.076 9.014-20.076 20.104 0 11.089 9.019 20.107 20.076 20.107 11.131 0 20.148-9.019 20.148-20.107.001-11.091-9.017-20.104-20.148-20.104z" fill="#818cf8"/><path d="M351.988 247.878c-11.058 0-20.053 8.949-20.053 20.106 0 11.064 8.995 20.016 20.053 20.016 11.146 0 20.148-8.951 20.148-20.016.001-11.157-9.002-20.106-20.148-20.106z" fill="#818cf8"/><path d="M135.234 184.367C113.594 184.367 96 202.17 96 224.01c0 21.865 17.594 39.623 39.234 39.623 21.655 0 39.249-17.758 39.249-39.623 0-21.84-17.593-39.643-39.249-39.643zm-.111 59.09c-10.688 0-19.343-8.721-19.343-19.447 0-10.725 8.655-19.441 19.343-19.441 10.641 0 19.297 8.717 19.297 19.441 0 10.726-8.656 19.447-19.297 19.447z" fill="#818cf8"/><path d="M351.988 160c-11.058 0-20.053 9.014-20.053 20.107 0 11.09 8.995 20.083 20.053 20.083 11.146 0 20.148-8.993 20.148-20.083.001-11.093-9.002-20.107-20.148-20.107z" fill="#818cf8"/><path d="M395.947 203.929c-11.105 0-20.101 9.014-20.101 20.104 0 11.089 8.995 20.107 20.101 20.107 11.059 0 20.053-9.019 20.053-20.107 0-11.091-8.994-20.104-20.053-20.104z" fill="#818cf8"/><path d="M466.279 248.866c-21.157-88.471-43.631-135.489-88.454-148.83C368.06 97.135 359.748 96 352.076 96c-27.598 0-46.938 14.683-96.08 14.683-49.174 0-68.502-14.681-96.062-14.683-7.665 0-15.963 1.135-25.721 4.036-44.869 13.341-67.342 60.359-88.461 148.83-21.181 88.473-17.334 152.363 7.679 164.289C57.502 415.1 61.662 416 65.885 416c21.694 0 45.139-23.838 67.659-52.047C159.198 331.848 165.658 331 243.822 331h24.343c78.147 0 84.628.846 110.282 32.953 22.526 28.207 45.97 52.004 67.665 52.004 4.226 0 8.384-.879 12.457-2.823 25.005-11.926 28.852-75.795 7.71-164.268zm-14.602 149.85c-1.835.876-3.604 1.284-5.564 1.284-6.022 0-14.077-4.049-23.295-11.708-9.181-7.63-19.307-18.509-31.87-34.239-12.959-16.22-23.667-28.229-43.528-33.949-16.647-4.793-38.624-5.104-79.254-5.104h-24.343c-40.633 0-62.611.311-79.259 5.105-19.853 5.719-30.56 17.685-43.523 33.908-12.556 15.727-22.68 26.627-31.862 34.258-9.216 7.658-17.27 11.718-23.293 11.718-1.932 0-3.751-.415-5.568-1.282-9.556-4.557-22.572-47.673.998-146.129 21.387-89.591 42.381-126.777 77.459-137.207 7.633-2.27 14.554-3.372 21.159-3.372 9.742 0 18.599 2.317 29.812 5.249 16.07 4.203 36.072 9.435 66.252 9.435 30.148 0 50.146-5.228 66.215-9.429 11.229-2.936 20.1-5.254 29.865-5.254 6.618 0 13.551 1.104 21.185 3.371 35.037 10.428 56.03 47.617 77.456 137.214 23.525 98.456 10.511 141.575.958 146.131z" fill="#818cf8"/></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 react-ionicons) 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. IosGameControllerBOutlineIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **MIT** 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.