game controller bumper left icon

game-controller-bumper-left-20-filled from Fluent UI System Icons by Microsoft Corporation · 20 Filled · MIT Free for personal and commercial use.

Name
game-controller-bumper-left-20-filled
Set
Fluent UI System Icons
Style
20 Filled
Viewbox
20×20
License
MIT

1 other variant in Fluent UI System Icons

game-controller-bumper-left-20-regular

Related icons in Fluent UI System Icons

game-chat-20-filledgame-controller-bumper-right-20-filledgame-controller-button-a-20-filledgame-controller-button-b-20-filledgame-controller-button-x-20-filledgame-controller-button-y-20-filledgame-controller-trigger-left-20-filledgame-controller-trigger-right-20-filled

Use the game controller bumper left icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 20 20"><path fill="currentColor" d="M9.2 5.172a24.2 24.2 0 0 1 4.93-.049c.563.055 1.069.32 1.45.707l1.225 1.244a4 4 0 0 1 .909 4.174l-.767 2.107A2.5 2.5 0 0 1 14.597 15H4.044a2 2 0 0 1-1.991-2.184l.339-3.67c.08-.875.487-1.772 1.312-2.279C5.313 5.88 7.32 5.39 9.2 5.172M10.5 8a.5.5 0 0 0-.5.5v4a.5.5 0 0 0 .5.5h1c.191 0 .669.02 1.088-.13c.223-.08.46-.218.64-.454c.182-.24.272-.54.272-.886c0-.531-.23-.92-.535-1.17l.033-.043c.152-.225.236-.498.236-.813c0-.294-.06-.558-.186-.782a1.3 1.3 0 0 0-.498-.494C12.185 8.023 11.765 8 11.5 8zm-4 0a.5.5 0 0 0-.5.5v4a.5.5 0 0 0 .5.5h2a.5.5 0 0 0 0-1H7V8.5a.5.5 0 0 0-.5-.5m5.5 3c.063 0 .204.032.32.121c.094.073.18.19.18.41c0 .166-.041.243-.07.28a.4.4 0 0 1-.18.118c-.217.078-.49.071-.75.071H11v-1zm-.5-2c.234 0 .432.028.56.1q.078.044.116.11a.6.6 0 0 1 .058.294a.43.43 0 0 1-.063.252a.4.4 0 0 1-.165.136A1.2 1.2 0 0 1 11.5 10H11V9z"/></svg>

React

import type { SVGProps } from "react";

export function FluentGameControllerBumperLeft20Filled(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 20 20"><path fill="currentColor" d="M9.2 5.172a24.2 24.2 0 0 1 4.93-.049c.563.055 1.069.32 1.45.707l1.225 1.244a4 4 0 0 1 .909 4.174l-.767 2.107A2.5 2.5 0 0 1 14.597 15H4.044a2 2 0 0 1-1.991-2.184l.339-3.67c.08-.875.487-1.772 1.312-2.279C5.313 5.88 7.32 5.39 9.2 5.172M10.5 8a.5.5 0 0 0-.5.5v4a.5.5 0 0 0 .5.5h1c.191 0 .669.02 1.088-.13c.223-.08.46-.218.64-.454c.182-.24.272-.54.272-.886c0-.531-.23-.92-.535-1.17l.033-.043c.152-.225.236-.498.236-.813c0-.294-.06-.558-.186-.782a1.3 1.3 0 0 0-.498-.494C12.185 8.023 11.765 8 11.5 8zm-4 0a.5.5 0 0 0-.5.5v4a.5.5 0 0 0 .5.5h2a.5.5 0 0 0 0-1H7V8.5a.5.5 0 0 0-.5-.5m5.5 3c.063 0 .204.032.32.121c.094.073.18.19.18.41c0 .166-.041.243-.07.28a.4.4 0 0 1-.18.118c-.217.078-.49.071-.75.071H11v-1zm-.5-2c.234 0 .432.028.56.1q.078.044.116.11a.6.6 0 0 1 .058.294a.43.43 0 0 1-.063.252a.4.4 0 0 1-.165.136A1.2 1.2 0 0 1 11.5 10H11V9z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 20 20"><path fill="currentColor" d="M9.2 5.172a24.2 24.2 0 0 1 4.93-.049c.563.055 1.069.32 1.45.707l1.225 1.244a4 4 0 0 1 .909 4.174l-.767 2.107A2.5 2.5 0 0 1 14.597 15H4.044a2 2 0 0 1-1.991-2.184l.339-3.67c.08-.875.487-1.772 1.312-2.279C5.313 5.88 7.32 5.39 9.2 5.172M10.5 8a.5.5 0 0 0-.5.5v4a.5.5 0 0 0 .5.5h1c.191 0 .669.02 1.088-.13c.223-.08.46-.218.64-.454c.182-.24.272-.54.272-.886c0-.531-.23-.92-.535-1.17l.033-.043c.152-.225.236-.498.236-.813c0-.294-.06-.558-.186-.782a1.3 1.3 0 0 0-.498-.494C12.185 8.023 11.765 8 11.5 8zm-4 0a.5.5 0 0 0-.5.5v4a.5.5 0 0 0 .5.5h2a.5.5 0 0 0 0-1H7V8.5a.5.5 0 0 0-.5-.5m5.5 3c.063 0 .204.032.32.121c.094.073.18.19.18.41c0 .166-.041.243-.07.28a.4.4 0 0 1-.18.118c-.217.078-.49.071-.75.071H11v-1zm-.5-2c.234 0 .432.028.56.1q.078.044.116.11a.6.6 0 0 1 .058.294a.43.43 0 0 1-.063.252a.4.4 0 0 1-.165.136A1.2 1.2 0 0 1 11.5 10H11V9z"/></svg>
</template>

CSS

.icon-game-controller-bumper-left-20-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%2020%2020%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M9.2%205.172a24.2%2024.2%200%200%201%204.93-.049c.563.055%201.069.32%201.45.707l1.225%201.244a4%204%200%200%201%20.909%204.174l-.767%202.107A2.5%202.5%200%200%201%2014.597%2015H4.044a2%202%200%200%201-1.991-2.184l.339-3.67c.08-.875.487-1.772%201.312-2.279C5.313%205.88%207.32%205.39%209.2%205.172M10.5%208a.5.5%200%200%200-.5.5v4a.5.5%200%200%200%20.5.5h1c.191%200%20.669.02%201.088-.13c.223-.08.46-.218.64-.454c.182-.24.272-.54.272-.886c0-.531-.23-.92-.535-1.17l.033-.043c.152-.225.236-.498.236-.813c0-.294-.06-.558-.186-.782a1.3%201.3%200%200%200-.498-.494C12.185%208.023%2011.765%208%2011.5%208zm-4%200a.5.5%200%200%200-.5.5v4a.5.5%200%200%200%20.5.5h2a.5.5%200%200%200%200-1H7V8.5a.5.5%200%200%200-.5-.5m5.5%203c.063%200%20.204.032.32.121c.094.073.18.19.18.41c0%20.166-.041.243-.07.28a.4.4%200%200%201-.18.118c-.217.078-.49.071-.75.071H11v-1zm-.5-2c.234%200%20.432.028.56.1q.078.044.116.11a.6.6%200%200%201%20.058.294a.43.43%200%200%201-.063.252a.4.4%200%200%201-.165.136A1.2%201.2%200%200%201%2011.5%2010H11V9z%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%2020%2020%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M9.2%205.172a24.2%2024.2%200%200%201%204.93-.049c.563.055%201.069.32%201.45.707l1.225%201.244a4%204%200%200%201%20.909%204.174l-.767%202.107A2.5%202.5%200%200%201%2014.597%2015H4.044a2%202%200%200%201-1.991-2.184l.339-3.67c.08-.875.487-1.772%201.312-2.279C5.313%205.88%207.32%205.39%209.2%205.172M10.5%208a.5.5%200%200%200-.5.5v4a.5.5%200%200%200%20.5.5h1c.191%200%20.669.02%201.088-.13c.223-.08.46-.218.64-.454c.182-.24.272-.54.272-.886c0-.531-.23-.92-.535-1.17l.033-.043c.152-.225.236-.498.236-.813c0-.294-.06-.558-.186-.782a1.3%201.3%200%200%200-.498-.494C12.185%208.023%2011.765%208%2011.5%208zm-4%200a.5.5%200%200%200-.5.5v4a.5.5%200%200%200%20.5.5h2a.5.5%200%200%200%200-1H7V8.5a.5.5%200%200%200-.5-.5m5.5%203c.063%200%20.204.032.32.121c.094.073.18.19.18.41c0%20.166-.041.243-.07.28a.4.4%200%200%201-.18.118c-.217.078-.49.071-.75.071H11v-1zm-.5-2c.234%200%20.432.028.56.1q.078.044.116.11a.6.6%200%200%201%20.058.294a.43.43%200%200%201-.063.252a.4.4%200%200%201-.165.136A1.2%201.2%200%200%201%2011.5%2010H11V9z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/game-controller-bumper-left-20-filled.svg?color=%231a73e8&size=48