Gamepad Sharp Two Tone icon

keyline-icons:gamepad-sharp-two-tone

The Gamepad Sharp Two Tone icon (keyline-icons:gamepad-sharp-two-tone) is a free SVG icon from the Keyline Icons set. It is drawn on a 24 × 24 grid. Keyline 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: Keyline Icons
Author: Keyline Icons
License: MIT
Size: 24 × 24
Tags: gamepadsharp, sharptwo, twotone, gamepadsharptwotone

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-linejoin="round" stroke-width="2"><path fill="currentColor" fill-opacity=".4" d="M1.0359 16.0566L2.6311 3.8702C2.6962 3.3723 3.1205 3 3.6226 3L20.3774 3C20.8795 3 21.3038 3.3723 21.3689 3.8702L22.9641 16.0566C22.9885 16.2407 23.0007 16.4262 23.0007 16.6119C23.0007 17.2767 22.8443 17.9321 22.5442 18.5253C22.17 19.2621 21.599 19.8807 20.8945 20.3126C20.1622 20.7621 19.3197 21 18.4604 21C18.456 21 18.4516 21 18.4472 21C17.5924 21.0011 16.7537 20.7677 16.0223 20.3253C15.295 19.8869 14.7086 19.2492 14.3324 18.4878L13.795 17.393C13.6604 17.1269 13.43 16.9216 13.1502 16.8185C13.0014 16.762 12.8436 16.7331 12.6845 16.7333L11.3155 16.7333C11.3131 16.7333 11.3107 16.7333 11.3083 16.7333C10.9981 16.7333 10.6986 16.8462 10.4657 17.051C10.3576 17.1472 10.269 17.2633 10.205 17.3931L9.6675 18.4879C9.2913 19.2492 8.7049 19.8869 7.9777 20.3253C7.2447 20.7672 6.405 21.0007 5.5491 21.0007C5.112 21.0007 4.6769 20.9398 4.2566 20.8197C3.4513 20.5908 2.7244 20.1452 2.1551 19.5314C1.5886 18.9227 1.2096 18.1637 1.0632 17.3452C1.0208 17.103 0.9994 16.8576 0.9994 16.6117C0.9994 16.4261 1.0116 16.2407 1.0359 16.0566Z" stroke="none"/><path d="M2.0274 16.1864L3.6226 4L20.3774 4L21.9726 16.1864C22.2376 18.2114 20.5842 20 18.4472 20C17.069 20 15.8151 19.2389 15.2301 18.0472L14.6927 16.9524C14.3276 16.2085 13.5449 15.7333 12.6845 15.7333L11.3155 15.7333C10.4551 15.7333 9.6724 16.2085 9.3073 16.9524L8.7698 18.0472C8.1849 19.2389 6.931 20 5.5529 20C3.4158 20 1.7624 18.2114 2.0274 16.1864ZM6 10L7 10L11 10L12 10M9 7L9 8L9 12L9 13"/><path fill="currentColor" fill-rule="evenodd" d="M16.6464 8.1464C16.8417 7.9512 17.1583 7.9512 17.3536 8.1464L17.8536 8.6464C18.0488 8.8417 18.0488 9.1583 17.8536 9.3536L17.3536 9.8536C17.1583 10.0488 16.8417 10.0488 16.6464 9.8536L16.1464 9.3536C15.9512 9.1583 15.9512 8.8417 16.1464 8.6464ZM14.3964 11.1464C14.5917 10.9512 14.9083 10.9512 15.1036 11.1464L15.6036 11.6464C15.7988 11.8417 15.7988 12.1583 15.6036 12.3536L15.1036 12.8536C14.9083 13.0488 14.5917 13.0488 14.3964 12.8536L13.8964 12.3536C13.7012 12.1583 13.7012 11.8417 13.8964 11.6464Z" clip-rule="evenodd" stroke="none"/></g></svg>

How to use the Gamepad Sharp Two Tone icon

React

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

<Icon icon="keyline-icons:gamepad-sharp-two-tone" width="24" />

Vue

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

<template>
  <Icon icon="keyline-icons:gamepad-sharp-two-tone" width="24" />
</template>

Svelte

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

<Icon icon="keyline-icons:gamepad-sharp-two-tone" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--gamepad-sharp-two-tone]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:gamepad-sharp-two-tone"></div>

Web component

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

<iconify-icon icon="keyline-icons:gamepad-sharp-two-tone"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/keyline-icons/gamepad-sharp-two-tone.svg" alt="Gamepad Sharp Two Tone icon" width="24" height="24">

Related icons in Keyline Icons

Gamepad Sharp Two Tone icon FAQ

Is the Gamepad Sharp Two Tone icon free for commercial use?

Yes. Keyline Icons are released under the MIT license, which allows use in personal and commercial projects.

How do I use the Gamepad Sharp Two Tone icon in React?

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

How do I add the Gamepad Sharp Two Tone icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/keyline-icons/gamepad-sharp-two-tone.svg" alt="Gamepad Sharp Two Tone icon">, or paste the SVG code inline to style it with CSS.

Browse all Keyline Icons →