gamecontroller icon
gamecontroller from Framework7 Icons by Vladimir Kharlampidi · Outline · MIT Free for personal and commercial use.
- Name
- gamecontroller
- Set
- Framework7 Icons
- Style
- Outline
- 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="M0 39.319c0 4.539 2.948 7.487 7.39 7.487c2.25 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.86 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.32m2.968.116c0-1.222.271-2.696.892-4.81c1.3-4.462 3.55-10.242 5.509-14.529c.95-2.075 1.474-3.336 3.996-3.918c3.51-.834 8.496-1.397 14.625-1.397c6.13 0 11.115.563 14.645 1.397c2.502.582 3.026 1.843 3.996 3.918c1.998 4.287 4.151 10.087 5.49 14.529c.64 2.114.911 3.588.911 4.81c0 2.677-1.881 4.365-4.384 4.365c-1.474 0-2.91-.776-4.034-2.153l-3.647-4.404c-.931-1.125-1.726-1.687-3.51-1.687H18.543c-1.804 0-2.58.562-3.511 1.687l-3.647 4.404c-1.125 1.377-2.56 2.153-4.034 2.153c-2.503 0-4.384-1.688-4.384-4.365m9.33-14.102c0 1.009.582 1.63 1.61 1.63h3.472v3.394c0 .99.582 1.61 1.552 1.61c.95 0 1.513-.62 1.513-1.61v-3.394h3.297c1.086 0 1.727-.621 1.727-1.63c0-.97-.64-1.57-1.727-1.57h-3.297v-3.395c0-.99-.563-1.59-1.513-1.59c-.97 0-1.552.6-1.552 1.59v3.394h-3.472c-1.028 0-1.61.601-1.61 1.571m27.757-.252c1.572 0 2.794-1.203 2.794-2.774c0-1.59-1.222-2.812-2.794-2.812c-1.551 0-2.793 1.222-2.793 2.812c0 1.572 1.242 2.774 2.793 2.774m-5.702 5.761c1.57 0 2.773-1.222 2.773-2.793c0-1.59-1.202-2.813-2.773-2.813s-2.794 1.222-2.794 2.813a2.76 2.76 0 0 0 2.794 2.793"/></svg>
React
import type { SVGProps } from "react";
export function F7Gamecontroller(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="M0 39.319c0 4.539 2.948 7.487 7.39 7.487c2.25 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.86 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.32m2.968.116c0-1.222.271-2.696.892-4.81c1.3-4.462 3.55-10.242 5.509-14.529c.95-2.075 1.474-3.336 3.996-3.918c3.51-.834 8.496-1.397 14.625-1.397c6.13 0 11.115.563 14.645 1.397c2.502.582 3.026 1.843 3.996 3.918c1.998 4.287 4.151 10.087 5.49 14.529c.64 2.114.911 3.588.911 4.81c0 2.677-1.881 4.365-4.384 4.365c-1.474 0-2.91-.776-4.034-2.153l-3.647-4.404c-.931-1.125-1.726-1.687-3.51-1.687H18.543c-1.804 0-2.58.562-3.511 1.687l-3.647 4.404c-1.125 1.377-2.56 2.153-4.034 2.153c-2.503 0-4.384-1.688-4.384-4.365m9.33-14.102c0 1.009.582 1.63 1.61 1.63h3.472v3.394c0 .99.582 1.61 1.552 1.61c.95 0 1.513-.62 1.513-1.61v-3.394h3.297c1.086 0 1.727-.621 1.727-1.63c0-.97-.64-1.57-1.727-1.57h-3.297v-3.395c0-.99-.563-1.59-1.513-1.59c-.97 0-1.552.6-1.552 1.59v3.394h-3.472c-1.028 0-1.61.601-1.61 1.571m27.757-.252c1.572 0 2.794-1.203 2.794-2.774c0-1.59-1.222-2.812-2.794-2.812c-1.551 0-2.793 1.222-2.793 2.812c0 1.572 1.242 2.774 2.793 2.774m-5.702 5.761c1.57 0 2.773-1.222 2.773-2.793c0-1.59-1.202-2.813-2.773-2.813s-2.794 1.222-2.794 2.813a2.76 2.76 0 0 0 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="M0 39.319c0 4.539 2.948 7.487 7.39 7.487c2.25 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.86 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.32m2.968.116c0-1.222.271-2.696.892-4.81c1.3-4.462 3.55-10.242 5.509-14.529c.95-2.075 1.474-3.336 3.996-3.918c3.51-.834 8.496-1.397 14.625-1.397c6.13 0 11.115.563 14.645 1.397c2.502.582 3.026 1.843 3.996 3.918c1.998 4.287 4.151 10.087 5.49 14.529c.64 2.114.911 3.588.911 4.81c0 2.677-1.881 4.365-4.384 4.365c-1.474 0-2.91-.776-4.034-2.153l-3.647-4.404c-.931-1.125-1.726-1.687-3.51-1.687H18.543c-1.804 0-2.58.562-3.511 1.687l-3.647 4.404c-1.125 1.377-2.56 2.153-4.034 2.153c-2.503 0-4.384-1.688-4.384-4.365m9.33-14.102c0 1.009.582 1.63 1.61 1.63h3.472v3.394c0 .99.582 1.61 1.552 1.61c.95 0 1.513-.62 1.513-1.61v-3.394h3.297c1.086 0 1.727-.621 1.727-1.63c0-.97-.64-1.57-1.727-1.57h-3.297v-3.395c0-.99-.563-1.59-1.513-1.59c-.97 0-1.552.6-1.552 1.59v3.394h-3.472c-1.028 0-1.61.601-1.61 1.571m27.757-.252c1.572 0 2.794-1.203 2.794-2.774c0-1.59-1.222-2.812-2.794-2.812c-1.551 0-2.793 1.222-2.793 2.812c0 1.572 1.242 2.774 2.793 2.774m-5.702 5.761c1.57 0 2.773-1.222 2.773-2.793c0-1.59-1.202-2.813-2.773-2.813s-2.794 1.222-2.794 2.813a2.76 2.76 0 0 0 2.794 2.793"/></svg> </template>
CSS
.icon-gamecontroller {
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%22M0%2039.319c0%204.539%202.948%207.487%207.39%207.487c2.25%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.86%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.32m2.968.116c0-1.222.271-2.696.892-4.81c1.3-4.462%203.55-10.242%205.509-14.529c.95-2.075%201.474-3.336%203.996-3.918c3.51-.834%208.496-1.397%2014.625-1.397c6.13%200%2011.115.563%2014.645%201.397c2.502.582%203.026%201.843%203.996%203.918c1.998%204.287%204.151%2010.087%205.49%2014.529c.64%202.114.911%203.588.911%204.81c0%202.677-1.881%204.365-4.384%204.365c-1.474%200-2.91-.776-4.034-2.153l-3.647-4.404c-.931-1.125-1.726-1.687-3.51-1.687H18.543c-1.804%200-2.58.562-3.511%201.687l-3.647%204.404c-1.125%201.377-2.56%202.153-4.034%202.153c-2.503%200-4.384-1.688-4.384-4.365m9.33-14.102c0%201.009.582%201.63%201.61%201.63h3.472v3.394c0%20.99.582%201.61%201.552%201.61c.95%200%201.513-.62%201.513-1.61v-3.394h3.297c1.086%200%201.727-.621%201.727-1.63c0-.97-.64-1.57-1.727-1.57h-3.297v-3.395c0-.99-.563-1.59-1.513-1.59c-.97%200-1.552.6-1.552%201.59v3.394h-3.472c-1.028%200-1.61.601-1.61%201.571m27.757-.252c1.572%200%202.794-1.203%202.794-2.774c0-1.59-1.222-2.812-2.794-2.812c-1.551%200-2.793%201.222-2.793%202.812c0%201.572%201.242%202.774%202.793%202.774m-5.702%205.761c1.57%200%202.773-1.222%202.773-2.793c0-1.59-1.202-2.813-2.773-2.813s-2.794%201.222-2.794%202.813a2.76%202.76%200%200%200%202.794%202.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%22M0%2039.319c0%204.539%202.948%207.487%207.39%207.487c2.25%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.86%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.32m2.968.116c0-1.222.271-2.696.892-4.81c1.3-4.462%203.55-10.242%205.509-14.529c.95-2.075%201.474-3.336%203.996-3.918c3.51-.834%208.496-1.397%2014.625-1.397c6.13%200%2011.115.563%2014.645%201.397c2.502.582%203.026%201.843%203.996%203.918c1.998%204.287%204.151%2010.087%205.49%2014.529c.64%202.114.911%203.588.911%204.81c0%202.677-1.881%204.365-4.384%204.365c-1.474%200-2.91-.776-4.034-2.153l-3.647-4.404c-.931-1.125-1.726-1.687-3.51-1.687H18.543c-1.804%200-2.58.562-3.511%201.687l-3.647%204.404c-1.125%201.377-2.56%202.153-4.034%202.153c-2.503%200-4.384-1.688-4.384-4.365m9.33-14.102c0%201.009.582%201.63%201.61%201.63h3.472v3.394c0%20.99.582%201.61%201.552%201.61c.95%200%201.513-.62%201.513-1.61v-3.394h3.297c1.086%200%201.727-.621%201.727-1.63c0-.97-.64-1.57-1.727-1.57h-3.297v-3.395c0-.99-.563-1.59-1.513-1.59c-.97%200-1.552.6-1.552%201.59v3.394h-3.472c-1.028%200-1.61.601-1.61%201.571m27.757-.252c1.572%200%202.794-1.203%202.794-2.774c0-1.59-1.222-2.812-2.794-2.812c-1.551%200-2.793%201.222-2.793%202.812c0%201.572%201.242%202.774%202.793%202.774m-5.702%205.761c1.57%200%202.773-1.222%202.773-2.793c0-1.59-1.202-2.813-2.773-2.813s-2.794%201.222-2.794%202.813a2.76%202.76%200%200%200%202.794%202.793%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/f7/gamecontroller.svg?color=%231a73e8&size=48
