gamepad3 icon
gamepad3 from Reicon by REICON · Outline · Devices · MIT Free for personal and commercial use.
- Name
- gamepad3
- Set
- Reicon
- Style
- Outline
- Category
- Devices
- Viewbox
- 24×24
- License
- MIT
2 other variants in Reicon
More devices icons from Reicon
Use the gamepad3 icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><g fill="currentColor" clip-path="url(#SVGBgS7qSkY4)"><path d="M16 10.5a1 1 0 1 1-2 0a1 1 0 0 1 2 0m2 3a1 1 0 1 1-2 0a1 1 0 0 1 2 0"/><path fill-rule="evenodd" d="M15-.75a.75.75 0 0 1 .75.75v1A1.75 1.75 0 0 1 14 2.75h-1a.25.25 0 0 0-.25.25v.25h1.284c1.371 0 2.447 0 3.311.07c.88.073 1.607.221 2.265.557a5.75 5.75 0 0 1 2.513 2.513c.336.658.485 1.385.556 2.265c.071.864.071 1.94.071 3.311v.068c0 1.371 0 2.447-.07 3.311c-.072.88-.221 1.607-.557 2.265a5.75 5.75 0 0 1-2.513 2.513c-.658.336-1.385.485-2.265.556c-.864.071-1.94.071-3.311.071H9.966c-1.371 0-2.447 0-3.311-.07c-.88-.072-1.607-.221-2.265-.557a5.75 5.75 0 0 1-2.513-2.513c-.336-.658-.484-1.385-.556-2.265c-.071-.864-.071-1.94-.071-3.311v-.068c0-1.371 0-2.447.07-3.311c.073-.88.221-1.607.557-2.265A5.75 5.75 0 0 1 4.39 3.877c.658-.336 1.385-.484 2.265-.556c.864-.071 1.94-.071 3.311-.071h1.284V3c0-.966.784-1.75 1.75-1.75h1a.25.25 0 0 0 .25-.25V0A.75.75 0 0 1 15-.75m-5 5.5c-1.413 0-2.427 0-3.223.066c-.787.064-1.295.188-1.706.397a4.25 4.25 0 0 0-1.858 1.858c-.21.411-.333.919-.397 1.706c-.065.796-.066 1.81-.066 3.223s0 2.427.066 3.223c.064.787.188 1.295.397 1.707a4.25 4.25 0 0 0 1.858 1.857c.411.21.919.333 1.706.397c.796.065 1.81.066 3.223.066h4c1.412 0 2.427 0 3.223-.066c.787-.064 1.295-.188 1.707-.397a4.25 4.25 0 0 0 1.857-1.857c.21-.412.333-.92.397-1.707c.065-.796.066-1.81.066-3.223s0-2.427-.066-3.223c-.064-.787-.188-1.295-.397-1.706a4.25 4.25 0 0 0-1.857-1.858c-.412-.21-.92-.333-1.707-.397c-.796-.065-1.81-.066-3.223-.066zm-2 4.5a.75.75 0 0 1 .75.75v1.25H10a.75.75 0 0 1 0 1.5H8.75V14a.75.75 0 0 1-1.5 0v-1.25H6a.75.75 0 0 1 0-1.5h1.25V10A.75.75 0 0 1 8 9.25" clip-rule="evenodd"/></g><defs><clipPath id="SVGBgS7qSkY4"><path fill="currentColor" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>
React
import type { SVGProps } from "react";
export function ReiconGamepad3(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"><g fill="currentColor" clipPath="url(#SVGBgS7qSkY4)"><path d="M16 10.5a1 1 0 1 1-2 0a1 1 0 0 1 2 0m2 3a1 1 0 1 1-2 0a1 1 0 0 1 2 0"/><path fillRule="evenodd" d="M15-.75a.75.75 0 0 1 .75.75v1A1.75 1.75 0 0 1 14 2.75h-1a.25.25 0 0 0-.25.25v.25h1.284c1.371 0 2.447 0 3.311.07c.88.073 1.607.221 2.265.557a5.75 5.75 0 0 1 2.513 2.513c.336.658.485 1.385.556 2.265c.071.864.071 1.94.071 3.311v.068c0 1.371 0 2.447-.07 3.311c-.072.88-.221 1.607-.557 2.265a5.75 5.75 0 0 1-2.513 2.513c-.658.336-1.385.485-2.265.556c-.864.071-1.94.071-3.311.071H9.966c-1.371 0-2.447 0-3.311-.07c-.88-.072-1.607-.221-2.265-.557a5.75 5.75 0 0 1-2.513-2.513c-.336-.658-.484-1.385-.556-2.265c-.071-.864-.071-1.94-.071-3.311v-.068c0-1.371 0-2.447.07-3.311c.073-.88.221-1.607.557-2.265A5.75 5.75 0 0 1 4.39 3.877c.658-.336 1.385-.484 2.265-.556c.864-.071 1.94-.071 3.311-.071h1.284V3c0-.966.784-1.75 1.75-1.75h1a.25.25 0 0 0 .25-.25V0A.75.75 0 0 1 15-.75m-5 5.5c-1.413 0-2.427 0-3.223.066c-.787.064-1.295.188-1.706.397a4.25 4.25 0 0 0-1.858 1.858c-.21.411-.333.919-.397 1.706c-.065.796-.066 1.81-.066 3.223s0 2.427.066 3.223c.064.787.188 1.295.397 1.707a4.25 4.25 0 0 0 1.858 1.857c.411.21.919.333 1.706.397c.796.065 1.81.066 3.223.066h4c1.412 0 2.427 0 3.223-.066c.787-.064 1.295-.188 1.707-.397a4.25 4.25 0 0 0 1.857-1.857c.21-.412.333-.92.397-1.707c.065-.796.066-1.81.066-3.223s0-2.427-.066-3.223c-.064-.787-.188-1.295-.397-1.706a4.25 4.25 0 0 0-1.857-1.858c-.412-.21-.92-.333-1.707-.397c-.796-.065-1.81-.066-3.223-.066zm-2 4.5a.75.75 0 0 1 .75.75v1.25H10a.75.75 0 0 1 0 1.5H8.75V14a.75.75 0 0 1-1.5 0v-1.25H6a.75.75 0 0 1 0-1.5h1.25V10A.75.75 0 0 1 8 9.25" clipRule="evenodd"/></g><defs><clipPath id="SVGBgS7qSkY4"><path fill="currentColor" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><g fill="currentColor" clip-path="url(#SVGBgS7qSkY4)"><path d="M16 10.5a1 1 0 1 1-2 0a1 1 0 0 1 2 0m2 3a1 1 0 1 1-2 0a1 1 0 0 1 2 0"/><path fill-rule="evenodd" d="M15-.75a.75.75 0 0 1 .75.75v1A1.75 1.75 0 0 1 14 2.75h-1a.25.25 0 0 0-.25.25v.25h1.284c1.371 0 2.447 0 3.311.07c.88.073 1.607.221 2.265.557a5.75 5.75 0 0 1 2.513 2.513c.336.658.485 1.385.556 2.265c.071.864.071 1.94.071 3.311v.068c0 1.371 0 2.447-.07 3.311c-.072.88-.221 1.607-.557 2.265a5.75 5.75 0 0 1-2.513 2.513c-.658.336-1.385.485-2.265.556c-.864.071-1.94.071-3.311.071H9.966c-1.371 0-2.447 0-3.311-.07c-.88-.072-1.607-.221-2.265-.557a5.75 5.75 0 0 1-2.513-2.513c-.336-.658-.484-1.385-.556-2.265c-.071-.864-.071-1.94-.071-3.311v-.068c0-1.371 0-2.447.07-3.311c.073-.88.221-1.607.557-2.265A5.75 5.75 0 0 1 4.39 3.877c.658-.336 1.385-.484 2.265-.556c.864-.071 1.94-.071 3.311-.071h1.284V3c0-.966.784-1.75 1.75-1.75h1a.25.25 0 0 0 .25-.25V0A.75.75 0 0 1 15-.75m-5 5.5c-1.413 0-2.427 0-3.223.066c-.787.064-1.295.188-1.706.397a4.25 4.25 0 0 0-1.858 1.858c-.21.411-.333.919-.397 1.706c-.065.796-.066 1.81-.066 3.223s0 2.427.066 3.223c.064.787.188 1.295.397 1.707a4.25 4.25 0 0 0 1.858 1.857c.411.21.919.333 1.706.397c.796.065 1.81.066 3.223.066h4c1.412 0 2.427 0 3.223-.066c.787-.064 1.295-.188 1.707-.397a4.25 4.25 0 0 0 1.857-1.857c.21-.412.333-.92.397-1.707c.065-.796.066-1.81.066-3.223s0-2.427-.066-3.223c-.064-.787-.188-1.295-.397-1.706a4.25 4.25 0 0 0-1.857-1.858c-.412-.21-.92-.333-1.707-.397c-.796-.065-1.81-.066-3.223-.066zm-2 4.5a.75.75 0 0 1 .75.75v1.25H10a.75.75 0 0 1 0 1.5H8.75V14a.75.75 0 0 1-1.5 0v-1.25H6a.75.75 0 0 1 0-1.5h1.25V10A.75.75 0 0 1 8 9.25" clip-rule="evenodd"/></g><defs><clipPath id="SVGBgS7qSkY4"><path fill="currentColor" d="M0 0h24v24H0z"/></clipPath></defs></g></svg> </template>
CSS
.icon-gamepad3 {
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%3E%3Cg%20fill%3D%22currentColor%22%20clip-path%3D%22url(%23SVGBgS7qSkY4)%22%3E%3Cpath%20d%3D%22M16%2010.5a1%201%200%201%201-2%200a1%201%200%200%201%202%200m2%203a1%201%200%201%201-2%200a1%201%200%200%201%202%200%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M15-.75a.75.75%200%200%201%20.75.75v1A1.75%201.75%200%200%201%2014%202.75h-1a.25.25%200%200%200-.25.25v.25h1.284c1.371%200%202.447%200%203.311.07c.88.073%201.607.221%202.265.557a5.75%205.75%200%200%201%202.513%202.513c.336.658.485%201.385.556%202.265c.071.864.071%201.94.071%203.311v.068c0%201.371%200%202.447-.07%203.311c-.072.88-.221%201.607-.557%202.265a5.75%205.75%200%200%201-2.513%202.513c-.658.336-1.385.485-2.265.556c-.864.071-1.94.071-3.311.071H9.966c-1.371%200-2.447%200-3.311-.07c-.88-.072-1.607-.221-2.265-.557a5.75%205.75%200%200%201-2.513-2.513c-.336-.658-.484-1.385-.556-2.265c-.071-.864-.071-1.94-.071-3.311v-.068c0-1.371%200-2.447.07-3.311c.073-.88.221-1.607.557-2.265A5.75%205.75%200%200%201%204.39%203.877c.658-.336%201.385-.484%202.265-.556c.864-.071%201.94-.071%203.311-.071h1.284V3c0-.966.784-1.75%201.75-1.75h1a.25.25%200%200%200%20.25-.25V0A.75.75%200%200%201%2015-.75m-5%205.5c-1.413%200-2.427%200-3.223.066c-.787.064-1.295.188-1.706.397a4.25%204.25%200%200%200-1.858%201.858c-.21.411-.333.919-.397%201.706c-.065.796-.066%201.81-.066%203.223s0%202.427.066%203.223c.064.787.188%201.295.397%201.707a4.25%204.25%200%200%200%201.858%201.857c.411.21.919.333%201.706.397c.796.065%201.81.066%203.223.066h4c1.412%200%202.427%200%203.223-.066c.787-.064%201.295-.188%201.707-.397a4.25%204.25%200%200%200%201.857-1.857c.21-.412.333-.92.397-1.707c.065-.796.066-1.81.066-3.223s0-2.427-.066-3.223c-.064-.787-.188-1.295-.397-1.706a4.25%204.25%200%200%200-1.857-1.858c-.412-.21-.92-.333-1.707-.397c-.796-.065-1.81-.066-3.223-.066zm-2%204.5a.75.75%200%200%201%20.75.75v1.25H10a.75.75%200%200%201%200%201.5H8.75V14a.75.75%200%200%201-1.5%200v-1.25H6a.75.75%200%200%201%200-1.5h1.25V10A.75.75%200%200%201%208%209.25%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGBgS7qSkY4%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M0%200h24v24H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%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%3E%3Cg%20fill%3D%22currentColor%22%20clip-path%3D%22url(%23SVGBgS7qSkY4)%22%3E%3Cpath%20d%3D%22M16%2010.5a1%201%200%201%201-2%200a1%201%200%200%201%202%200m2%203a1%201%200%201%201-2%200a1%201%200%200%201%202%200%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M15-.75a.75.75%200%200%201%20.75.75v1A1.75%201.75%200%200%201%2014%202.75h-1a.25.25%200%200%200-.25.25v.25h1.284c1.371%200%202.447%200%203.311.07c.88.073%201.607.221%202.265.557a5.75%205.75%200%200%201%202.513%202.513c.336.658.485%201.385.556%202.265c.071.864.071%201.94.071%203.311v.068c0%201.371%200%202.447-.07%203.311c-.072.88-.221%201.607-.557%202.265a5.75%205.75%200%200%201-2.513%202.513c-.658.336-1.385.485-2.265.556c-.864.071-1.94.071-3.311.071H9.966c-1.371%200-2.447%200-3.311-.07c-.88-.072-1.607-.221-2.265-.557a5.75%205.75%200%200%201-2.513-2.513c-.336-.658-.484-1.385-.556-2.265c-.071-.864-.071-1.94-.071-3.311v-.068c0-1.371%200-2.447.07-3.311c.073-.88.221-1.607.557-2.265A5.75%205.75%200%200%201%204.39%203.877c.658-.336%201.385-.484%202.265-.556c.864-.071%201.94-.071%203.311-.071h1.284V3c0-.966.784-1.75%201.75-1.75h1a.25.25%200%200%200%20.25-.25V0A.75.75%200%200%201%2015-.75m-5%205.5c-1.413%200-2.427%200-3.223.066c-.787.064-1.295.188-1.706.397a4.25%204.25%200%200%200-1.858%201.858c-.21.411-.333.919-.397%201.706c-.065.796-.066%201.81-.066%203.223s0%202.427.066%203.223c.064.787.188%201.295.397%201.707a4.25%204.25%200%200%200%201.858%201.857c.411.21.919.333%201.706.397c.796.065%201.81.066%203.223.066h4c1.412%200%202.427%200%203.223-.066c.787-.064%201.295-.188%201.707-.397a4.25%204.25%200%200%200%201.857-1.857c.21-.412.333-.92.397-1.707c.065-.796.066-1.81.066-3.223s0-2.427-.066-3.223c-.064-.787-.188-1.295-.397-1.706a4.25%204.25%200%200%200-1.857-1.858c-.412-.21-.92-.333-1.707-.397c-.796-.065-1.81-.066-3.223-.066zm-2%204.5a.75.75%200%200%201%20.75.75v1.25H10a.75.75%200%200%201%200%201.5H8.75V14a.75.75%200%200%201-1.5%200v-1.25H6a.75.75%200%200%201%200-1.5h1.25V10A.75.75%200%200%201%208%209.25%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGBgS7qSkY4%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M0%200h24v24H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/reicon/gamepad3.svg?color=%231a73e8&size=48
