Add icons to this collection by clicking the heart icon.
Board Game icon - also known as entertainment, game, gaming, board game, hobbies and free time, board games, and table games. Created in a clean flat gradient style, perfect for web, apps, and UI projects. Available in SVG and PNG, with multiple style variants.
<svg
xmlns="http://www.w3.org/2000/svg"
width="512"
height="512"
viewBox="0 0 48 48"
>
<linearGradient
id="e"
x1="10.102"
x2="42.295"
y1="10.199"
y2="42.167"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#edf1f2" />
<stop offset="1" stop-color="#c6cbcc" />
</linearGradient>
<linearGradient
id="b"
x1="15.492"
x2="24.06"
y1="15.173"
y2="21.216"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#4793eb" />
<stop offset="1" stop-color="#2367ec" />
</linearGradient>
<linearGradient
id="a"
x1="24.492"
x2="33.15"
y1="26.535"
y2="34.021"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fed200" />
<stop offset="1" stop-color="#f59815" />
</linearGradient>
<linearGradient
id="d"
x1="13.5"
x2="13.5"
y1="38.018"
y2="44.054"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#34ca82" />
<stop offset="1" stop-color="#37a477" />
</linearGradient>
<linearGradient
id="g"
x1="20.5"
x2="20.5"
y1="38.018"
y2="43.882"
href="#a"
/>
<linearGradient
id="h"
x1="27.5"
x2="27.5"
y1="38.104"
y2="44.398"
href="#b"
/>
<linearGradient
id="c"
x1="34.5"
x2="34.5"
y1="38.018"
y2="43.805"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e85155" />
<stop offset="1" stop-color="#c21d2c" />
</linearGradient>
<linearGradient
id="i"
x1="13.5"
x2="13.5"
y1="9.866"
y2="4.181"
href="#c"
/>
<linearGradient
id="j"
x1="20.5"
x2="20.5"
y1="10.046"
y2="4.003"
href="#b"
/>
<linearGradient id="k" x1="24" x2="31" y1="7" y2="7" href="#a" />
<linearGradient id="l" x1="34.5" x2="34.5" y1="10" y2="4" href="#d" />
<linearGradient
id="m"
x1="9.939"
x2="4.324"
y1="13.5"
y2="13.5"
href="#d"
/>
<linearGradient
id="n"
x1="4"
x2="10"
y1="20.5"
y2="20.5"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f59815" />
<stop offset="1" stop-color="#fed200" />
</linearGradient>
<linearGradient
id="o"
x1="4"
x2="10"
y1="27.5"
y2="27.5"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#2367ec" />
<stop offset="1" stop-color="#4793eb" />
</linearGradient>
<linearGradient
id="p"
x1="4"
x2="10"
y1="34.5"
y2="34.5"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#c21d2c" />
<stop offset="1" stop-color="#e85155" />
</linearGradient>
<linearGradient
id="q"
x1="37.887"
x2="43.75"
y1="13.5"
y2="13.5"
href="#c"
/>
<linearGradient id="r" x1="38" x2="44" y1="20.5" y2="20.5" href="#b" />
<linearGradient id="s" x1="38" x2="44" y1="27.5" y2="27.5" href="#a" />
<linearGradient id="t" x1="38" x2="44" y1="34.5" y2="34.5" href="#d" />
<linearGradient
id="u"
x1="38.565"
x2="41.959"
y1="38.582"
y2="41.952"
href="#e"
/>
<linearGradient
id="v"
x1="38.565"
x2="41.959"
y1="4.582"
y2="7.952"
href="#e"
/>
<linearGradient
id="f"
x1="4.565"
x2="7.959"
y1="38.582"
y2="41.952"
gradientTransform="matrix(1 0 0 -1 0 82)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#edf1f2" />
<stop offset="1" stop-color="#dce1e2" />
</linearGradient>
<linearGradient
id="w"
x1="38.565"
x2="41.959"
y1="-29.418"
y2="-26.048"
gradientTransform="matrix(1 0 0 -1 -34 -20)"
href="#f"
/>
<rect width="40" height="40" x="4" y="4" fill="url(#e)" rx="5" />
<rect width="11" height="8" x="14" y="14" fill="url(#b)" rx="2" />
<rect width="11" height="8" x="23" y="26" fill="url(#a)" rx="2" />
<g fill="#eaeff0">
<path
d="M39 4h-1v6h6V9a5 5 0 0 0-5-5zM9 4h1v6H4V9a5 5 0 0 1 5-5zM39 44h-1v-6h6v1a5 5 0 0 1-5 5z"
/>
</g>
<path fill="#cdd3d3" d="M9 44h1v-6H4v1a5 5 0 0 0 5 5z" />
<path fill="url(#d)" d="M10 38h7v6h-7z" />
<path fill="url(#g)" d="M17 38h7v6h-7z" />
<path fill="url(#h)" d="M24 38h7v6h-7z" />
<path fill="url(#c)" d="M31 38h7v6h-7z" />
<path fill="url(#i)" d="M10 4h7v6h-7z" />
<path fill="url(#j)" d="M17 4h7v6h-7z" />
<path fill="url(#k)" d="M24 4h7v6h-7z" />
<path fill="url(#l)" d="M31 4h7v6h-7z" />
<path fill="url(#m)" d="M4 10h6v7H4z" />
<path fill="url(#n)" d="M4 17h6v7H4z" />
<path fill="url(#o)" d="M4 24h6v7H4z" />
<path fill="url(#p)" d="M4 31h6v7H4z" />
<path fill="url(#q)" d="M38 10h6v7h-6z" />
<path fill="url(#r)" d="M38 17h6v7h-6z" />
<path fill="url(#s)" d="M38 24h6v7h-6z" />
<path fill="url(#t)" d="M38 31h6v7h-6z" />
<path fill="url(#u)" d="M38 38h6v1a5 5 0 0 1-5 5h-1v-6z" />
<path
fill="url(#v)"
d="M38 4h6v1a5 5 0 0 1-5 5h-1V4z"
transform="rotate(-90 41 7)"
/>
<path
fill="url(#f)"
d="M4 38h1a5 5 0 0 1 5 5v1H4v-6z"
transform="rotate(180 7 41)"
/>
<path
fill="url(#w)"
d="M4 4h1a5 5 0 0 1 5 5v1H4V4z"
transform="rotate(-90 7 7)"
/>
</svg>
More icons in the same style and category