Add icons to this collection by clicking the heart icon.
Chess icon - also known as piece, chess, strategy, gaming, and mental sports. 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 64 64"
>
<linearGradient id="a">
<stop offset="0" stop-color="#fdff51" />
<stop offset="1" stop-color="#f6d546" />
</linearGradient>
<linearGradient
id="e"
x1="25.268"
x2="38.732"
y1="1.34"
y2="24.661"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="32"
x2="32"
y1="7"
y2="19"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fdff51" stop-opacity="0" />
<stop offset=".332" stop-color="#fbfc50" stop-opacity=".332" />
<stop offset=".531" stop-color="#f6f44e" stop-opacity=".531" />
<stop offset=".695" stop-color="#ede64a" stop-opacity=".695" />
<stop offset=".841" stop-color="#e1d244" stop-opacity=".841" />
<stop offset=".972" stop-color="#d1b83c" stop-opacity=".972" />
<stop offset="1" stop-color="#cdb13a" />
</linearGradient>
<linearGradient id="b">
<stop offset="0" stop-color="#da6dff" />
<stop offset="1" stop-color="#5f2ade" />
</linearGradient>
<linearGradient
id="g"
x1="19.75"
x2="44.25"
y1="16.25"
y2="40.75"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="h"
x1="32"
x2="32"
y1="42"
y2="19"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#da6dff" stop-opacity="0" />
<stop offset=".404" stop-color="#d86cfd" stop-opacity=".202" />
<stop offset=".55" stop-color="#d169f8" stop-opacity=".275" />
<stop offset=".654" stop-color="#c662ee" stop-opacity=".327" />
<stop offset=".738" stop-color="#b55adf" stop-opacity=".369" />
<stop offset=".81" stop-color="#9f4ecd" stop-opacity=".405" />
<stop offset=".873" stop-color="#8340b6" stop-opacity=".437" />
<stop offset=".931" stop-color="#632f9a" stop-opacity=".465" />
<stop offset=".982" stop-color="#3f1d7b" stop-opacity=".491" />
<stop offset="1" stop-color="#30156f" stop-opacity=".5" />
</linearGradient>
<linearGradient id="c">
<stop offset="0" stop-color="#da6dff" stop-opacity="0" />
<stop offset=".114" stop-color="#d168f7" stop-opacity=".046" />
<stop offset=".301" stop-color="#b95ce3" stop-opacity=".12" />
<stop offset=".536" stop-color="#9147c1" stop-opacity=".215" />
<stop offset=".809" stop-color="#5b2b93" stop-opacity=".324" />
<stop offset="1" stop-color="#30156f" stop-opacity=".4" />
</linearGradient>
<linearGradient
id="i"
x1="32"
x2="32"
y1="19"
y2="42"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<radialGradient
id="j"
cx="32"
cy="30.5"
r="13.365"
gradientTransform="matrix(1 0 0 2 0 -30.5)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#af95ef" stop-opacity=".4" />
<stop offset=".147" stop-color="#a78ce8" stop-opacity=".341" />
<stop offset=".386" stop-color="#9074d6" stop-opacity=".246" />
<stop offset=".689" stop-color="#6b4cb8" stop-opacity=".125" />
<stop offset="1" stop-color="#3f1c94" stop-opacity="0" />
</radialGradient>
<linearGradient
id="k"
x1="21.232"
x2="42.768"
y1="42.111"
y2="63.646"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="l"
x1="32"
x2="32"
y1="56"
y2="48"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<radialGradient
id="m"
cx="32"
cy="52"
r="13.73"
gradientTransform="matrix(1 0 0 2 0 -52)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#af95ef" stop-opacity=".4" />
<stop offset=".288" stop-color="#ad92ed" stop-opacity=".285" />
<stop offset=".461" stop-color="#a58ae7" stop-opacity=".216" />
<stop offset=".604" stop-color="#987cdc" stop-opacity=".159" />
<stop offset=".73" stop-color="#8567cd" stop-opacity=".108" />
<stop offset=".845" stop-color="#6d4db9" stop-opacity=".062" />
<stop offset=".951" stop-color="#4f2da1" stop-opacity=".02" />
<stop offset="1" stop-color="#3f1c94" stop-opacity="0" />
</radialGradient>
<linearGradient
id="n"
x1="23.586"
x2="40.414"
y1="37.757"
y2="54.586"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="d">
<stop offset="0" stop-color="#fdff51" stop-opacity="0" />
<stop offset=".222" stop-color="#fafb50" stop-opacity=".222" />
<stop offset=".451" stop-color="#f3ee4c" stop-opacity=".451" />
<stop offset=".684" stop-color="#e6da46" stop-opacity=".684" />
<stop offset=".919" stop-color="#d4bd3d" stop-opacity=".919" />
<stop offset="1" stop-color="#cdb13a" />
</linearGradient>
<linearGradient
id="o"
x1="32"
x2="32"
y1="42"
y2="48"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="p"
x1="32"
x2="32"
y1="48"
y2="42"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<path
fill="url(#e)"
d="M50 9v8a2 2 0 0 1-2 2H16a2 2 0 0 1-2-2V9a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v2a2 2 0 0 0 2 2h4a2 2 0 0 0 2-2V9a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2a2 2 0 0 0 2 2h4a2 2 0 0 0 2-2V9a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2z"
/>
<path
fill="url(#f)"
d="M50 9v8a2 2 0 0 1-2 2H16a2 2 0 0 1-2-2V9a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v2a2 2 0 0 0 2 2h4a2 2 0 0 0 2-2V9a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2a2 2 0 0 0 2 2h4a2 2 0 0 0 2-2V9a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2z"
/>
<path
fill="url(#g)"
d="m43.573 25.849-1.728 7.487a12.005 12.005 0 0 0 .551 7.155L43 42H21l.604-1.509a12.005 12.005 0 0 0 .551-7.155l-1.728-7.487a12.005 12.005 0 0 0-1.403-3.476L17 19h30l-2.024 3.373a12.005 12.005 0 0 0-1.403 3.476z"
/>
<path
fill="url(#h)"
d="m43.573 25.849-1.728 7.487a12.005 12.005 0 0 0 .551 7.155L43 42H21l.604-1.509a12.005 12.005 0 0 0 .551-7.155l-1.728-7.487a12.005 12.005 0 0 0-1.403-3.476L17 19h30l-2.024 3.373a12.005 12.005 0 0 0-1.403 3.476z"
/>
<path
fill="url(#i)"
d="m43.573 25.849-1.728 7.487a12.005 12.005 0 0 0 .551 7.155L43 42H21l.604-1.509a12.005 12.005 0 0 0 .551-7.155l-1.728-7.487a12.005 12.005 0 0 0-1.403-3.476L17 19h30l-2.024 3.373a12.005 12.005 0 0 0-1.403 3.476z"
/>
<path
fill="url(#j)"
d="m43.573 25.849-1.728 7.487a12.005 12.005 0 0 0 .551 7.155L43 42H21l.604-1.509a12.005 12.005 0 0 0 .551-7.155l-1.728-7.487a12.005 12.005 0 0 0-1.403-3.476L17 19h30l-2.024 3.373a12.005 12.005 0 0 0-1.403 3.476z"
/>
<path
fill="url(#k)"
d="M50 56H14a1 1 0 0 1-1-1v-3a4 4 0 0 1 4-4h30a4 4 0 0 1 4 4v3a1 1 0 0 1-1 1z"
/>
<path
fill="url(#l)"
d="M50 56H14a1 1 0 0 1-1-1v-3a4 4 0 0 1 4-4h30a4 4 0 0 1 4 4v3a1 1 0 0 1-1 1z"
/>
<path
fill="url(#m)"
d="M50 56H14a1 1 0 0 1-1-1v-3a4 4 0 0 1 4-4h30a4 4 0 0 1 4 4v3a1 1 0 0 1-1 1z"
/>
<path fill="url(#n)" d="M47 48H17v-2a4 4 0 0 1 4-4h22a4 4 0 0 1 4 4z" />
<path fill="url(#o)" d="M47 48H17v-2a4 4 0 0 1 4-4h22a4 4 0 0 1 4 4z" />
<path fill="url(#p)" d="M47 48H17v-2a4 4 0 0 1 4-4h22a4 4 0 0 1 4 4z" />
</svg>
More icons in the same style and category