game controller icon

game-controller-sharp from IonIcons by Ben Sperry · Sharp · MIT Free for personal and commercial use.

Name: game-controller-sharp
Set: IonIcons
Style: Sharp
Viewbox: 512×512
License: MIT

2 other variants in IonIcons

The same icon in other sets

game-controllerAkar Icons game-controllerPhosphor game-controller-outlineTeenyicons

Use the game controller icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M478.07 356.88L439 151c-8.86-40.35-23-71-88-71H145c-66 0-79.14 30.65-88 71L18 356.88c-7 34.12 4.43 61.25 33.37 71.81S103 423 119.18 391.3l15.42-30.52a16 16 0 0 1 14.28-8.78h198.28a16 16 0 0 1 14.28 8.78l15.42 30.52c16.14 31.7 38.88 48 67.81 37.39S485 391 478.07 356.88M224 240h-48v48h-32v-48H96v-32h48v-48h32v48h48Zm68 4a20 20 0 1 1 20-20a20 20 0 0 1-20 20m44 44a20 20 0 1 1 20-20a20 20 0 0 1-20 20m0-88a20 20 0 1 1 20-20a20 20 0 0 1-20 20m44 44a20 20 0 1 1 20-20a20 20 0 0 1-20 20"/></svg>

React

import type { SVGProps } from "react";

export function IonGameControllerSharp(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M478.07 356.88L439 151c-8.86-40.35-23-71-88-71H145c-66 0-79.14 30.65-88 71L18 356.88c-7 34.12 4.43 61.25 33.37 71.81S103 423 119.18 391.3l15.42-30.52a16 16 0 0 1 14.28-8.78h198.28a16 16 0 0 1 14.28 8.78l15.42 30.52c16.14 31.7 38.88 48 67.81 37.39S485 391 478.07 356.88M224 240h-48v48h-32v-48H96v-32h48v-48h32v48h48Zm68 4a20 20 0 1 1 20-20a20 20 0 0 1-20 20m44 44a20 20 0 1 1 20-20a20 20 0 0 1-20 20m0-88a20 20 0 1 1 20-20a20 20 0 0 1-20 20m44 44a20 20 0 1 1 20-20a20 20 0 0 1-20 20"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M478.07 356.88L439 151c-8.86-40.35-23-71-88-71H145c-66 0-79.14 30.65-88 71L18 356.88c-7 34.12 4.43 61.25 33.37 71.81S103 423 119.18 391.3l15.42-30.52a16 16 0 0 1 14.28-8.78h198.28a16 16 0 0 1 14.28 8.78l15.42 30.52c16.14 31.7 38.88 48 67.81 37.39S485 391 478.07 356.88M224 240h-48v48h-32v-48H96v-32h48v-48h32v48h48Zm68 4a20 20 0 1 1 20-20a20 20 0 0 1-20 20m44 44a20 20 0 1 1 20-20a20 20 0 0 1-20 20m0-88a20 20 0 1 1 20-20a20 20 0 0 1-20 20m44 44a20 20 0 1 1 20-20a20 20 0 0 1-20 20"/></svg>
</template>

CSS

.icon-game-controller-sharp {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M478.07%20356.88L439%20151c-8.86-40.35-23-71-88-71H145c-66%200-79.14%2030.65-88%2071L18%20356.88c-7%2034.12%204.43%2061.25%2033.37%2071.81S103%20423%20119.18%20391.3l15.42-30.52a16%2016%200%200%201%2014.28-8.78h198.28a16%2016%200%200%201%2014.28%208.78l15.42%2030.52c16.14%2031.7%2038.88%2048%2067.81%2037.39S485%20391%20478.07%20356.88M224%20240h-48v48h-32v-48H96v-32h48v-48h32v48h48Zm68%204a20%2020%200%201%201%2020-20a20%2020%200%200%201-20%2020m44%2044a20%2020%200%201%201%2020-20a20%2020%200%200%201-20%2020m0-88a20%2020%200%201%201%2020-20a20%2020%200%200%201-20%2020m44%2044a20%2020%200%201%201%2020-20a20%2020%200%200%201-20%2020%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M478.07%20356.88L439%20151c-8.86-40.35-23-71-88-71H145c-66%200-79.14%2030.65-88%2071L18%20356.88c-7%2034.12%204.43%2061.25%2033.37%2071.81S103%20423%20119.18%20391.3l15.42-30.52a16%2016%200%200%201%2014.28-8.78h198.28a16%2016%200%200%201%2014.28%208.78l15.42%2030.52c16.14%2031.7%2038.88%2048%2067.81%2037.39S485%20391%20478.07%20356.88M224%20240h-48v48h-32v-48H96v-32h48v-48h32v48h48Zm68%204a20%2020%200%201%201%2020-20a20%2020%200%200%201-20%2020m44%2044a20%2020%200%201%201%2020-20a20%2020%200%200%201-20%2020m0-88a20%2020%200%201%201%2020-20a20%2020%200%200%201-20%2020m44%2044a20%2020%200%201%201%2020-20a20%2020%200%200%201-20%2020%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ion/game-controller-sharp.svg?color=%231a73e8&size=48