Gamepad Broken icon

solar:gamepad-broken

The Gamepad Broken icon (solar:gamepad-broken) is a free SVG icon from the Solar set by 480 Design. It is drawn on a 24 × 24 grid. Solar icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: Solar
Author: 480 Design
License: CC-BY-4.0
Size: 24 × 24
Category: Devices
Tags: gamepadbroken

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="1.5"><path d="M21.2206 8C20.5311 5.81603 19.4281 4.63486 18.0908 4.16059C17.7099 4.02549 17.3016 4 16.8974 4H16.2849C15.4074 4 14.5514 4.27225 13.8351 4.77922L13.3332 5.13441C12.9434 5.41029 12.4776 5.55844 12 5.55844C11.5225 5.55844 11.0567 5.41029 10.6669 5.13443L10.165 4.77922C9.44862 4.27225 8.59264 4 7.71504 4H7.10257C6.69838 4 6.29009 4.02549 5.90915 4.16059C3.52645 5.00566 1.88749 8.09504 2.00604 15.1026C2.02992 16.5145 2.3603 18.075 3.63423 18.6842C4.03121 18.8741 4.49667 19 5.02671 19C5.66273 19 6.1678 18.8187 6.55763 18.5632C7.47153 17.9642 8.14122 16.9639 9.11125 16.4609C9.69519 16.1581 10.3434 16 11.0011 16H12.9989C13.6566 16 14.3048 16.1581 14.8888 16.4609C15.8588 16.9639 16.5285 17.9642 17.4424 18.5632C17.8322 18.8187 18.3373 19 18.9733 19C19.5033 19 19.9688 18.8741 20.3658 18.6842C21.6397 18.075 21.9701 16.5145 21.994 15.1026C22.0132 13.9681 21.9863 12.9362 21.9176 12"/><path d="M7.5 9V12M6 10.5L9 10.5"/><path stroke-linejoin="round" d="M15.25 10.25H15.2501"/><path stroke-linejoin="round" d="M16.75 11.75H16.7501"/><path stroke-linejoin="round" d="M18.25 10.25H18.2501"/><path stroke-linejoin="round" d="M16.75 8.75H16.7501"/></g></svg>

How to use the Gamepad Broken icon

React

import { Icon } from "@iconify/react";

<Icon icon="solar:gamepad-broken" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="solar:gamepad-broken" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="solar:gamepad-broken" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--gamepad-broken]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:gamepad-broken"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="solar:gamepad-broken"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/solar/gamepad-broken.svg" alt="Gamepad Broken icon" width="24" height="24">

Related icons in Solar

Gamepad Broken icon FAQ

Is the Gamepad Broken icon free for commercial use?

Yes. Solar icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author.

How do I use the Gamepad Broken icon in React?

Install @iconify/react and render <Icon icon="solar:gamepad-broken" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Gamepad Broken icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/solar/gamepad-broken.svg" alt="Gamepad Broken icon">, or paste the SVG code inline to style it with CSS.

Browse all Solar icons →