Add icons to this collection by clicking the heart icon.
Tic Tac Toe icon - also known as education, entertainment, circles, tic tac toe, gaming, crosses, and three in a row. Created in a clean outline 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 512 512"
>
<linearGradient
id="a"
x1="255.651"
x2="255.651"
y1="476.289"
y2="58.896"
gradientUnits="userSpaceOnUse"
>
<stop offset=".322" stop-color="#a163f5" />
<stop offset=".466" stop-color="#b074ee" />
<stop offset=".752" stop-color="#d8a1dd" />
<stop offset=".898" stop-color="#efbad3" />
</linearGradient>
<linearGradient
id="b"
x1="92.755"
x2="92.755"
y1="476.289"
y2="58.896"
href="#a"
/>
<linearGradient
id="c"
x1="418.88"
x2="418.88"
y1="476.289"
y2="58.896"
href="#a"
/>
<linearGradient
id="d"
x1="92.404"
x2="92.404"
y1="476.289"
y2="58.896"
href="#a"
/>
<linearGradient
id="e"
x1="256"
x2="256"
y1="476.289"
y2="58.896"
href="#a"
/>
<linearGradient
id="f"
x1="255.651"
x2="255.651"
y1="476.289"
y2="58.896"
href="#a"
/>
<linearGradient
id="g"
x1="38.905"
x2="38.905"
y1="476.289"
y2="58.896"
href="#a"
/>
<linearGradient
id="h"
x1="38.905"
x2="38.905"
y1="476.288"
y2="58.896"
href="#a"
/>
<path
fill="url(#a)"
d="M214.037 297.613a6 6 0 0 0 8.486 0l33.128-33.128 33.128 33.128a6 6 0 0 0 8.485-8.485L264.136 256l33.128-33.128a6 6 0 0 0-8.485-8.485l-33.128 33.128-33.128-33.128a6 6 0 0 0-8.486 8.485L247.166 256l-33.129 33.128a6 6 0 0 0 0 8.485z"
/>
<path
fill="url(#b)"
d="M50.791 137a6 6 0 0 0 8.485 0l33.237-33.24 33.721 33.72a6 6 0 1 0 8.485-8.48L101 95.275l33.018-33.019a6 6 0 0 0-8.485-8.485L92.513 86.79 59.977 54.253a6 6 0 1 0-8.485 8.486l32.536 32.536-33.237 33.238a6 6 0 0 0 0 8.487z"
/>
<path
fill="url(#c)"
d="M460.493 53.771a6 6 0 0 0-8.485 0L418.88 86.9l-33.128-33.129a6 6 0 0 0-8.485 8.485L410.4 95.385l-33.128 33.128a6 6 0 0 0 8.48 8.487l33.128-33.13L452.008 137a6 6 0 0 0 8.485-8.485l-33.128-33.13 33.128-33.129a6 6 0 0 0 0-8.485z"
/>
<path
fill="url(#d)"
d="M50.791 459.331a6 6 0 0 0 8.485 0L92.4 426.2l33.128 33.128a6 6 0 0 0 8.485-8.485l-33.128-33.128 33.128-33.128a6 6 0 0 0-8.485-8.486L92.4 409.232 59.276 376.1a6 6 0 0 0-8.485 8.486l33.128 33.128-33.128 33.132a6 6 0 0 0 0 8.485z"
/>
<path
fill="url(#c)"
d="M377.267 459.331a6 6 0 0 0 8.485 0L418.88 426.2l33.128 33.128a6 6 0 0 0 8.485-8.485l-33.128-33.128 33.128-33.128a6 6 0 0 0-8.485-8.486l-33.128 33.131-33.128-33.132a6 6 0 0 0-8.485 8.486l33.133 33.132-33.128 33.128a6 6 0 0 0-.005 8.485z"
/>
<path
fill="url(#e)"
d="M476 10H36a26.03 26.03 0 0 0-26 26v440a26.03 26.03 0 0 0 26 26h440a26.03 26.03 0 0 0 26-26V36a26.03 26.03 0 0 0-26-26zM170.705 490H36a14.015 14.015 0 0 1-14-14V343.939h148.705zm0-158.061H22V180.061h148.705zm0-163.878H22V36a14.015 14.015 0 0 1 14-14h134.705zM329.3 490H182.705V343.939H329.3zm0-158.061H182.705V180.061H329.3zm0-163.878H182.705V22H329.3zM490 476a14.015 14.015 0 0 1-14 14H341.3V343.939H490zm0-144.061H341.3V180.061H490zm0-163.878H341.3V22H476a14.015 14.015 0 0 1 14 14z"
/>
<path
fill="url(#c)"
d="M418.88 307.349A51.349 51.349 0 1 0 367.532 256a51.407 51.407 0 0 0 51.348 51.349zm0-90.7A39.349 39.349 0 1 1 379.532 256a39.394 39.394 0 0 1 39.348-39.349z"
/>
<path
fill="url(#d)"
d="M92.4 307.349A51.349 51.349 0 1 0 41.055 256 51.406 51.406 0 0 0 92.4 307.349zm0-90.7A39.349 39.349 0 1 1 53.055 256 39.393 39.393 0 0 1 92.4 216.651z"
/>
<path
fill="url(#f)"
d="M255.651 146.733A51.349 51.349 0 1 0 204.3 95.384a51.407 51.407 0 0 0 51.351 51.349zm0-90.7A39.349 39.349 0 1 1 216.3 95.384a39.393 39.393 0 0 1 39.351-39.348zM255.651 469.066a51.348 51.348 0 1 0-51.351-51.348 51.406 51.406 0 0 0 51.351 51.348zm0-90.7a39.348 39.348 0 1 1-39.351 39.352 39.393 39.393 0 0 1 39.351-39.348z"
/>
<path
fill="url(#g)"
d="M38.905 72.061a6 6 0 0 0-6 6v70.714a6 6 0 0 0 12 0V78.061a6 6 0 0 0-6-6z"
/>
<path
fill="url(#h)"
d="M32.905 38.154V53.7a6 6 0 0 0 12 0V38.154a6 6 0 1 0-12 0z"
/>
</svg>
More icons in the same style and category