people game controller icon
people-game-controller-20-filled from Fluent UI System Icons by Microsoft Corporation · 20 Filled · MIT Free for personal and commercial use.
- Name
- people-game-controller-20-filled
- Set
- Fluent UI System Icons
- Style
- 20 Filled
- Viewbox
- 20×20
- License
- MIT
1 other variant in Fluent UI System Icons
Related icons in Fluent UI System Icons
people-add-16-filledpeople-audience-20-filledpeople-call-16-filledpeople-chat-16-filledpeople-checkmark-16-filledpeople-communication-16-filledpeople-community-12-filledpeople-community-add-20-filledpeople-edit-16-filledpeople-error-16-filledpeople-eye-16-filledpeople-interwoven-16-filledpeople-link-16-filledpeople-list-16-filledpeople-lock-16-filledpeople-money-20-filledpeople-prohibited-16-filledpeople-queue-20-filledpeople-search-20-filledpeople-settings-20-filledpeople-star-16-filledpeople-subtract-20-filledpeople-swap-16-filledpeople-sync-16-filled
Use the people game controller icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 20 20"><path fill="currentColor" d="M16.27 10.213c.139.01.291.033.36.043l.034.005c.403.05.698.119.915.24c.25.14.353.327.41.43l.007.014c.818 1.483 1.258 3.047 1.474 4.153l.005.022l.002.024c.078.773-.044 1.347-.32 1.749c-.28.408-.674.57-.989.603a.7.7 0 0 1-.273-.026a.9.9 0 0 1-.246-.127a4 4 0 0 1-.511-.473a16 16 0 0 1-.559-.613l-.008-.01c-.18-.208-.379-.455-.607-.617c-.093-.066-.225-.129-.461-.129h-2.006c-.473 0-.784.42-1.068.746l-.008.01c-.14.162-.326.371-.559.613c-.22.229-.381.38-.511.473a.9.9 0 0 1-.247.127a.7.7 0 0 1-.272.026a1.38 1.38 0 0 1-.99-.603c-.275-.402-.397-.976-.319-1.75l.002-.023l.005-.022c.216-1.106.656-2.67 1.474-4.153l.008-.014c.056-.103.159-.29.409-.43c.217-.121.512-.19.915-.24l.033-.005c.07-.01.223-.033.361-.043c.09-.006.198-.01.304 0a.9.9 0 0 1 .39.118l.216.17h1.66l.275-.17a.9.9 0 0 1 .39-.118c.107-.01.214-.006.305 0M9.5 9.5c.415 0 .8.127 1.12.344c-.286.24-.425.496-.485.605l-.007.014c-.774 1.401-1.228 2.856-1.482 3.982c-.053.251-.109.486-.128.74c-.624.196-1.372.315-2.268.315c-2.513 0-3.866-.92-4.567-1.935a4 4 0 0 1-.596-1.353A3.2 3.2 0 0 1 1 11.5a2 2 0 0 1 2-2zm5 2.501a.749.749 0 1 0-.002 1.498a.749.749 0 0 0 .002-1.498M6.25 2a3.25 3.25 0 1 1 0 6.5a3.25 3.25 0 0 1 0-6.5M14 3.5a2.5 2.5 0 1 1 0 5a2.5 2.5 0 0 1 0-5"/></svg>
React
import type { SVGProps } from "react";
export function FluentPeopleGameController20Filled(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="M16.27 10.213c.139.01.291.033.36.043l.034.005c.403.05.698.119.915.24c.25.14.353.327.41.43l.007.014c.818 1.483 1.258 3.047 1.474 4.153l.005.022l.002.024c.078.773-.044 1.347-.32 1.749c-.28.408-.674.57-.989.603a.7.7 0 0 1-.273-.026a.9.9 0 0 1-.246-.127a4 4 0 0 1-.511-.473a16 16 0 0 1-.559-.613l-.008-.01c-.18-.208-.379-.455-.607-.617c-.093-.066-.225-.129-.461-.129h-2.006c-.473 0-.784.42-1.068.746l-.008.01c-.14.162-.326.371-.559.613c-.22.229-.381.38-.511.473a.9.9 0 0 1-.247.127a.7.7 0 0 1-.272.026a1.38 1.38 0 0 1-.99-.603c-.275-.402-.397-.976-.319-1.75l.002-.023l.005-.022c.216-1.106.656-2.67 1.474-4.153l.008-.014c.056-.103.159-.29.409-.43c.217-.121.512-.19.915-.24l.033-.005c.07-.01.223-.033.361-.043c.09-.006.198-.01.304 0a.9.9 0 0 1 .39.118l.216.17h1.66l.275-.17a.9.9 0 0 1 .39-.118c.107-.01.214-.006.305 0M9.5 9.5c.415 0 .8.127 1.12.344c-.286.24-.425.496-.485.605l-.007.014c-.774 1.401-1.228 2.856-1.482 3.982c-.053.251-.109.486-.128.74c-.624.196-1.372.315-2.268.315c-2.513 0-3.866-.92-4.567-1.935a4 4 0 0 1-.596-1.353A3.2 3.2 0 0 1 1 11.5a2 2 0 0 1 2-2zm5 2.501a.749.749 0 1 0-.002 1.498a.749.749 0 0 0 .002-1.498M6.25 2a3.25 3.25 0 1 1 0 6.5a3.25 3.25 0 0 1 0-6.5M14 3.5a2.5 2.5 0 1 1 0 5a2.5 2.5 0 0 1 0-5"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 20 20"><path fill="currentColor" d="M16.27 10.213c.139.01.291.033.36.043l.034.005c.403.05.698.119.915.24c.25.14.353.327.41.43l.007.014c.818 1.483 1.258 3.047 1.474 4.153l.005.022l.002.024c.078.773-.044 1.347-.32 1.749c-.28.408-.674.57-.989.603a.7.7 0 0 1-.273-.026a.9.9 0 0 1-.246-.127a4 4 0 0 1-.511-.473a16 16 0 0 1-.559-.613l-.008-.01c-.18-.208-.379-.455-.607-.617c-.093-.066-.225-.129-.461-.129h-2.006c-.473 0-.784.42-1.068.746l-.008.01c-.14.162-.326.371-.559.613c-.22.229-.381.38-.511.473a.9.9 0 0 1-.247.127a.7.7 0 0 1-.272.026a1.38 1.38 0 0 1-.99-.603c-.275-.402-.397-.976-.319-1.75l.002-.023l.005-.022c.216-1.106.656-2.67 1.474-4.153l.008-.014c.056-.103.159-.29.409-.43c.217-.121.512-.19.915-.24l.033-.005c.07-.01.223-.033.361-.043c.09-.006.198-.01.304 0a.9.9 0 0 1 .39.118l.216.17h1.66l.275-.17a.9.9 0 0 1 .39-.118c.107-.01.214-.006.305 0M9.5 9.5c.415 0 .8.127 1.12.344c-.286.24-.425.496-.485.605l-.007.014c-.774 1.401-1.228 2.856-1.482 3.982c-.053.251-.109.486-.128.74c-.624.196-1.372.315-2.268.315c-2.513 0-3.866-.92-4.567-1.935a4 4 0 0 1-.596-1.353A3.2 3.2 0 0 1 1 11.5a2 2 0 0 1 2-2zm5 2.501a.749.749 0 1 0-.002 1.498a.749.749 0 0 0 .002-1.498M6.25 2a3.25 3.25 0 1 1 0 6.5a3.25 3.25 0 0 1 0-6.5M14 3.5a2.5 2.5 0 1 1 0 5a2.5 2.5 0 0 1 0-5"/></svg> </template>
CSS
.icon-people-game-controller-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%22M16.27%2010.213c.139.01.291.033.36.043l.034.005c.403.05.698.119.915.24c.25.14.353.327.41.43l.007.014c.818%201.483%201.258%203.047%201.474%204.153l.005.022l.002.024c.078.773-.044%201.347-.32%201.749c-.28.408-.674.57-.989.603a.7.7%200%200%201-.273-.026a.9.9%200%200%201-.246-.127a4%204%200%200%201-.511-.473a16%2016%200%200%201-.559-.613l-.008-.01c-.18-.208-.379-.455-.607-.617c-.093-.066-.225-.129-.461-.129h-2.006c-.473%200-.784.42-1.068.746l-.008.01c-.14.162-.326.371-.559.613c-.22.229-.381.38-.511.473a.9.9%200%200%201-.247.127a.7.7%200%200%201-.272.026a1.38%201.38%200%200%201-.99-.603c-.275-.402-.397-.976-.319-1.75l.002-.023l.005-.022c.216-1.106.656-2.67%201.474-4.153l.008-.014c.056-.103.159-.29.409-.43c.217-.121.512-.19.915-.24l.033-.005c.07-.01.223-.033.361-.043c.09-.006.198-.01.304%200a.9.9%200%200%201%20.39.118l.216.17h1.66l.275-.17a.9.9%200%200%201%20.39-.118c.107-.01.214-.006.305%200M9.5%209.5c.415%200%20.8.127%201.12.344c-.286.24-.425.496-.485.605l-.007.014c-.774%201.401-1.228%202.856-1.482%203.982c-.053.251-.109.486-.128.74c-.624.196-1.372.315-2.268.315c-2.513%200-3.866-.92-4.567-1.935a4%204%200%200%201-.596-1.353A3.2%203.2%200%200%201%201%2011.5a2%202%200%200%201%202-2zm5%202.501a.749.749%200%201%200-.002%201.498a.749.749%200%200%200%20.002-1.498M6.25%202a3.25%203.25%200%201%201%200%206.5a3.25%203.25%200%200%201%200-6.5M14%203.5a2.5%202.5%200%201%201%200%205a2.5%202.5%200%200%201%200-5%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%22M16.27%2010.213c.139.01.291.033.36.043l.034.005c.403.05.698.119.915.24c.25.14.353.327.41.43l.007.014c.818%201.483%201.258%203.047%201.474%204.153l.005.022l.002.024c.078.773-.044%201.347-.32%201.749c-.28.408-.674.57-.989.603a.7.7%200%200%201-.273-.026a.9.9%200%200%201-.246-.127a4%204%200%200%201-.511-.473a16%2016%200%200%201-.559-.613l-.008-.01c-.18-.208-.379-.455-.607-.617c-.093-.066-.225-.129-.461-.129h-2.006c-.473%200-.784.42-1.068.746l-.008.01c-.14.162-.326.371-.559.613c-.22.229-.381.38-.511.473a.9.9%200%200%201-.247.127a.7.7%200%200%201-.272.026a1.38%201.38%200%200%201-.99-.603c-.275-.402-.397-.976-.319-1.75l.002-.023l.005-.022c.216-1.106.656-2.67%201.474-4.153l.008-.014c.056-.103.159-.29.409-.43c.217-.121.512-.19.915-.24l.033-.005c.07-.01.223-.033.361-.043c.09-.006.198-.01.304%200a.9.9%200%200%201%20.39.118l.216.17h1.66l.275-.17a.9.9%200%200%201%20.39-.118c.107-.01.214-.006.305%200M9.5%209.5c.415%200%20.8.127%201.12.344c-.286.24-.425.496-.485.605l-.007.014c-.774%201.401-1.228%202.856-1.482%203.982c-.053.251-.109.486-.128.74c-.624.196-1.372.315-2.268.315c-2.513%200-3.866-.92-4.567-1.935a4%204%200%200%201-.596-1.353A3.2%203.2%200%200%201%201%2011.5a2%202%200%200%201%202-2zm5%202.501a.749.749%200%201%200-.002%201.498a.749.749%200%200%200%20.002-1.498M6.25%202a3.25%203.25%200%201%201%200%206.5a3.25%203.25%200%200%201%200-6.5M14%203.5a2.5%202.5%200%201%201%200%205a2.5%202.5%200%200%201%200-5%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/people-game-controller-20-filled.svg?color=%231a73e8&size=48
