Gamepad icon in outline, twotone, bold and bulk. Free in all four styles, for hardware, gadgets, specs, device settings. Copy the SVG, the React, Vue or Svelte component, or download a PNG.
import { IconGamepad } from "@devigner-ui/icons";
<IconGamepad className="size-6" />
<script setup>
import { IconGamepad } from "@devigner-ui/icons-vue";
</script>
<template>
<IconGamepad class="size-6" />
</template>
<script>
import { IconGamepad } from "@devigner-ui/icons-svelte";
</script>
<IconGamepad class="size-6" />
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="m10.16 4.78.5.35a2.3 2.3 0 0 0 2.67 0l.5-.35c.72-.5 1.58-.78 2.45-.78h.62q.6-.02 1.2.16c2.37.85 4.01 3.94 3.9 10.94-.03 1.41-.36 2.97-1.63 3.58q-.6.31-1.4.32c-.63 0-1.14-.18-1.53-.44-.91-.6-1.58-1.6-2.55-2.1a4 4 0 0 0-1.9-.46H11q-1 0-1.89.46c-.97.5-1.64 1.5-2.55 2.1-.4.26-.9.44-1.53.44q-.8-.02-1.4-.32c-1.27-.6-1.6-2.17-1.62-3.58C1.89 8.1 3.53 5 5.9 4.16q.58-.18 1.2-.16h.6c.88 0 1.74.27 2.45.78" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path><path opacity="1" d="M7.5 9v3M6 10.5h3" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path><g opacity="1"><path d="M19 10.25a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0" fill="currentColor"></path><path d="M16 10.25a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0" fill="currentColor"></path><path d="M16.75 8a.75.75 0 1 1 0 1.5.75.75 0 0 1 0-1.5" fill="currentColor"></path><path d="M16.75 11a.75.75 0 1 1 0 1.5.75.75 0 0 1 0-1.5" fill="currentColor"></path></g></svg>