Add icons to this collection by clicking the heart icon.
Domino icon - also known as game, leisure, pieces, gaming, and domino. 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="-44.41"
x2="-42.996"
y1="621.858"
y2="620.444"
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>
<circle cx="64" cy="64" r="21.333" fill="url(#a)" />
<linearGradient
id="b"
x1="-38.41"
x2="-36.996"
y1="621.858"
y2="620.444"
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>
<circle cx="192" cy="64" r="21.333" fill="url(#b)" />
<linearGradient
id="c"
x1="-44.41"
x2="-42.996"
y1="615.858"
y2="614.444"
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>
<circle cx="64" cy="192" r="21.333" fill="url(#c)" />
<linearGradient
id="d"
x1="-38.41"
x2="-36.996"
y1="615.858"
y2="614.444"
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>
<circle cx="192" cy="192" r="21.333" fill="url(#d)" />
<linearGradient
id="e"
x1="-44.41"
x2="-42.996"
y1="610.858"
y2="609.444"
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>
<circle cx="64" cy="298.667" r="21.333" fill="url(#e)" />
<linearGradient
id="f"
x1="-38.41"
x2="-36.996"
y1="604.858"
y2="603.444"
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>
<circle cx="192" cy="426.667" r="21.333" fill="url(#f)" />
<linearGradient
id="g"
x1="-33.41"
x2="-31.996"
y1="610.858"
y2="609.444"
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>
<circle cx="298.667" cy="298.667" r="21.333" fill="url(#g)" />
<linearGradient
id="h"
x1="-27.41"
x2="-25.996"
y1="610.858"
y2="609.444"
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>
<circle cx="426.667" cy="298.667" r="21.333" fill="url(#h)" />
<linearGradient
id="i"
x1="-33.41"
x2="-31.996"
y1="604.858"
y2="603.444"
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>
<circle cx="298.667" cy="426.667" r="21.333" fill="url(#i)" />
<linearGradient
id="j"
x1="-30.41"
x2="-28.996"
y1="607.858"
y2="606.444"
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>
<circle cx="362.667" cy="362.667" r="21.333" fill="url(#j)" />
<linearGradient
id="k"
x1="-27.41"
x2="-25.996"
y1="604.858"
y2="603.444"
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>
<circle cx="426.667" cy="426.667" r="21.333" fill="url(#k)" />
<linearGradient
id="l"
x1="-49.013"
x2="-26.893"
y1="620.961"
y2="598.841"
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="M458.667 234.667H256V32c0-17.643-14.357-32-32-32H32C14.357 0 0 14.357 0 32V458.667c0 17.643 14.357 32 32 32H458.667c17.643 0 32-14.357 32-32v-192c0-17.643-14.358-32-32-32zM32 21.333h192c5.867 0 10.667 4.779 10.667 10.667v202.667H32c-3.755 0-7.317.768-10.667 1.963V32c0-5.888 4.8-10.667 10.667-10.667zm0 448c-5.867 0-10.667-4.779-10.667-10.667v-192c0-5.888 4.8-10.667 10.667-10.667h202.667v202.667c0 5.888-4.8 10.667-10.667 10.667H32zm437.333-10.666c0 5.888-4.8 10.667-10.667 10.667H254.037c1.195-3.349 1.963-6.912 1.963-10.667V256h202.667c5.867 0 10.667 4.779 10.667 10.667v192z"
fill="url(#l)"
/>
</svg>
More icons in the same style and category