game 2 icon
game-2-fill from MingCute Icon by MingCute Design · Fill · Apache-2.0 Free for personal and commercial use.
- Name
- game-2-fill
- Set
- MingCute Icon
- Style
- Fill
- Viewbox
- 24×24
- License
- Apache 2.0
1 other variant in MingCute Icon
The same icon in other sets
Related icons in MingCute Icon
Use the game 2 icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M17 4c1.496 0 2.523 1.543 3.17 2.7c.787 1.406 1.472 3.244 1.926 5.058c.45 1.802.697 3.682.539 5.16c-.079.735-.267 1.474-.672 2.054C21.52 19.603 20.849 20 20 20c-1.821 0-3.185-1.157-4.255-2.064C14.666 17.02 13.497 16 12 16s-2.666 1.02-3.745 1.936C7.185 18.843 5.82 20 4 20c-.849 0-1.52-.397-1.962-1.028c-.405-.58-.594-1.32-.673-2.053c-.158-1.48.09-3.36.54-5.161c.454-1.814 1.139-3.652 1.926-5.059C4.478 5.543 5.504 4 7 4c.815 0 1.626.317 2.4.538c.866.247 1.75.462 2.6.462s1.735-.215 2.6-.462C15.376 4.317 16.186 4 17 4M8.5 8a2.5 2.5 0 1 0 0 5a2.5 2.5 0 0 0 0-5m7 0a1 1 0 0 0-1 1v.5H14a1 1 0 0 0 0 2h.5v.5a1 1 0 0 0 2 0v-.5h.5a1 1 0 1 0 0-2h-.5V9a1 1 0 0 0-1-1m-7 2a.5.5 0 1 1 0 1a.5.5 0 0 1 0-1"/></svg>
React
import type { SVGProps } from "react";
export function MingcuteGame2Fill(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M17 4c1.496 0 2.523 1.543 3.17 2.7c.787 1.406 1.472 3.244 1.926 5.058c.45 1.802.697 3.682.539 5.16c-.079.735-.267 1.474-.672 2.054C21.52 19.603 20.849 20 20 20c-1.821 0-3.185-1.157-4.255-2.064C14.666 17.02 13.497 16 12 16s-2.666 1.02-3.745 1.936C7.185 18.843 5.82 20 4 20c-.849 0-1.52-.397-1.962-1.028c-.405-.58-.594-1.32-.673-2.053c-.158-1.48.09-3.36.54-5.161c.454-1.814 1.139-3.652 1.926-5.059C4.478 5.543 5.504 4 7 4c.815 0 1.626.317 2.4.538c.866.247 1.75.462 2.6.462s1.735-.215 2.6-.462C15.376 4.317 16.186 4 17 4M8.5 8a2.5 2.5 0 1 0 0 5a2.5 2.5 0 0 0 0-5m7 0a1 1 0 0 0-1 1v.5H14a1 1 0 0 0 0 2h.5v.5a1 1 0 0 0 2 0v-.5h.5a1 1 0 1 0 0-2h-.5V9a1 1 0 0 0-1-1m-7 2a.5.5 0 1 1 0 1a.5.5 0 0 1 0-1"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M17 4c1.496 0 2.523 1.543 3.17 2.7c.787 1.406 1.472 3.244 1.926 5.058c.45 1.802.697 3.682.539 5.16c-.079.735-.267 1.474-.672 2.054C21.52 19.603 20.849 20 20 20c-1.821 0-3.185-1.157-4.255-2.064C14.666 17.02 13.497 16 12 16s-2.666 1.02-3.745 1.936C7.185 18.843 5.82 20 4 20c-.849 0-1.52-.397-1.962-1.028c-.405-.58-.594-1.32-.673-2.053c-.158-1.48.09-3.36.54-5.161c.454-1.814 1.139-3.652 1.926-5.059C4.478 5.543 5.504 4 7 4c.815 0 1.626.317 2.4.538c.866.247 1.75.462 2.6.462s1.735-.215 2.6-.462C15.376 4.317 16.186 4 17 4M8.5 8a2.5 2.5 0 1 0 0 5a2.5 2.5 0 0 0 0-5m7 0a1 1 0 0 0-1 1v.5H14a1 1 0 0 0 0 2h.5v.5a1 1 0 0 0 2 0v-.5h.5a1 1 0 1 0 0-2h-.5V9a1 1 0 0 0-1-1m-7 2a.5.5 0 1 1 0 1a.5.5 0 0 1 0-1"/></svg> </template>
CSS
.icon-game-2-fill {
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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M17%204c1.496%200%202.523%201.543%203.17%202.7c.787%201.406%201.472%203.244%201.926%205.058c.45%201.802.697%203.682.539%205.16c-.079.735-.267%201.474-.672%202.054C21.52%2019.603%2020.849%2020%2020%2020c-1.821%200-3.185-1.157-4.255-2.064C14.666%2017.02%2013.497%2016%2012%2016s-2.666%201.02-3.745%201.936C7.185%2018.843%205.82%2020%204%2020c-.849%200-1.52-.397-1.962-1.028c-.405-.58-.594-1.32-.673-2.053c-.158-1.48.09-3.36.54-5.161c.454-1.814%201.139-3.652%201.926-5.059C4.478%205.543%205.504%204%207%204c.815%200%201.626.317%202.4.538c.866.247%201.75.462%202.6.462s1.735-.215%202.6-.462C15.376%204.317%2016.186%204%2017%204M8.5%208a2.5%202.5%200%201%200%200%205a2.5%202.5%200%200%200%200-5m7%200a1%201%200%200%200-1%201v.5H14a1%201%200%200%200%200%202h.5v.5a1%201%200%200%200%202%200v-.5h.5a1%201%200%201%200%200-2h-.5V9a1%201%200%200%200-1-1m-7%202a.5.5%200%201%201%200%201a.5.5%200%200%201%200-1%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M17%204c1.496%200%202.523%201.543%203.17%202.7c.787%201.406%201.472%203.244%201.926%205.058c.45%201.802.697%203.682.539%205.16c-.079.735-.267%201.474-.672%202.054C21.52%2019.603%2020.849%2020%2020%2020c-1.821%200-3.185-1.157-4.255-2.064C14.666%2017.02%2013.497%2016%2012%2016s-2.666%201.02-3.745%201.936C7.185%2018.843%205.82%2020%204%2020c-.849%200-1.52-.397-1.962-1.028c-.405-.58-.594-1.32-.673-2.053c-.158-1.48.09-3.36.54-5.161c.454-1.814%201.139-3.652%201.926-5.059C4.478%205.543%205.504%204%207%204c.815%200%201.626.317%202.4.538c.866.247%201.75.462%202.6.462s1.735-.215%202.6-.462C15.376%204.317%2016.186%204%2017%204M8.5%208a2.5%202.5%200%201%200%200%205a2.5%202.5%200%200%200%200-5m7%200a1%201%200%200%200-1%201v.5H14a1%201%200%200%200%200%202h.5v.5a1%201%200%200%200%202%200v-.5h.5a1%201%200%201%200%200-2h-.5V9a1%201%200%200%200-1-1m-7%202a.5.5%200%201%201%200%201a.5.5%200%200%201%200-1%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mingcute/game-2-fill.svg?color=%231a73e8&size=48
