Game Controller icon
simple-line-icons:game-controller
The Game Controller icon (simple-line-icons:game-controller) is a free SVG icon from the Simple line icons set by Sabbir Ahmed. It is drawn on a 1024 × 1024 grid. Simple line icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Simple line icons
- Author
- Sabbir Ahmed
- License
- MIT
- Size
- 1024 × 1024
- Tags
- gamecontroller
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="1024" viewBox="0 0 1024 1024"><path fill="currentColor" d="M743.216 75.552c-25.6-12.016-49.806-23.328-71.838-34.384C614.914 12.88 563.714-.864 514.914-.864c-98.288 0-166.304 56.704-208.96 99.36L99.106 305.568c-110.688 110.8-128.368 223.6-57.265 365.808c11.025 22.08 22.369 46.336 34.369 72.033c64.704 138.384 131.584 281.487 241.056 281.487c3.072 0 6.112-.096 9.216-.336c112.976-8.848 145.023-154.288 173.312-282.592c4.496-20.32 8.751-39.809 13.12-57.28c7.6-30.209 22.56-48.976 63.551-90.064l5.632-5.664l3.472-3.472l9.12-9.088c41.088-41.088 59.856-56.032 90.096-63.664c17.311-4.351 36.752-8.64 57.024-13.088c128.224-28.303 273.6-60.368 282.4-173.52c8.879-114.833-138.465-183.84-280.993-250.576m215.25 244.783c-6.224 79.776-184.813 103.324-291.102 129.98c-47.008 11.872-75.616 36.752-118.784 79.936c-3.008 3.007-6.032 6.015-9.088 9.07c-3.024 3.025-6.032 6.097-9.057 9.09c-43.168 43.215-68 71.807-79.824 118.88c-26.672 106.384-50.191 285.168-129.87 291.44a56 56 0 0 1-4.322.144c-84.544 0-155.68-192.24-218.447-317.664c-63.744-127.504-36.433-210.224 45.36-292.096c15.696-15.727 35.215-35.247 59.135-59.182c24.432-24.464 53.487-53.552 87.919-88c23.904-23.936 43.408-43.424 59.12-59.184c50.8-50.848 101.936-80.64 163.92-80.64c37.808 0 79.632 11.056 127.872 35.248c127.456 63.905 323.888 136.48 317.168 222.978m-479.678 30.94h64v-64h-64zm0-96h64v-64h-64zm96 0h64v-64h-64zm0 96h64v-64h-64zM329.893 543.436l24.336-24.336c12-12 12-31.472 0-43.456c-12-12-31.44-12-43.44 0l-24.352 24.352l-24.352-24.352c-12-12-31.44-12-43.44 0s-12 31.456 0 43.456l24.351 24.352l-24.351 24.351c-12 11.985-12 31.44 0 43.44s31.456 12 43.44 0l24.352-24.335l25.056 25.055c12 12 31.44 12 43.44 0s12-31.471 0-43.471z"/></svg>How to use the Game Controller icon
React
import { Icon } from "@iconify/react";
<Icon icon="simple-line-icons:game-controller" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="simple-line-icons:game-controller" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="simple-line-icons:game-controller" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[simple-line-icons--game-controller]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/simple-line-icons -->
<div class="i-simple-line-icons:game-controller"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="simple-line-icons:game-controller"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/simple-line-icons/game-controller.svg" alt="Game Controller icon" width="24" height="24">Game Controller icon in other icon sets
Game Controller icon FAQ
Is the Game Controller icon free for commercial use?
Yes. Simple line icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Game Controller icon in React?
Install @iconify/react and render <Icon icon="simple-line-icons:game-controller" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Game Controller icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/simple-line-icons/game-controller.svg" alt="Game Controller icon">, or paste the SVG code inline to style it with CSS.