board games icon
board-games-20-regular from Fluent UI System Icons by Microsoft Corporation · 20 Regular · MIT Free for personal and commercial use.
- Name
- board-games-20-regular
- Set
- Fluent UI System Icons
- Style
- 20 Regular
- Viewbox
- 20×20
- License
- MIT
1 other variant in Fluent UI System Icons
Related icons in Fluent UI System Icons
Use the board games icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 20 20"><path fill="currentColor" d="M13.5 3a2 2 0 0 0-1.96 2.4a.5.5 0 0 1-.54.6c-.33 0-.642.08-.916.222a4 4 0 0 0-.557-.836a3 3 0 0 1 .974-.345V5a3 3 0 1 1 6 0l-.001.041a3 3 0 1 1-1.138 5.89l.22.907A1.75 1.75 0 0 1 13.88 14h-.762a1.75 1.75 0 0 1-1.7-2.164l.45-1.852a.5.5 0 1 1 .972.236l-.45 1.853a.75.75 0 0 0 .728.927h.762a.75.75 0 0 0 .73-.927l-.45-1.854a.5.5 0 0 1 .757-.537A2 2 0 1 0 15.96 6a.5.5 0 0 1-.5-.6q.04-.194.04-.401a2 2 0 0 0-2-2m-9 5a2 2 0 1 1 3.6 1.2a.5.5 0 0 0 .4.8H9a.5.5 0 0 1 0 1H7.893a.5.5 0 0 0-.496.56c.302 2.47 1.609 3.888 2.34 4.5c.175.146.263.33.263.489a.45.45 0 0 1-.451.451H3.45a.45.45 0 0 1-.45-.45c0-.16.088-.343.262-.489c.732-.612 2.04-2.03 2.341-4.5a.5.5 0 0 0-.496-.56H4a.5.5 0 0 1 0-1h.5a.5.5 0 0 0 .4-.8A2 2 0 0 1 4.5 8m2-3a3 3 0 0 0-2.817 4.034A1.5 1.5 0 0 0 4 12h.52c-.372 1.798-1.353 2.836-1.9 3.293c-.346.29-.62.736-.62 1.256C2 17.35 2.65 18 3.451 18H9.55c.8 0 1.45-.65 1.45-1.451c0-.52-.274-.966-.62-1.256c-.547-.457-1.528-1.495-1.9-3.293H9a1.5 1.5 0 0 0 .317-2.966A3 3 0 0 0 6.5 5"/></svg>
React
import type { SVGProps } from "react";
export function FluentBoardGames20Regular(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="M13.5 3a2 2 0 0 0-1.96 2.4a.5.5 0 0 1-.54.6c-.33 0-.642.08-.916.222a4 4 0 0 0-.557-.836a3 3 0 0 1 .974-.345V5a3 3 0 1 1 6 0l-.001.041a3 3 0 1 1-1.138 5.89l.22.907A1.75 1.75 0 0 1 13.88 14h-.762a1.75 1.75 0 0 1-1.7-2.164l.45-1.852a.5.5 0 1 1 .972.236l-.45 1.853a.75.75 0 0 0 .728.927h.762a.75.75 0 0 0 .73-.927l-.45-1.854a.5.5 0 0 1 .757-.537A2 2 0 1 0 15.96 6a.5.5 0 0 1-.5-.6q.04-.194.04-.401a2 2 0 0 0-2-2m-9 5a2 2 0 1 1 3.6 1.2a.5.5 0 0 0 .4.8H9a.5.5 0 0 1 0 1H7.893a.5.5 0 0 0-.496.56c.302 2.47 1.609 3.888 2.34 4.5c.175.146.263.33.263.489a.45.45 0 0 1-.451.451H3.45a.45.45 0 0 1-.45-.45c0-.16.088-.343.262-.489c.732-.612 2.04-2.03 2.341-4.5a.5.5 0 0 0-.496-.56H4a.5.5 0 0 1 0-1h.5a.5.5 0 0 0 .4-.8A2 2 0 0 1 4.5 8m2-3a3 3 0 0 0-2.817 4.034A1.5 1.5 0 0 0 4 12h.52c-.372 1.798-1.353 2.836-1.9 3.293c-.346.29-.62.736-.62 1.256C2 17.35 2.65 18 3.451 18H9.55c.8 0 1.45-.65 1.45-1.451c0-.52-.274-.966-.62-1.256c-.547-.457-1.528-1.495-1.9-3.293H9a1.5 1.5 0 0 0 .317-2.966A3 3 0 0 0 6.5 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="M13.5 3a2 2 0 0 0-1.96 2.4a.5.5 0 0 1-.54.6c-.33 0-.642.08-.916.222a4 4 0 0 0-.557-.836a3 3 0 0 1 .974-.345V5a3 3 0 1 1 6 0l-.001.041a3 3 0 1 1-1.138 5.89l.22.907A1.75 1.75 0 0 1 13.88 14h-.762a1.75 1.75 0 0 1-1.7-2.164l.45-1.852a.5.5 0 1 1 .972.236l-.45 1.853a.75.75 0 0 0 .728.927h.762a.75.75 0 0 0 .73-.927l-.45-1.854a.5.5 0 0 1 .757-.537A2 2 0 1 0 15.96 6a.5.5 0 0 1-.5-.6q.04-.194.04-.401a2 2 0 0 0-2-2m-9 5a2 2 0 1 1 3.6 1.2a.5.5 0 0 0 .4.8H9a.5.5 0 0 1 0 1H7.893a.5.5 0 0 0-.496.56c.302 2.47 1.609 3.888 2.34 4.5c.175.146.263.33.263.489a.45.45 0 0 1-.451.451H3.45a.45.45 0 0 1-.45-.45c0-.16.088-.343.262-.489c.732-.612 2.04-2.03 2.341-4.5a.5.5 0 0 0-.496-.56H4a.5.5 0 0 1 0-1h.5a.5.5 0 0 0 .4-.8A2 2 0 0 1 4.5 8m2-3a3 3 0 0 0-2.817 4.034A1.5 1.5 0 0 0 4 12h.52c-.372 1.798-1.353 2.836-1.9 3.293c-.346.29-.62.736-.62 1.256C2 17.35 2.65 18 3.451 18H9.55c.8 0 1.45-.65 1.45-1.451c0-.52-.274-.966-.62-1.256c-.547-.457-1.528-1.495-1.9-3.293H9a1.5 1.5 0 0 0 .317-2.966A3 3 0 0 0 6.5 5"/></svg> </template>
CSS
.icon-board-games-20-regular {
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%22M13.5%203a2%202%200%200%200-1.96%202.4a.5.5%200%200%201-.54.6c-.33%200-.642.08-.916.222a4%204%200%200%200-.557-.836a3%203%200%200%201%20.974-.345V5a3%203%200%201%201%206%200l-.001.041a3%203%200%201%201-1.138%205.89l.22.907A1.75%201.75%200%200%201%2013.88%2014h-.762a1.75%201.75%200%200%201-1.7-2.164l.45-1.852a.5.5%200%201%201%20.972.236l-.45%201.853a.75.75%200%200%200%20.728.927h.762a.75.75%200%200%200%20.73-.927l-.45-1.854a.5.5%200%200%201%20.757-.537A2%202%200%201%200%2015.96%206a.5.5%200%200%201-.5-.6q.04-.194.04-.401a2%202%200%200%200-2-2m-9%205a2%202%200%201%201%203.6%201.2a.5.5%200%200%200%20.4.8H9a.5.5%200%200%201%200%201H7.893a.5.5%200%200%200-.496.56c.302%202.47%201.609%203.888%202.34%204.5c.175.146.263.33.263.489a.45.45%200%200%201-.451.451H3.45a.45.45%200%200%201-.45-.45c0-.16.088-.343.262-.489c.732-.612%202.04-2.03%202.341-4.5a.5.5%200%200%200-.496-.56H4a.5.5%200%200%201%200-1h.5a.5.5%200%200%200%20.4-.8A2%202%200%200%201%204.5%208m2-3a3%203%200%200%200-2.817%204.034A1.5%201.5%200%200%200%204%2012h.52c-.372%201.798-1.353%202.836-1.9%203.293c-.346.29-.62.736-.62%201.256C2%2017.35%202.65%2018%203.451%2018H9.55c.8%200%201.45-.65%201.45-1.451c0-.52-.274-.966-.62-1.256c-.547-.457-1.528-1.495-1.9-3.293H9a1.5%201.5%200%200%200%20.317-2.966A3%203%200%200%200%206.5%205%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%22M13.5%203a2%202%200%200%200-1.96%202.4a.5.5%200%200%201-.54.6c-.33%200-.642.08-.916.222a4%204%200%200%200-.557-.836a3%203%200%200%201%20.974-.345V5a3%203%200%201%201%206%200l-.001.041a3%203%200%201%201-1.138%205.89l.22.907A1.75%201.75%200%200%201%2013.88%2014h-.762a1.75%201.75%200%200%201-1.7-2.164l.45-1.852a.5.5%200%201%201%20.972.236l-.45%201.853a.75.75%200%200%200%20.728.927h.762a.75.75%200%200%200%20.73-.927l-.45-1.854a.5.5%200%200%201%20.757-.537A2%202%200%201%200%2015.96%206a.5.5%200%200%201-.5-.6q.04-.194.04-.401a2%202%200%200%200-2-2m-9%205a2%202%200%201%201%203.6%201.2a.5.5%200%200%200%20.4.8H9a.5.5%200%200%201%200%201H7.893a.5.5%200%200%200-.496.56c.302%202.47%201.609%203.888%202.34%204.5c.175.146.263.33.263.489a.45.45%200%200%201-.451.451H3.45a.45.45%200%200%201-.45-.45c0-.16.088-.343.262-.489c.732-.612%202.04-2.03%202.341-4.5a.5.5%200%200%200-.496-.56H4a.5.5%200%200%201%200-1h.5a.5.5%200%200%200%20.4-.8A2%202%200%200%201%204.5%208m2-3a3%203%200%200%200-2.817%204.034A1.5%201.5%200%200%200%204%2012h.52c-.372%201.798-1.353%202.836-1.9%203.293c-.346.29-.62.736-.62%201.256C2%2017.35%202.65%2018%203.451%2018H9.55c.8%200%201.45-.65%201.45-1.451c0-.52-.274-.966-.62-1.256c-.547-.457-1.528-1.495-1.9-3.293H9a1.5%201.5%200%200%200%20.317-2.966A3%203%200%200%200%206.5%205%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/board-games-20-regular.svg?color=%231a73e8&size=48
