Add icons to this collection by clicking the heart icon.
Tic Tac Toe icon - also known as entertainment, game, circles, tic tac toe, gaming, and crosses. Created in a clean lineal 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"
x1="3.333"
x2="64.699"
y1="62.667"
y2="1.301"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#003f8a" />
<stop offset=".518" stop-color="#00d7df" />
<stop offset="1" stop-color="#006df0" />
</linearGradient>
<linearGradient
id="b"
x1="-11.667"
x2="49.699"
y1="47.667"
y2="-13.699"
href="#a"
/>
<linearGradient
id="c"
x1="-16.667"
x2="44.699"
y1="42.667"
y2="-18.699"
href="#a"
/>
<linearGradient
id="d"
x1="-6.167"
x2="55.199"
y1="53.167"
y2="-8.199"
href="#a"
/>
<linearGradient
id="e"
x1="-1.167"
x2="60.199"
y1="58.167"
y2="-3.199"
href="#a"
/>
<linearGradient
id="f"
x1="-6.667"
x2="54.699"
y1="52.667"
y2="-8.699"
href="#a"
/>
<linearGradient
id="g"
x1="3.833"
x2="65.199"
y1="63.167"
y2="1.801"
href="#a"
/>
<linearGradient
id="h"
x1="-1.667"
x2="59.699"
y1="57.667"
y2="-3.699"
href="#a"
/>
<linearGradient
id="i"
x1="8.833"
x2="70.199"
y1="68.167"
y2="6.801"
href="#a"
/>
<linearGradient
id="j"
x1="3.333"
x2="64.699"
y1="62.667"
y2="1.301"
href="#a"
/>
<linearGradient
id="k"
x1="13.833"
x2="75.199"
y1="73.167"
y2="11.801"
href="#a"
/>
<linearGradient
id="l"
x1="8.333"
x2="69.699"
y1="67.667"
y2="6.301"
href="#a"
/>
<linearGradient
id="m"
x1="18.833"
x2="80.199"
y1="78.167"
y2="16.801"
href="#a"
/>
<linearGradient
id="n"
x1="6.333"
x2="67.699"
y1="65.667"
y2="4.301"
href="#a"
/>
<linearGradient
id="o"
x1="10.083"
x2="71.449"
y1="69.417"
y2="8.051"
href="#a"
/>
<g>
<path
fill="url(#a)"
d="M58.986 55.836A1 1 0 0 0 58 55h-2V2a1 1 0 0 0-1-1H9a1 1 0 0 0-1 1v53H7a1 1 0 0 0-.949.684l-2 6A1 1 0 0 0 5 63h54a1 1 0 0 0 .986-1.164zM10 3h44v52H10zM6.387 61l1.334-4h49.432l.666 4z"
/>
<path
fill="url(#b)"
d="M26.5 5A4.5 4.5 0 1 0 31 9.5 4.505 4.505 0 0 0 26.5 5zm0 7A2.5 2.5 0 1 1 29 9.5a2.5 2.5 0 0 1-2.5 2.5z"
/>
<path
fill="url(#c)"
d="M16.5 5A4.5 4.5 0 1 0 21 9.5 4.505 4.505 0 0 0 16.5 5zm0 7A2.5 2.5 0 1 1 19 9.5a2.5 2.5 0 0 1-2.5 2.5z"
/>
<path
fill="url(#d)"
d="M37.5 5A4.5 4.5 0 1 0 42 9.5 4.505 4.505 0 0 0 37.5 5zm0 7A2.5 2.5 0 1 1 40 9.5a2.5 2.5 0 0 1-2.5 2.5z"
/>
<path
fill="url(#e)"
d="M47.5 5A4.5 4.5 0 1 0 52 9.5 4.505 4.505 0 0 0 47.5 5zm0 7A2.5 2.5 0 1 1 50 9.5a2.5 2.5 0 0 1-2.5 2.5z"
/>
<path
fill="url(#f)"
d="M26.5 15a4.5 4.5 0 1 0 4.5 4.5 4.505 4.505 0 0 0-4.5-4.5zm0 7a2.5 2.5 0 1 1 2.5-2.5 2.5 2.5 0 0 1-2.5 2.5z"
/>
<path
fill="url(#b)"
d="M16.5 15a4.5 4.5 0 1 0 4.5 4.5 4.505 4.505 0 0 0-4.5-4.5zm0 7a2.5 2.5 0 1 1 2.5-2.5 2.5 2.5 0 0 1-2.5 2.5z"
/>
<path
fill="url(#e)"
d="M37.5 15a4.5 4.5 0 1 0 4.5 4.5 4.505 4.505 0 0 0-4.5-4.5zm0 7a2.5 2.5 0 1 1 2.5-2.5 2.5 2.5 0 0 1-2.5 2.5z"
/>
<path
fill="url(#g)"
d="M47.5 15a4.5 4.5 0 1 0 4.5 4.5 4.505 4.505 0 0 0-4.5-4.5zm0 7a2.5 2.5 0 1 1 2.5-2.5 2.5 2.5 0 0 1-2.5 2.5z"
/>
<path
fill="url(#h)"
d="M26.5 25a4.5 4.5 0 1 0 4.5 4.5 4.505 4.505 0 0 0-4.5-4.5zm0 7a2.5 2.5 0 1 1 2.5-2.5 2.5 2.5 0 0 1-2.5 2.5z"
/>
<path
fill="url(#f)"
d="M16.5 25a4.5 4.5 0 1 0 4.5 4.5 4.505 4.505 0 0 0-4.5-4.5zm0 7a2.5 2.5 0 1 1 2.5-2.5 2.5 2.5 0 0 1-2.5 2.5z"
/>
<path
fill="url(#g)"
d="M37.5 25a4.5 4.5 0 1 0 4.5 4.5 4.505 4.505 0 0 0-4.5-4.5zm0 7a2.5 2.5 0 1 1 2.5-2.5 2.5 2.5 0 0 1-2.5 2.5z"
/>
<path
fill="url(#i)"
d="M47.5 25a4.5 4.5 0 1 0 4.5 4.5 4.505 4.505 0 0 0-4.5-4.5zm0 7a2.5 2.5 0 1 1 2.5-2.5 2.5 2.5 0 0 1-2.5 2.5z"
/>
<path
fill="url(#j)"
d="M26.5 35a4.5 4.5 0 1 0 4.5 4.5 4.505 4.505 0 0 0-4.5-4.5zm0 7a2.5 2.5 0 1 1 2.5-2.5 2.5 2.5 0 0 1-2.5 2.5z"
/>
<path
fill="url(#h)"
d="M16.5 35a4.5 4.5 0 1 0 4.5 4.5 4.505 4.505 0 0 0-4.5-4.5zm0 7a2.5 2.5 0 1 1 2.5-2.5 2.5 2.5 0 0 1-2.5 2.5z"
/>
<path
fill="url(#i)"
d="M37.5 35a4.5 4.5 0 1 0 4.5 4.5 4.505 4.505 0 0 0-4.5-4.5zm0 7a2.5 2.5 0 1 1 2.5-2.5 2.5 2.5 0 0 1-2.5 2.5z"
/>
<path
fill="url(#k)"
d="M47.5 35a4.5 4.5 0 1 0 4.5 4.5 4.505 4.505 0 0 0-4.5-4.5zm0 7a2.5 2.5 0 1 1 2.5-2.5 2.5 2.5 0 0 1-2.5 2.5z"
/>
<path
fill="url(#l)"
d="M26.5 45a4.5 4.5 0 1 0 4.5 4.5 4.505 4.505 0 0 0-4.5-4.5zm0 7a2.5 2.5 0 1 1 2.5-2.5 2.5 2.5 0 0 1-2.5 2.5z"
/>
<path
fill="url(#j)"
d="M16.5 45a4.5 4.5 0 1 0 4.5 4.5 4.505 4.505 0 0 0-4.5-4.5zm0 7a2.5 2.5 0 1 1 2.5-2.5 2.5 2.5 0 0 1-2.5 2.5z"
/>
<path
fill="url(#k)"
d="M37.5 45a4.5 4.5 0 1 0 4.5 4.5 4.505 4.505 0 0 0-4.5-4.5zm0 7a2.5 2.5 0 1 1 2.5-2.5 2.5 2.5 0 0 1-2.5 2.5z"
/>
<path
fill="url(#m)"
d="M47.5 45a4.5 4.5 0 1 0 4.5 4.5 4.505 4.505 0 0 0-4.5-4.5zm0 7a2.5 2.5 0 1 1 2.5-2.5 2.5 2.5 0 0 1-2.5 2.5z"
/>
<path fill="url(#n)" d="M17 58H9a1 1 0 0 0 0 2h8a1 1 0 0 0 0-2z" />
<path fill="url(#o)" d="M21 58h-1a1 1 0 0 0 0 2h1a1 1 0 0 0 0-2z" />
</g>
</svg>
More icons in the same style and category