People Game Controller icon
The People Game Controller icon is part of Microsoft's Fluent UI System Icons, available here in regular and filled styles on a 20 px grid. Download it as SVG or PNG, or copy it as code — it's free to use under the MIT License.
Every size and style
Microsoft draws each size separately so icons stay crisp, rather than scaling one drawing. Pick a style and size to preview it, download it, or copy the code for your platform.
Regular, 20 px
ic_fluent_people_game_controller_20_regular.svg
People Game Controller icon in React
npm install @fluentui/react-icons
import { PeopleGameController20Regular } from "@fluentui/react-icons";
export function Example() {
return <PeopleGameController20Regular aria-label="People Game Controller" />;
}Use the People Game Controller icon in React
Install Microsoft's @fluentui/react-icons package, then import the component. Icons inherit the current text color, and you can size them with CSS.
npm install @fluentui/react-icons
import { PeopleGameController20Regular, PeopleGameController20Filled } from "@fluentui/react-icons";
export function Example() {
return <PeopleGameController20Regular aria-label="People Game Controller" />;
}Use it in HTML
Reference the SVG file directly:
<img src="https://fluenticons.co/icons/ic_fluent_people_game_controller_20_regular.svg" width="20" height="20" alt="People Game Controller"> Or paste the SVG markup inline. Setting fill="currentColor" makes the icon follow the text color of its parent:
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="m16.27 10.21.36.05h.03q.6.07.92.24a1 1 0 0 1 .4.43l.02.02a15 15 0 0 1 1.47 4.15v.04q.12 1.16-.31 1.75c-.28.41-.68.57-1 .6q-.1.02-.26-.02a1 1 0 0 1-.25-.13q-.2-.13-.51-.47-.36-.36-.56-.61v-.01c-.3-.33-.6-.75-1.08-.75h-2c-.48 0-.79.42-1.07.75q-.22.26-.57.62-.32.34-.5.47a1 1 0 0 1-.26.13q-.16.04-.27.03c-.31-.04-.7-.2-.99-.6q-.42-.6-.32-1.76v-.02l.01-.02c.22-1.1.66-2.67 1.47-4.15l.01-.02a1 1 0 0 1 .41-.43q.32-.17.92-.24h.03l.36-.05h.3q.16 0 .4.12l.21.17h1.66l.28-.17c.14-.09.3-.1.39-.12zM9.5 9.5q.63.01 1.12.34c-.29.24-.43.5-.49.6v.02l-.1.2a1 1 0 0 0-.53-.16H3a1 1 0 0 0-1 1q0 .25.06.49c.07.27.2.64.44 1 .5.71 1.51 1.51 3.75 1.51 1.1 0 1.9-.2 2.5-.47l-.1.42q-.1.36-.13.73-.93.31-2.27.32c-2.51 0-3.87-.92-4.57-1.93A4 4 0 0 1 1 11.5c0-1.1.9-2 2-2zm5 2.5a.75.75 0 1 0 0 1.5.75.75 0 0 0 0-1.5M6.25 2a3.25 3.25 0 1 1 0 6.5 3.25 3.25 0 0 1 0-6.5M14 3.5a2.5 2.5 0 1 1 0 5 2.5 2.5 0 0 1 0-5M6.25 3a2.25 2.25 0 1 0 0 4.5 2.25 2.25 0 0 0 0-4.5M14 4.5a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3"/></svg>Details
| Name | People Game Controller |
|---|---|
| Styles | Regular (outlined), Filled |
| Sizes | 20 px |
| Regular (outlined) file | ic_fluent_people_game_controller_20_regular.svg |
| Filled file | ic_fluent_people_game_controller_20_filled.svg |
| React (Regular) | PeopleGameController20Regular |
| React (Filled) | PeopleGameController20Filled |
| License | MIT (© Microsoft Corporation) |