gamepad 01 icon
gamepad-01 from Huge Icons by Hugeicons · Stroke · MIT Free for personal and commercial use.
- Name
- gamepad-01
- Set
- Huge Icons
- Style
- Stroke
- Viewbox
- 24×24
- License
- MIT
Related icons in Huge Icons
Use the gamepad 01 icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="1.5"><path stroke-linecap="round" stroke-linejoin="round" d="M17.25 8.625v.125m.25 0a.25.25 0 1 1-.5 0a.25.25 0 0 1 .5 0m-2.75 2.375v.125m.25 0a.25.25 0 1 1-.5 0a.25.25 0 0 1 .5 0"/><path d="M6.707 5c-.475 0-.713 0-1.027.107s-.43.197-.661.376C2.352 7.543.76 13.077 3.225 17.525c.55.99 1.664 1.475 2.797 1.475c1.19 0 2.255-.738 2.672-1.852L9.125 16c.127-.337.19-.506.295-.634a1 1 0 0 1 .45-.313c.158-.053.338-.053.698-.053h2.864c.36 0 .54 0 .697.053a1 1 0 0 1 .451.313c.105.128.168.297.295.634l.43 1.148A2.85 2.85 0 0 0 17.979 19c1.133 0 2.247-.484 2.797-1.475c2.464-4.448.874-9.982-1.793-12.042c-.232-.18-.347-.269-.662-.376C18.007 5 17.77 5 17.295 5z"/><path stroke-linecap="round" stroke-linejoin="round" d="M7.995 8v4M10 9.995H6"/></g></svg>
React
import type { SVGProps } from "react";
export function HugeiconsGamepad01(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" strokeWidth="1.5"><path strokeLinecap="round" strokeLinejoin="round" d="M17.25 8.625v.125m.25 0a.25.25 0 1 1-.5 0a.25.25 0 0 1 .5 0m-2.75 2.375v.125m.25 0a.25.25 0 1 1-.5 0a.25.25 0 0 1 .5 0"/><path d="M6.707 5c-.475 0-.713 0-1.027.107s-.43.197-.661.376C2.352 7.543.76 13.077 3.225 17.525c.55.99 1.664 1.475 2.797 1.475c1.19 0 2.255-.738 2.672-1.852L9.125 16c.127-.337.19-.506.295-.634a1 1 0 0 1 .45-.313c.158-.053.338-.053.698-.053h2.864c.36 0 .54 0 .697.053a1 1 0 0 1 .451.313c.105.128.168.297.295.634l.43 1.148A2.85 2.85 0 0 0 17.979 19c1.133 0 2.247-.484 2.797-1.475c2.464-4.448.874-9.982-1.793-12.042c-.232-.18-.347-.269-.662-.376C18.007 5 17.77 5 17.295 5z"/><path strokeLinecap="round" strokeLinejoin="round" d="M7.995 8v4M10 9.995H6"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="1.5"><path stroke-linecap="round" stroke-linejoin="round" d="M17.25 8.625v.125m.25 0a.25.25 0 1 1-.5 0a.25.25 0 0 1 .5 0m-2.75 2.375v.125m.25 0a.25.25 0 1 1-.5 0a.25.25 0 0 1 .5 0"/><path d="M6.707 5c-.475 0-.713 0-1.027.107s-.43.197-.661.376C2.352 7.543.76 13.077 3.225 17.525c.55.99 1.664 1.475 2.797 1.475c1.19 0 2.255-.738 2.672-1.852L9.125 16c.127-.337.19-.506.295-.634a1 1 0 0 1 .45-.313c.158-.053.338-.053.698-.053h2.864c.36 0 .54 0 .697.053a1 1 0 0 1 .451.313c.105.128.168.297.295.634l.43 1.148A2.85 2.85 0 0 0 17.979 19c1.133 0 2.247-.484 2.797-1.475c2.464-4.448.874-9.982-1.793-12.042c-.232-.18-.347-.269-.662-.376C18.007 5 17.77 5 17.295 5z"/><path stroke-linecap="round" stroke-linejoin="round" d="M7.995 8v4M10 9.995H6"/></g></svg> </template>
CSS
.icon-gamepad-01 {
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%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.5%22%3E%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M17.25%208.625v.125m.25%200a.25.25%200%201%201-.5%200a.25.25%200%200%201%20.5%200m-2.75%202.375v.125m.25%200a.25.25%200%201%201-.5%200a.25.25%200%200%201%20.5%200%22%2F%3E%3Cpath%20d%3D%22M6.707%205c-.475%200-.713%200-1.027.107s-.43.197-.661.376C2.352%207.543.76%2013.077%203.225%2017.525c.55.99%201.664%201.475%202.797%201.475c1.19%200%202.255-.738%202.672-1.852L9.125%2016c.127-.337.19-.506.295-.634a1%201%200%200%201%20.45-.313c.158-.053.338-.053.698-.053h2.864c.36%200%20.54%200%20.697.053a1%201%200%200%201%20.451.313c.105.128.168.297.295.634l.43%201.148A2.85%202.85%200%200%200%2017.979%2019c1.133%200%202.247-.484%202.797-1.475c2.464-4.448.874-9.982-1.793-12.042c-.232-.18-.347-.269-.662-.376C18.007%205%2017.77%205%2017.295%205z%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M7.995%208v4M10%209.995H6%22%2F%3E%3C%2Fg%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%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.5%22%3E%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M17.25%208.625v.125m.25%200a.25.25%200%201%201-.5%200a.25.25%200%200%201%20.5%200m-2.75%202.375v.125m.25%200a.25.25%200%201%201-.5%200a.25.25%200%200%201%20.5%200%22%2F%3E%3Cpath%20d%3D%22M6.707%205c-.475%200-.713%200-1.027.107s-.43.197-.661.376C2.352%207.543.76%2013.077%203.225%2017.525c.55.99%201.664%201.475%202.797%201.475c1.19%200%202.255-.738%202.672-1.852L9.125%2016c.127-.337.19-.506.295-.634a1%201%200%200%201%20.45-.313c.158-.053.338-.053.698-.053h2.864c.36%200%20.54%200%20.697.053a1%201%200%200%201%20.451.313c.105.128.168.297.295.634l.43%201.148A2.85%202.85%200%200%200%2017.979%2019c1.133%200%202.247-.484%202.797-1.475c2.464-4.448.874-9.982-1.793-12.042c-.232-.18-.347-.269-.662-.376C18.007%205%2017.77%205%2017.295%205z%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M7.995%208v4M10%209.995H6%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/hugeicons/gamepad-01.svg?color=%231a73e8&size=48
