gamepad buttons icon
gamepad-buttons-filled from Reicon by REICON · Filled · Like · MIT Free for personal and commercial use.
- Name
- gamepad-buttons-filled
- Set
- Reicon
- Style
- Filled
- Category
- Like
- Viewbox
- 24×24
- License
- MIT
1 other variant in Reicon
More like icons from Reicon
Use the gamepad buttons icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M10.821 9.903c.324.325.751.488 1.179.488s.855-.163 1.179-.488l2.138-2.14a2.32 2.32 0 0 0 .684-1.648V4.333A2.336 2.336 0 0 0 13.668 2h-3.333a2.336 2.336 0 0 0-2.333 2.333v1.782c0 .622.242 1.209.684 1.649l2.138 2.139ZM19.667 8h-1.782a2.35 2.35 0 0 0-1.649.684l-2.139 2.139a1.67 1.67 0 0 0 0 2.357l2.139 2.139a2.35 2.35 0 0 0 1.65.684h1.78A2.336 2.336 0 0 0 22 13.669v-3.333a2.336 2.336 0 0 0-2.333-2.333ZM20 13.667c0 .184-.15.333-.333.333h-1.782a.34.34 0 0 1-.236-.097L15.747 12l1.902-1.903a.34.34 0 0 1 .236-.097h1.782c.184 0 .333.15.333.333zm-6.821.43a1.67 1.67 0 0 0-2.358 0l-2.138 2.139a2.32 2.32 0 0 0-.684 1.65v1.78A2.336 2.336 0 0 0 10.332 22h3.333a2.336 2.336 0 0 0 2.333-2.333v-1.782c0-.622-.242-1.209-.684-1.649l-2.138-2.139Zm.82 5.57a.33.33 0 0 1-.332.333h-3.334a.333.333 0 0 1-.333-.333v-1.782c0-.088.035-.173.097-.236L12 15.747l1.903 1.902a.33.33 0 0 1 .097.236zm-4.096-8.846l-2.14-2.138a2.35 2.35 0 0 0-1.648-.684H4.333A2.336 2.336 0 0 0 2 10.332v3.333A2.336 2.336 0 0 0 4.333 16h1.782c.614 0 1.214-.25 1.649-.685l2.139-2.138a1.67 1.67 0 0 0 0-2.357ZM6.35 13.903a.34.34 0 0 1-.236.097H4.333A.333.333 0 0 1 4 13.667v-3.334c0-.184.15-.333.333-.333h1.782c.086 0 .173.036.236.097L8.253 12z"/></svg>
React
import type { SVGProps } from "react";
export function ReiconGamepadButtonsFilled(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M10.821 9.903c.324.325.751.488 1.179.488s.855-.163 1.179-.488l2.138-2.14a2.32 2.32 0 0 0 .684-1.648V4.333A2.336 2.336 0 0 0 13.668 2h-3.333a2.336 2.336 0 0 0-2.333 2.333v1.782c0 .622.242 1.209.684 1.649l2.138 2.139ZM19.667 8h-1.782a2.35 2.35 0 0 0-1.649.684l-2.139 2.139a1.67 1.67 0 0 0 0 2.357l2.139 2.139a2.35 2.35 0 0 0 1.65.684h1.78A2.336 2.336 0 0 0 22 13.669v-3.333a2.336 2.336 0 0 0-2.333-2.333ZM20 13.667c0 .184-.15.333-.333.333h-1.782a.34.34 0 0 1-.236-.097L15.747 12l1.902-1.903a.34.34 0 0 1 .236-.097h1.782c.184 0 .333.15.333.333zm-6.821.43a1.67 1.67 0 0 0-2.358 0l-2.138 2.139a2.32 2.32 0 0 0-.684 1.65v1.78A2.336 2.336 0 0 0 10.332 22h3.333a2.336 2.336 0 0 0 2.333-2.333v-1.782c0-.622-.242-1.209-.684-1.649l-2.138-2.139Zm.82 5.57a.33.33 0 0 1-.332.333h-3.334a.333.333 0 0 1-.333-.333v-1.782c0-.088.035-.173.097-.236L12 15.747l1.903 1.902a.33.33 0 0 1 .097.236zm-4.096-8.846l-2.14-2.138a2.35 2.35 0 0 0-1.648-.684H4.333A2.336 2.336 0 0 0 2 10.332v3.333A2.336 2.336 0 0 0 4.333 16h1.782c.614 0 1.214-.25 1.649-.685l2.139-2.138a1.67 1.67 0 0 0 0-2.357ZM6.35 13.903a.34.34 0 0 1-.236.097H4.333A.333.333 0 0 1 4 13.667v-3.334c0-.184.15-.333.333-.333h1.782c.086 0 .173.036.236.097L8.253 12z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M10.821 9.903c.324.325.751.488 1.179.488s.855-.163 1.179-.488l2.138-2.14a2.32 2.32 0 0 0 .684-1.648V4.333A2.336 2.336 0 0 0 13.668 2h-3.333a2.336 2.336 0 0 0-2.333 2.333v1.782c0 .622.242 1.209.684 1.649l2.138 2.139ZM19.667 8h-1.782a2.35 2.35 0 0 0-1.649.684l-2.139 2.139a1.67 1.67 0 0 0 0 2.357l2.139 2.139a2.35 2.35 0 0 0 1.65.684h1.78A2.336 2.336 0 0 0 22 13.669v-3.333a2.336 2.336 0 0 0-2.333-2.333ZM20 13.667c0 .184-.15.333-.333.333h-1.782a.34.34 0 0 1-.236-.097L15.747 12l1.902-1.903a.34.34 0 0 1 .236-.097h1.782c.184 0 .333.15.333.333zm-6.821.43a1.67 1.67 0 0 0-2.358 0l-2.138 2.139a2.32 2.32 0 0 0-.684 1.65v1.78A2.336 2.336 0 0 0 10.332 22h3.333a2.336 2.336 0 0 0 2.333-2.333v-1.782c0-.622-.242-1.209-.684-1.649l-2.138-2.139Zm.82 5.57a.33.33 0 0 1-.332.333h-3.334a.333.333 0 0 1-.333-.333v-1.782c0-.088.035-.173.097-.236L12 15.747l1.903 1.902a.33.33 0 0 1 .097.236zm-4.096-8.846l-2.14-2.138a2.35 2.35 0 0 0-1.648-.684H4.333A2.336 2.336 0 0 0 2 10.332v3.333A2.336 2.336 0 0 0 4.333 16h1.782c.614 0 1.214-.25 1.649-.685l2.139-2.138a1.67 1.67 0 0 0 0-2.357ZM6.35 13.903a.34.34 0 0 1-.236.097H4.333A.333.333 0 0 1 4 13.667v-3.334c0-.184.15-.333.333-.333h1.782c.086 0 .173.036.236.097L8.253 12z"/></svg> </template>
CSS
.icon-gamepad-buttons-filled {
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%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M10.821%209.903c.324.325.751.488%201.179.488s.855-.163%201.179-.488l2.138-2.14a2.32%202.32%200%200%200%20.684-1.648V4.333A2.336%202.336%200%200%200%2013.668%202h-3.333a2.336%202.336%200%200%200-2.333%202.333v1.782c0%20.622.242%201.209.684%201.649l2.138%202.139ZM19.667%208h-1.782a2.35%202.35%200%200%200-1.649.684l-2.139%202.139a1.67%201.67%200%200%200%200%202.357l2.139%202.139a2.35%202.35%200%200%200%201.65.684h1.78A2.336%202.336%200%200%200%2022%2013.669v-3.333a2.336%202.336%200%200%200-2.333-2.333ZM20%2013.667c0%20.184-.15.333-.333.333h-1.782a.34.34%200%200%201-.236-.097L15.747%2012l1.902-1.903a.34.34%200%200%201%20.236-.097h1.782c.184%200%20.333.15.333.333zm-6.821.43a1.67%201.67%200%200%200-2.358%200l-2.138%202.139a2.32%202.32%200%200%200-.684%201.65v1.78A2.336%202.336%200%200%200%2010.332%2022h3.333a2.336%202.336%200%200%200%202.333-2.333v-1.782c0-.622-.242-1.209-.684-1.649l-2.138-2.139Zm.82%205.57a.33.33%200%200%201-.332.333h-3.334a.333.333%200%200%201-.333-.333v-1.782c0-.088.035-.173.097-.236L12%2015.747l1.903%201.902a.33.33%200%200%201%20.097.236zm-4.096-8.846l-2.14-2.138a2.35%202.35%200%200%200-1.648-.684H4.333A2.336%202.336%200%200%200%202%2010.332v3.333A2.336%202.336%200%200%200%204.333%2016h1.782c.614%200%201.214-.25%201.649-.685l2.139-2.138a1.67%201.67%200%200%200%200-2.357ZM6.35%2013.903a.34.34%200%200%201-.236.097H4.333A.333.333%200%200%201%204%2013.667v-3.334c0-.184.15-.333.333-.333h1.782c.086%200%20.173.036.236.097L8.253%2012z%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M10.821%209.903c.324.325.751.488%201.179.488s.855-.163%201.179-.488l2.138-2.14a2.32%202.32%200%200%200%20.684-1.648V4.333A2.336%202.336%200%200%200%2013.668%202h-3.333a2.336%202.336%200%200%200-2.333%202.333v1.782c0%20.622.242%201.209.684%201.649l2.138%202.139ZM19.667%208h-1.782a2.35%202.35%200%200%200-1.649.684l-2.139%202.139a1.67%201.67%200%200%200%200%202.357l2.139%202.139a2.35%202.35%200%200%200%201.65.684h1.78A2.336%202.336%200%200%200%2022%2013.669v-3.333a2.336%202.336%200%200%200-2.333-2.333ZM20%2013.667c0%20.184-.15.333-.333.333h-1.782a.34.34%200%200%201-.236-.097L15.747%2012l1.902-1.903a.34.34%200%200%201%20.236-.097h1.782c.184%200%20.333.15.333.333zm-6.821.43a1.67%201.67%200%200%200-2.358%200l-2.138%202.139a2.32%202.32%200%200%200-.684%201.65v1.78A2.336%202.336%200%200%200%2010.332%2022h3.333a2.336%202.336%200%200%200%202.333-2.333v-1.782c0-.622-.242-1.209-.684-1.649l-2.138-2.139Zm.82%205.57a.33.33%200%200%201-.332.333h-3.334a.333.333%200%200%201-.333-.333v-1.782c0-.088.035-.173.097-.236L12%2015.747l1.903%201.902a.33.33%200%200%201%20.097.236zm-4.096-8.846l-2.14-2.138a2.35%202.35%200%200%200-1.648-.684H4.333A2.336%202.336%200%200%200%202%2010.332v3.333A2.336%202.336%200%200%200%204.333%2016h1.782c.614%200%201.214-.25%201.649-.685l2.139-2.138a1.67%201.67%200%200%200%200-2.357ZM6.35%2013.903a.34.34%200%200%201-.236.097H4.333A.333.333%200%200%201%204%2013.667v-3.334c0-.184.15-.333.333-.333h1.782c.086%200%20.173.036.236.097L8.253%2012z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/reicon/gamepad-buttons-filled.svg?color=%231a73e8&size=48
