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, hobbies and free time, and sports and competition. 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 512 512"
>
<linearGradient
id="a"
x1="74.981"
x2="437.019"
y1="439.019"
y2="76.981"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fedb41" />
<stop offset="1" stop-color="#fe8821" />
</linearGradient>
<circle cx="256" cy="256" r="256" fill="url(#a)" />
<linearGradient
id="b"
x1="109"
x2="380.39"
y1="368.526"
y2="368.526"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#6bcaf0" />
<stop offset="1" stop-color="#1689fc" />
</linearGradient>
<path
d="m344.6 179.618 21.119-21.119 21.119 21.119 13.026-13.026-21.119-21.118 21.119-21.119-13.026-13.026-21.119 21.119-21.119-21.119-13.025 13.026 21.119 21.119-21.119 21.118z"
fill="url(#b)"
/>
<linearGradient
id="c"
x1="109"
x2="380.39"
y1="147.474"
y2="147.474"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff722f" />
<stop offset="1" stop-color="#bf1600" />
</linearGradient>
<path
d="m165.786 332.382-21.119 21.119-21.119-21.119-13.026 13.026 21.119 21.118-21.119 21.119 13.026 13.026 21.119-21.119 21.119 21.119 13.025-13.026-21.119-21.119 21.119-21.118z"
fill="url(#c)"
/>
<linearGradient
id="d"
x1="109"
x2="380.39"
y1="258"
y2="258"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#6bcaf0" />
<stop offset="1" stop-color="#1689fc" />
</linearGradient>
<path
d="m386.838 221.856-21.119 21.119-21.119-21.119-13.025 13.025L352.694 256l-21.119 21.119 13.025 13.025 21.119-21.118 21.119 21.118 13.026-13.025L378.745 256l21.119-21.119z"
fill="url(#d)"
/>
<linearGradient
id="e"
x1="109"
x2="380.39"
y1="147.474"
y2="147.474"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#6bcaf0" />
<stop offset="1" stop-color="#1689fc" />
</linearGradient>
<path
d="m276.312 332.382-21.119 21.119-21.119-21.119-13.025 13.026 21.118 21.118-21.118 21.119 13.025 13.026 21.119-21.119 21.119 21.119 13.025-13.026-21.119-21.119 21.119-21.118z"
fill="url(#e)"
/>
<linearGradient
id="f"
x1="109"
x2="380.39"
y1="258"
y2="258"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#6bcaf0" />
<stop offset="1" stop-color="#1689fc" />
</linearGradient>
<path
d="m123.548 290.144 21.119-21.118 21.119 21.118 13.025-13.025L157.692 256l21.119-21.119-13.025-13.025-21.119 21.119-21.119-21.119-13.026 13.025L131.641 256l-21.119 21.119z"
fill="url(#f)"
/>
<linearGradient
id="g"
x1="109"
x2="380.39"
y1="258"
y2="258"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#606060" />
<stop offset="1" stop-color="#2b292c" />
</linearGradient>
<path
d="M413 191.526h-93.333V98.807h-18.421v92.719H209.14V98.807h-18.421v92.719H98v18.421h92.719v92.105H98v18.421h92.719v92.719h18.421v-92.719h92.105v92.719h18.421v-92.719H413v-18.421h-93.333v-92.105H413v-18.421zM301.246 302.053H209.14v-92.105h92.105v92.105h.001z"
fill="url(#g)"
/>
<linearGradient
id="h"
x1="109"
x2="380.39"
y1="368.526"
y2="368.526"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff722f" />
<stop offset="1" stop-color="#bf1600" />
</linearGradient>
<path
d="M144.667 182.316c20.315 0 36.842-16.527 36.842-36.842s-16.527-36.842-36.842-36.842-36.842 16.527-36.842 36.842 16.527 36.842 36.842 36.842zm0-55.263c10.157 0 18.421 8.264 18.421 18.421s-8.264 18.421-18.421 18.421-18.421-8.264-18.421-18.421c0-10.158 8.263-18.421 18.421-18.421z"
fill="url(#h)"
/>
<linearGradient
id="i"
x1="109"
x2="380.39"
y1="258"
y2="258"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff722f" />
<stop offset="1" stop-color="#bf1600" />
</linearGradient>
<path
d="M255.193 292.842c20.315 0 36.842-16.527 36.842-36.842s-16.527-36.842-36.842-36.842-36.842 16.527-36.842 36.842 16.527 36.842 36.842 36.842zm0-55.263c10.157 0 18.421 8.264 18.421 18.421s-8.264 18.421-18.421 18.421-18.421-8.264-18.421-18.421 8.264-18.421 18.421-18.421z"
fill="url(#i)"
/>
<linearGradient
id="j"
x1="109"
x2="380.39"
y1="368.526"
y2="368.526"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff722f" />
<stop offset="1" stop-color="#bf1600" />
</linearGradient>
<path
d="M255.193 182.316c20.315 0 36.842-16.527 36.842-36.842s-16.527-36.842-36.842-36.842-36.842 16.527-36.842 36.842 16.527 36.842 36.842 36.842zm0-55.263c10.157 0 18.421 8.264 18.421 18.421s-8.264 18.421-18.421 18.421-18.421-8.264-18.421-18.421c0-10.158 8.264-18.421 18.421-18.421z"
fill="url(#j)"
/>
<linearGradient
id="k"
x1="109"
x2="380.39"
y1="147.474"
y2="147.474"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff722f" />
<stop offset="1" stop-color="#bf1600" />
</linearGradient>
<path
d="M365.719 329.684c-20.315 0-36.842 16.527-36.842 36.842s16.527 36.842 36.842 36.842 36.842-16.527 36.842-36.842-16.527-36.842-36.842-36.842zm0 55.263c-10.157 0-18.421-8.264-18.421-18.421s8.264-18.421 18.421-18.421 18.421 8.264 18.421 18.421c0 10.158-8.263 18.421-18.421 18.421z"
fill="url(#k)"
/>
</svg>
More icons in the same style and category