Add icons to this collection by clicking the heart icon.
Chess Board icon - also known as chess, board, square, shape, squares, gaming, pattern, and chess board. Created in a clean 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="100"
height="100"
viewBox="0 0 490.667 490.667"
>
<linearGradient
id="a"
x1="-46.557"
x2="-23.85"
y1="624.005"
y2="601.298"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13315.223)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M480 0H10.667C4.779 0 0 4.779 0 10.667V480c0 5.888 4.779 10.667 10.667 10.667H480c5.888 0 10.667-4.779 10.667-10.667V10.667C490.667 4.779 485.888 0 480 0zm-10.667 469.333h-448v-448h448v448z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="-43.557"
x2="-26.85"
y1="621.005"
y2="604.298"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13315.223)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M74.667 426.667H416c5.888 0 10.667-4.779 10.667-10.667V74.667C426.667 68.779 421.888 64 416 64H74.667C68.779 64 64 68.779 64 74.667V416c0 5.888 4.779 10.667 10.667 10.667zm96-170.667h64v64h-64v-64zm-21.334 64h-64v-64h64v64zm85.334 21.333v64h-64v-64h64zm21.333 0h64v64h-64v-64zM256 320v-64h64v64h-64zm85.333-64h64v64h-64v-64zm64-21.333h-64v-64h64v64zm-85.333 0h-64v-64h64v64zm-64-85.334v-64h64v64h-64zm-21.333 0h-64v-64h64v64zm0 21.334v64h-64v-64h64zm-85.334 64h-64v-64h64v64zm-64 106.666h64v64h-64v-64zm256 64v-64h64v64h-64zm64-256h-64v-64h64v64zm-256-64v64h-64v-64h64z"
fill="url(#b)"
/>
<linearGradient
id="c"
x1="-41.558"
x2="-40.848"
y1="619.006"
y2="618.296"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13315.223)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M117.333 128c2.773 0 5.547-1.067 7.467-2.987 2.133-2.133 3.2-4.907 3.2-7.68s-1.067-5.547-3.2-7.467c-3.84-4.053-11.093-4.053-15.147 0-1.92 1.92-2.987 4.693-2.987 7.467s1.067 5.547 3.2 7.467c1.921 2.133 4.694 3.2 7.467 3.2z"
fill="url(#c)"
/>
<linearGradient
id="d"
x1="-33.556"
x2="-32.85"
y1="618.999"
y2="618.294"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13315.223)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M295.467 109.867c-3.84-4.053-11.307-4.053-14.933 0-2.133 1.92-3.2 4.693-3.2 7.467s1.067 5.547 2.987 7.467a10.828 10.828 0 0 0 7.68 3.2c2.773 0 5.547-1.067 7.467-2.987 2.133-2.133 3.2-4.907 3.2-7.68s-1.068-5.547-3.201-7.467z"
fill="url(#d)"
/>
<linearGradient
id="e"
x1="-29.553"
x2="-28.853"
y1="615.002"
y2="614.3"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13315.223)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M365.867 210.347c2.133 1.92 4.693 2.987 7.467 2.987 2.773 0 5.547-1.067 7.467-3.2 2.133-1.92 3.2-4.693 3.2-7.467s-1.067-5.547-2.987-7.467c-4.053-4.053-11.093-4.053-15.147 0-2.133 1.92-3.2 4.693-3.2 7.467s1.066 5.546 3.2 7.68z"
fill="url(#e)"
/>
<linearGradient
id="f"
x1="-37.561"
x2="-36.855"
y1="615.004"
y2="614.299"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13315.223)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M195.2 210.347c1.92 1.92 4.693 2.987 7.467 2.987s5.333-1.067 7.467-3.2c2.133-1.92 3.2-4.693 3.2-7.467s-1.067-5.547-3.2-7.467c-3.84-4.053-10.88-4.053-15.147 0-1.92 2.133-2.987 4.693-2.987 7.467s1.067 5.546 3.2 7.68z"
fill="url(#f)"
/>
<linearGradient
id="g"
x1="-41.557"
x2="-40.847"
y1="611.01"
y2="610.298"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13315.223)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M109.867 295.467c1.92 2.133 4.693 3.2 7.467 3.2s5.547-1.067 7.68-3.2c1.92-1.92 2.987-4.693 2.987-7.467 0-2.773-1.067-5.547-3.2-7.68-4.053-3.84-10.88-4.053-15.147.213-1.92 1.92-2.987 4.693-2.987 7.467 0 2.773 1.066 5.333 3.2 7.467z"
fill="url(#g)"
/>
<linearGradient
id="h"
x1="-33.557"
x2="-32.852"
y1="611.011"
y2="610.303"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13315.223)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M295.467 280.32c-4.053-3.84-10.88-3.84-14.933 0a10.828 10.828 0 0 0-3.2 7.68c0 2.773 1.067 5.547 3.2 7.467 1.92 2.133 4.693 3.2 7.467 3.2s5.547-1.067 7.467-3.2c2.133-1.92 3.2-4.693 3.2-7.467a10.833 10.833 0 0 0-3.201-7.68z"
fill="url(#h)"
/>
<linearGradient
id="i"
x1="-29.563"
x2="-28.848"
y1="607.011"
y2="606.296"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13315.223)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M365.653 365.867c-1.92 2.133-2.987 4.693-2.987 7.467s1.067 5.547 3.2 7.68c1.92 1.92 4.693 2.987 7.467 2.987s5.547-1.067 7.68-3.2c1.92-1.92 2.987-4.693 2.987-7.467s-1.067-5.333-3.2-7.68c-4.053-3.841-10.667-4.054-15.147.213z"
fill="url(#i)"
/>
<linearGradient
id="j"
x1="-37.554"
x2="-36.848"
y1="607.001"
y2="606.296"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13315.223)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M195.2 381.013c2.133 1.92 4.693 2.987 7.467 2.987s5.547-1.067 7.467-2.987a10.828 10.828 0 0 0 3.2-7.68c0-2.773-1.067-5.547-3.2-7.68-4.053-3.84-10.667-3.84-14.933.213-2.133 1.92-3.2 4.693-3.2 7.467s1.066 5.547 3.199 7.68z"
fill="url(#j)"
/>
</svg>
More icons in the same style and category