Board Games icon
Used in board game collections. The Board Games 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_board_games_20_regular.svg
Board Games icon in React
npm install @fluentui/react-icons
import { BoardGames20Regular } from "@fluentui/react-icons";
export function Example() {
return <BoardGames20Regular aria-label="Board Games" />;
}Use the Board Games 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 { BoardGames20Regular, BoardGames20Filled } from "@fluentui/react-icons";
export function Example() {
return <BoardGames20Regular aria-label="Board Games" />;
}Use it in HTML
Reference the SVG file directly:
<img src="https://fluenticons.co/icons/ic_fluent_board_games_20_regular.svg" width="20" height="20" alt="Board Games"> 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="M13.5 3a2 2 0 0 0-1.96 2.4.5.5 0 0 1-.54.6 2 2 0 0 0-.92.22 4 4 0 0 0-.55-.83q.45-.26.97-.35V5a3 3 0 1 1 6 0v.04a3 3 0 1 1-1.14 5.9l.22.9a1.75 1.75 0 0 1-1.7 2.16h-.76a1.75 1.75 0 0 1-1.7-2.16l.45-1.86a.5.5 0 1 1 .97.24l-.45 1.85c-.12.47.24.93.73.93h.76c.49 0 .84-.45.73-.93l-.45-1.85a.5.5 0 0 1 .76-.54q.47.31 1.08.32a2 2 0 1 0-.04-4 .5.5 0 0 1-.5-.6q.04-.2.04-.4a2 2 0 0 0-2-2m-9 5a2 2 0 1 1 3.6 1.2.5.5 0 0 0 .4.8H9a.5.5 0 0 1 0 1H7.9a.5.5 0 0 0-.5.56 6.9 6.9 0 0 0 2.34 4.5q.26.24.26.49c0 .25-.2.45-.45.45h-6.1a.45.45 0 0 1-.45-.45q0-.25.26-.49a6.9 6.9 0 0 0 2.34-4.5.5.5 0 0 0-.5-.56H4a.5.5 0 0 1 0-1h.5a.5.5 0 0 0 .4-.8q-.39-.51-.4-1.2m2-3a3 3 0 0 0-2.82 4.03A1.5 1.5 0 0 0 4 12h.52a5.8 5.8 0 0 1-1.9 3.3c-.35.28-.62.73-.62 1.25 0 .8.65 1.45 1.45 1.45h6.1c.8 0 1.45-.65 1.45-1.45 0-.52-.27-.97-.62-1.26A5.8 5.8 0 0 1 8.48 12H9a1.5 1.5 0 0 0 .32-2.97A3 3 0 0 0 6.5 5"/></svg>Details
| Name | Board Games |
|---|---|
| Styles | Regular (outlined), Filled |
| Sizes | 20 px |
| Regular (outlined) file | ic_fluent_board_games_20_regular.svg |
| Filled file | ic_fluent_board_games_20_filled.svg |
| React (Regular) | BoardGames20Regular |
| React (Filled) | BoardGames20Filled |
| License | MIT (© Microsoft Corporation) |