Add icons to this collection by clicking the heart icon.
Tic Tac Toe icon - also known as entertainment, game, circles, tic tac toe, gaming, crosses, and hobbies and free time. 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="-45.556"
x2="-40.85"
y1="623.004"
y2="618.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="M24.448 124.864C26.539 126.955 29.269 128 32 128s5.461-1.045 7.552-3.136l35.115-35.115 35.136 35.136c2.069 2.069 4.8 3.115 7.531 3.115s5.461-1.045 7.531-3.136c4.16-4.16 4.16-10.923 0-15.083L89.749 74.667l35.136-35.136c4.16-4.16 4.16-10.923 0-15.083s-10.923-4.16-15.083 0L74.667 59.584 39.552 24.469c-4.16-4.16-10.923-4.16-15.083 0s-4.16 10.923 0 15.083l35.115 35.115-35.136 35.136c-4.16 4.16-4.16 10.901 0 15.061z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="-29.555"
x2="-24.85"
y1="623.005"
y2="618.297"
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.781 124.864c2.091 2.091 4.821 3.136 7.552 3.136s5.461-1.045 7.552-3.136L416 89.749l35.115 35.136a10.716 10.716 0 0 0 7.552 3.115c2.731 0 5.461-1.045 7.552-3.136 4.16-4.16 4.16-10.923 0-15.083l-35.136-35.115 35.115-35.136c4.16-4.16 4.16-10.923 0-15.083s-10.923-4.16-15.083 0L416 59.584l-35.115-35.115c-4.16-4.16-10.923-4.16-15.083 0s-4.16 10.923 0 15.083l35.115 35.115-35.115 35.136a10.629 10.629 0 0 0-.021 15.061z"
fill="url(#b)"
/>
<linearGradient
id="c"
x1="-37.556"
x2="-32.849"
y1="615.005"
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="m260.416 245.333 35.136-35.115c4.16-4.16 4.16-10.923 0-15.083s-10.923-4.16-15.083 0l-35.136 35.115-35.115-35.136c-4.16-4.16-10.923-4.16-15.083 0s-4.16 10.923 0 15.083l35.136 35.115-35.136 35.115c-4.16 4.16-4.16 10.923 0 15.083 2.069 2.112 4.8 3.157 7.531 3.157s5.461-1.045 7.552-3.115l35.115-35.136 35.115 35.136a10.716 10.716 0 0 0 15.104 0c4.16-4.16 4.16-10.923 0-15.083l-35.136-35.136z"
fill="url(#c)"
/>
<linearGradient
id="d"
x1="-29.557"
x2="-24.85"
y1="607.004"
y2="602.297"
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.781 466.219a10.716 10.716 0 0 0 15.104 0L416 431.104l35.115 35.115a10.716 10.716 0 0 0 15.104 0c4.16-4.16 4.16-10.923 0-15.083L431.083 416l35.115-35.115c4.16-4.16 4.16-10.923 0-15.083s-10.923-4.16-15.083 0L416 400.917l-35.115-35.115c-4.16-4.16-10.923-4.16-15.083 0s-4.16 10.923 0 15.083L400.917 416l-35.115 35.115a10.68 10.68 0 0 0-.021 15.104z"
fill="url(#d)"
/>
<linearGradient
id="e"
x1="-36.97"
x2="-33.436"
y1="623.418"
y2="619.884"
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="M245.333 106.667c29.419 0 53.333-23.936 53.333-53.333S274.752 0 245.333 0 192 23.936 192 53.333s23.915 53.334 53.333 53.334zm0-85.334c17.643 0 32 14.357 32 32s-14.357 32-32 32-32-14.357-32-32 14.358-32 32-32z"
fill="url(#e)"
/>
<linearGradient
id="f"
x1="-28.97"
x2="-25.436"
y1="614.418"
y2="610.884"
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="M362.667 245.333c0 29.397 23.915 53.333 53.333 53.333 29.419 0 53.333-23.936 53.333-53.333S445.419 192 416 192c-29.419 0-53.333 23.936-53.333 53.333zm85.333 0c0 17.643-14.357 32-32 32s-32-14.357-32-32 14.357-32 32-32 32 14.358 32 32z"
fill="url(#f)"
/>
<linearGradient
id="g"
x1="-44.97"
x2="-41.436"
y1="614.418"
y2="610.884"
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="M128 245.333C128 215.936 104.085 192 74.667 192s-53.333 23.936-53.333 53.333 23.915 53.333 53.333 53.333S128 274.731 128 245.333zm-85.333 0c0-17.643 14.357-32 32-32s32 14.357 32 32-14.357 32-32 32-32-14.357-32-32z"
fill="url(#g)"
/>
<linearGradient
id="h"
x1="-44.97"
x2="-41.436"
y1="606.418"
y2="602.884"
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="M128 416c0-29.397-23.915-53.333-53.333-53.333S21.333 386.603 21.333 416s23.915 53.333 53.333 53.333S128 445.397 128 416zm-85.333 0c0-17.643 14.357-32 32-32s32 14.357 32 32-14.357 32-32 32-32-14.357-32-32z"
fill="url(#h)"
/>
<linearGradient
id="i"
x1="-36.97"
x2="-33.436"
y1="606.418"
y2="602.884"
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="M298.667 416c0-29.397-23.915-53.333-53.333-53.333S192 386.603 192 416s23.915 53.333 53.333 53.333 53.334-23.936 53.334-53.333zm-85.334 0c0-17.643 14.357-32 32-32s32 14.357 32 32-14.357 32-32 32-32-14.357-32-32z"
fill="url(#i)"
/>
<linearGradient
id="j"
x1="-43.057"
x2="-27.35"
y1="620.505"
y2="604.798"
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 320H341.333V170.667H480c5.888 0 10.667-4.779 10.667-10.667s-4.779-10.667-10.667-10.667H341.333V10.667C341.333 4.779 336.555 0 330.667 0S320 4.779 320 10.667v138.667H170.667V10.667C170.667 4.779 165.888 0 160 0s-10.667 4.779-10.667 10.667v138.667H10.667C4.779 149.333 0 154.112 0 160s4.779 10.667 10.667 10.667h138.667V320H10.667C4.779 320 0 324.779 0 330.667s4.779 10.667 10.667 10.667h138.667V480c0 5.888 4.779 10.667 10.667 10.667s10.667-4.779 10.667-10.667V341.333H320V480c0 5.888 4.779 10.667 10.667 10.667s10.667-4.779 10.667-10.667V341.333H480c5.888 0 10.667-4.779 10.667-10.667 0-5.887-4.779-10.666-10.667-10.666zm-309.333 0V170.667H320V320H170.667z"
fill="url(#j)"
/>
</svg>
More icons in the same style and category