gamecontroller icon

gamecontroller-fill from Framework7 Icons by Vladimir Kharlampidi · Fill · MIT Free for personal and commercial use.

Name: gamecontroller-fill
Set: Framework7 Icons
Style: Fill
Viewbox: 56×56
License: MIT

1 other variant in Framework7 Icons

Related icons in Framework7 Icons

Use the gamecontroller icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M7.39 46.806c2.658 0 4.481-.97 6.11-2.987l3.511-4.248c.505-.601 1.087-.892 1.669-.892h18.64c.582 0 1.164.29 1.65.892l3.51 4.248c1.649 2.017 3.453 2.987 6.13 2.987c4.422 0 7.39-2.948 7.39-7.487c0-1.94-.466-4.17-1.203-6.673c-1.183-3.976-3.258-9.388-5.256-13.578c-1.649-3.492-2.503-5.082-6.615-6.013c-3.666-.834-8.729-1.397-14.936-1.397s-11.27.563-14.916 1.397c-4.113.93-4.966 2.521-6.634 6.013c-1.979 4.19-4.054 9.602-5.237 13.578C.446 35.148 0 37.38 0 39.32c0 4.539 2.948 7.487 7.39 7.487m4.908-21.473c0-.97.582-1.57 1.61-1.57h3.472v-3.395c0-.99.582-1.59 1.552-1.59c.95 0 1.513.6 1.513 1.59v3.394h3.297c1.086 0 1.727.601 1.727 1.571c0 1.009-.64 1.63-1.727 1.63h-3.297v3.394c0 .99-.563 1.61-1.513 1.61c-.97 0-1.552-.62-1.552-1.61v-3.394h-3.472c-1.028 0-1.61-.621-1.61-1.63m24.77-3.026c0-1.59 1.242-2.812 2.793-2.812c1.572 0 2.794 1.222 2.794 2.812c0 1.572-1.222 2.774-2.794 2.774c-1.551 0-2.793-1.203-2.793-2.774m-5.703 5.742c0-1.59 1.223-2.813 2.794-2.813s2.773 1.222 2.773 2.813c0 1.571-1.202 2.793-2.773 2.793a2.76 2.76 0 0 1-2.794-2.793"/></svg>

React

import type { SVGProps } from "react";

export function F7GamecontrollerFill(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M7.39 46.806c2.658 0 4.481-.97 6.11-2.987l3.511-4.248c.505-.601 1.087-.892 1.669-.892h18.64c.582 0 1.164.29 1.65.892l3.51 4.248c1.649 2.017 3.453 2.987 6.13 2.987c4.422 0 7.39-2.948 7.39-7.487c0-1.94-.466-4.17-1.203-6.673c-1.183-3.976-3.258-9.388-5.256-13.578c-1.649-3.492-2.503-5.082-6.615-6.013c-3.666-.834-8.729-1.397-14.936-1.397s-11.27.563-14.916 1.397c-4.113.93-4.966 2.521-6.634 6.013c-1.979 4.19-4.054 9.602-5.237 13.578C.446 35.148 0 37.38 0 39.32c0 4.539 2.948 7.487 7.39 7.487m4.908-21.473c0-.97.582-1.57 1.61-1.57h3.472v-3.395c0-.99.582-1.59 1.552-1.59c.95 0 1.513.6 1.513 1.59v3.394h3.297c1.086 0 1.727.601 1.727 1.571c0 1.009-.64 1.63-1.727 1.63h-3.297v3.394c0 .99-.563 1.61-1.513 1.61c-.97 0-1.552-.62-1.552-1.61v-3.394h-3.472c-1.028 0-1.61-.621-1.61-1.63m24.77-3.026c0-1.59 1.242-2.812 2.793-2.812c1.572 0 2.794 1.222 2.794 2.812c0 1.572-1.222 2.774-2.794 2.774c-1.551 0-2.793-1.203-2.793-2.774m-5.703 5.742c0-1.59 1.223-2.813 2.794-2.813s2.773 1.222 2.773 2.813c0 1.571-1.202 2.793-2.773 2.793a2.76 2.76 0 0 1-2.794-2.793"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M7.39 46.806c2.658 0 4.481-.97 6.11-2.987l3.511-4.248c.505-.601 1.087-.892 1.669-.892h18.64c.582 0 1.164.29 1.65.892l3.51 4.248c1.649 2.017 3.453 2.987 6.13 2.987c4.422 0 7.39-2.948 7.39-7.487c0-1.94-.466-4.17-1.203-6.673c-1.183-3.976-3.258-9.388-5.256-13.578c-1.649-3.492-2.503-5.082-6.615-6.013c-3.666-.834-8.729-1.397-14.936-1.397s-11.27.563-14.916 1.397c-4.113.93-4.966 2.521-6.634 6.013c-1.979 4.19-4.054 9.602-5.237 13.578C.446 35.148 0 37.38 0 39.32c0 4.539 2.948 7.487 7.39 7.487m4.908-21.473c0-.97.582-1.57 1.61-1.57h3.472v-3.395c0-.99.582-1.59 1.552-1.59c.95 0 1.513.6 1.513 1.59v3.394h3.297c1.086 0 1.727.601 1.727 1.571c0 1.009-.64 1.63-1.727 1.63h-3.297v3.394c0 .99-.563 1.61-1.513 1.61c-.97 0-1.552-.62-1.552-1.61v-3.394h-3.472c-1.028 0-1.61-.621-1.61-1.63m24.77-3.026c0-1.59 1.242-2.812 2.793-2.812c1.572 0 2.794 1.222 2.794 2.812c0 1.572-1.222 2.774-2.794 2.774c-1.551 0-2.793-1.203-2.793-2.774m-5.703 5.742c0-1.59 1.223-2.813 2.794-2.813s2.773 1.222 2.773 2.813c0 1.571-1.202 2.793-2.773 2.793a2.76 2.76 0 0 1-2.794-2.793"/></svg>
</template>

CSS

.icon-gamecontroller-fill {
  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%2056%2056%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M7.39%2046.806c2.658%200%204.481-.97%206.11-2.987l3.511-4.248c.505-.601%201.087-.892%201.669-.892h18.64c.582%200%201.164.29%201.65.892l3.51%204.248c1.649%202.017%203.453%202.987%206.13%202.987c4.422%200%207.39-2.948%207.39-7.487c0-1.94-.466-4.17-1.203-6.673c-1.183-3.976-3.258-9.388-5.256-13.578c-1.649-3.492-2.503-5.082-6.615-6.013c-3.666-.834-8.729-1.397-14.936-1.397s-11.27.563-14.916%201.397c-4.113.93-4.966%202.521-6.634%206.013c-1.979%204.19-4.054%209.602-5.237%2013.578C.446%2035.148%200%2037.38%200%2039.32c0%204.539%202.948%207.487%207.39%207.487m4.908-21.473c0-.97.582-1.57%201.61-1.57h3.472v-3.395c0-.99.582-1.59%201.552-1.59c.95%200%201.513.6%201.513%201.59v3.394h3.297c1.086%200%201.727.601%201.727%201.571c0%201.009-.64%201.63-1.727%201.63h-3.297v3.394c0%20.99-.563%201.61-1.513%201.61c-.97%200-1.552-.62-1.552-1.61v-3.394h-3.472c-1.028%200-1.61-.621-1.61-1.63m24.77-3.026c0-1.59%201.242-2.812%202.793-2.812c1.572%200%202.794%201.222%202.794%202.812c0%201.572-1.222%202.774-2.794%202.774c-1.551%200-2.793-1.203-2.793-2.774m-5.703%205.742c0-1.59%201.223-2.813%202.794-2.813s2.773%201.222%202.773%202.813c0%201.571-1.202%202.793-2.773%202.793a2.76%202.76%200%200%201-2.794-2.793%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%2056%2056%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M7.39%2046.806c2.658%200%204.481-.97%206.11-2.987l3.511-4.248c.505-.601%201.087-.892%201.669-.892h18.64c.582%200%201.164.29%201.65.892l3.51%204.248c1.649%202.017%203.453%202.987%206.13%202.987c4.422%200%207.39-2.948%207.39-7.487c0-1.94-.466-4.17-1.203-6.673c-1.183-3.976-3.258-9.388-5.256-13.578c-1.649-3.492-2.503-5.082-6.615-6.013c-3.666-.834-8.729-1.397-14.936-1.397s-11.27.563-14.916%201.397c-4.113.93-4.966%202.521-6.634%206.013c-1.979%204.19-4.054%209.602-5.237%2013.578C.446%2035.148%200%2037.38%200%2039.32c0%204.539%202.948%207.487%207.39%207.487m4.908-21.473c0-.97.582-1.57%201.61-1.57h3.472v-3.395c0-.99.582-1.59%201.552-1.59c.95%200%201.513.6%201.513%201.59v3.394h3.297c1.086%200%201.727.601%201.727%201.571c0%201.009-.64%201.63-1.727%201.63h-3.297v3.394c0%20.99-.563%201.61-1.513%201.61c-.97%200-1.552-.62-1.552-1.61v-3.394h-3.472c-1.028%200-1.61-.621-1.61-1.63m24.77-3.026c0-1.59%201.242-2.812%202.793-2.812c1.572%200%202.794%201.222%202.794%202.812c0%201.572-1.222%202.774-2.794%202.774c-1.551%200-2.793-1.203-2.793-2.774m-5.703%205.742c0-1.59%201.223-2.813%202.794-2.813s2.773%201.222%202.773%202.813c0%201.571-1.202%202.793-2.773%202.793a2.76%202.76%200%200%201-2.794-2.793%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/f7/gamecontroller-fill.svg?color=%231a73e8&size=48