game controller icon

2 other variants in IonIcons

The same icon in other sets

Use the game controller icon

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M483.13 245.38C461.92 149.49 430 98.31 382.65 84.33A107.1 107.1 0 0 0 352 80c-13.71 0-25.65 3.34-38.28 6.88C298.5 91.15 281.21 96 256 96s-42.51-4.84-57.76-9.11C185.6 83.34 173.67 80 160 80a115.7 115.7 0 0 0-31.73 4.32c-47.1 13.92-79 65.08-100.52 161C4.61 348.54 16 413.71 59.69 428.83a56.6 56.6 0 0 0 18.64 3.22c29.93 0 53.93-24.93 70.33-45.34c18.53-23.1 40.22-34.82 107.34-34.82c59.95 0 84.76 8.13 106.19 34.82c13.47 16.78 26.2 28.52 38.9 35.91c16.89 9.82 33.77 12 50.16 6.37c25.82-8.81 40.62-32.1 44-69.24c2.57-28.48-1.39-65.89-12.12-114.37M208 240h-32v32a16 16 0 0 1-32 0v-32h-32a16 16 0 0 1 0-32h32v-32a16 16 0 0 1 32 0v32h32a16 16 0 0 1 0 32m84 4a20 20 0 1 1 20-20a20 20 0 0 1-20 20m44 44a20 20 0 1 1 20-19.95A20 20 0 0 1 336 288m0-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>

import type { SVGProps } from "react";

export function IonGameController(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="M483.13 245.38C461.92 149.49 430 98.31 382.65 84.33A107.1 107.1 0 0 0 352 80c-13.71 0-25.65 3.34-38.28 6.88C298.5 91.15 281.21 96 256 96s-42.51-4.84-57.76-9.11C185.6 83.34 173.67 80 160 80a115.7 115.7 0 0 0-31.73 4.32c-47.1 13.92-79 65.08-100.52 161C4.61 348.54 16 413.71 59.69 428.83a56.6 56.6 0 0 0 18.64 3.22c29.93 0 53.93-24.93 70.33-45.34c18.53-23.1 40.22-34.82 107.34-34.82c59.95 0 84.76 8.13 106.19 34.82c13.47 16.78 26.2 28.52 38.9 35.91c16.89 9.82 33.77 12 50.16 6.37c25.82-8.81 40.62-32.1 44-69.24c2.57-28.48-1.39-65.89-12.12-114.37M208 240h-32v32a16 16 0 0 1-32 0v-32h-32a16 16 0 0 1 0-32h32v-32a16 16 0 0 1 32 0v32h32a16 16 0 0 1 0 32m84 4a20 20 0 1 1 20-20a20 20 0 0 1-20 20m44 44a20 20 0 1 1 20-19.95A20 20 0 0 1 336 288m0-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>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M483.13 245.38C461.92 149.49 430 98.31 382.65 84.33A107.1 107.1 0 0 0 352 80c-13.71 0-25.65 3.34-38.28 6.88C298.5 91.15 281.21 96 256 96s-42.51-4.84-57.76-9.11C185.6 83.34 173.67 80 160 80a115.7 115.7 0 0 0-31.73 4.32c-47.1 13.92-79 65.08-100.52 161C4.61 348.54 16 413.71 59.69 428.83a56.6 56.6 0 0 0 18.64 3.22c29.93 0 53.93-24.93 70.33-45.34c18.53-23.1 40.22-34.82 107.34-34.82c59.95 0 84.76 8.13 106.19 34.82c13.47 16.78 26.2 28.52 38.9 35.91c16.89 9.82 33.77 12 50.16 6.37c25.82-8.81 40.62-32.1 44-69.24c2.57-28.48-1.39-65.89-12.12-114.37M208 240h-32v32a16 16 0 0 1-32 0v-32h-32a16 16 0 0 1 0-32h32v-32a16 16 0 0 1 32 0v32h32a16 16 0 0 1 0 32m84 4a20 20 0 1 1 20-20a20 20 0 0 1-20 20m44 44a20 20 0 1 1 20-19.95A20 20 0 0 1 336 288m0-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>

.icon-game-controller {
  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%22M483.13%20245.38C461.92%20149.49%20430%2098.31%20382.65%2084.33A107.1%20107.1%200%200%200%20352%2080c-13.71%200-25.65%203.34-38.28%206.88C298.5%2091.15%20281.21%2096%20256%2096s-42.51-4.84-57.76-9.11C185.6%2083.34%20173.67%2080%20160%2080a115.7%20115.7%200%200%200-31.73%204.32c-47.1%2013.92-79%2065.08-100.52%20161C4.61%20348.54%2016%20413.71%2059.69%20428.83a56.6%2056.6%200%200%200%2018.64%203.22c29.93%200%2053.93-24.93%2070.33-45.34c18.53-23.1%2040.22-34.82%20107.34-34.82c59.95%200%2084.76%208.13%20106.19%2034.82c13.47%2016.78%2026.2%2028.52%2038.9%2035.91c16.89%209.82%2033.77%2012%2050.16%206.37c25.82-8.81%2040.62-32.1%2044-69.24c2.57-28.48-1.39-65.89-12.12-114.37M208%20240h-32v32a16%2016%200%200%201-32%200v-32h-32a16%2016%200%200%201%200-32h32v-32a16%2016%200%200%201%2032%200v32h32a16%2016%200%200%201%200%2032m84%204a20%2020%200%201%201%2020-20a20%2020%200%200%201-20%2020m44%2044a20%2020%200%201%201%2020-19.95A20%2020%200%200%201%20336%20288m0-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%22M483.13%20245.38C461.92%20149.49%20430%2098.31%20382.65%2084.33A107.1%20107.1%200%200%200%20352%2080c-13.71%200-25.65%203.34-38.28%206.88C298.5%2091.15%20281.21%2096%20256%2096s-42.51-4.84-57.76-9.11C185.6%2083.34%20173.67%2080%20160%2080a115.7%20115.7%200%200%200-31.73%204.32c-47.1%2013.92-79%2065.08-100.52%20161C4.61%20348.54%2016%20413.71%2059.69%20428.83a56.6%2056.6%200%200%200%2018.64%203.22c29.93%200%2053.93-24.93%2070.33-45.34c18.53-23.1%2040.22-34.82%20107.34-34.82c59.95%200%2084.76%208.13%20106.19%2034.82c13.47%2016.78%2026.2%2028.52%2038.9%2035.91c16.89%209.82%2033.77%2012%2050.16%206.37c25.82-8.81%2040.62-32.1%2044-69.24c2.57-28.48-1.39-65.89-12.12-114.37M208%20240h-32v32a16%2016%200%200%201-32%200v-32h-32a16%2016%200%200%201%200-32h32v-32a16%2016%200%200%201%2032%200v32h32a16%2016%200%200%201%200%2032m84%204a20%2020%200%201%201%2020-20a20%2020%200%200%201-20%2020m44%2044a20%2020%200%201%201%2020-19.95A20%2020%200%200%201%20336%20288m0-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.svg?color=%231a73e8&size=48