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 three in a row. Created in a clean lineal color style with a white, silver, black, and pink finish, 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="682.667"
height="682.667"
viewBox="0 0 682.667 682.667"
>
<defs>
<clipPath id="a" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
</defs>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0h-412c-22.092 0-40 17.908-40 40v412c0 22.092 17.908 40 40 40H0c22.092 0 40-17.908 40-40V40C40 17.908 22.092 0 0 0"
transform="translate(462 10)"
fill="#f5737f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M462 50H50v412h412z"
fill="#dff6fc"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M187.333 324.667H50V462h137.333zM462 324.667H324.667V462H462Z"
fill="#91def5"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M324.661 324.667H187.328V462h137.333z"
fill="#dff6fc"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M187.333 186.406H50v137.333h137.333z"
fill="#91def5"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M462 186.406H324.667v137.333H462ZM324.661 186.406H187.328v137.333h137.333z"
fill="#dff6fc"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M187.333 50H50v137.333h137.333zM462 50H324.667v137.333H462Z"
fill="#dff6fc"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M324.661 50H187.328v137.333h137.333z"
fill="#91def5"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-13.255-10.745-24-24-24S-48-13.255-48 0s10.745 24 24 24S0 13.255 0 0"
transform="translate(280 256)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-13.255-10.745-24-24-24S-48-13.255-48 0s10.745 24 24 24S0 13.255 0 0"
transform="translate(280 393.333)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-13.255-10.745-24-24-24S-48-13.255-48 0s10.745 24 24 24S0 13.255 0 0"
transform="translate(417.333 256)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-13.255-10.745-24-24-24S-48-13.255-48 0s10.745 24 24 24S0 13.255 0 0"
transform="translate(417.333 118.667)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-13.255-10.745-24-24-24S-48-13.255-48 0s10.745 24 24 24S0 13.255 0 0"
transform="translate(142.667 118.667)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v161.928c0 22.092 17.908 40 40 40h412c22.092 0 40-17.908 40-40v-412c0-22.092-17.908-40-40-40H40c-22.092 0-40 17.908-40 40V-90"
transform="translate(10 300.072)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M462 50H50v412h412z"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v412"
transform="translate(187.333 50)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v412"
transform="translate(324.667 50)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h412"
transform="translate(50 324.667)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h412"
transform="translate(50 187.333)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-13.255-10.745-24-24-24S-48-13.255-48 0s10.745 24 24 24S0 13.255 0 0Z"
transform="translate(280 256)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-13.255-10.745-24-24-24S-48-13.255-48 0s10.745 24 24 24S0 13.255 0 0Z"
transform="translate(280 393.333)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-13.255-10.745-24-24-24S-48-13.255-48 0s10.745 24 24 24S0 13.255 0 0Z"
transform="translate(417.333 256)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-13.255-10.745-24-24-24S-48-13.255-48 0s10.745 24 24 24S0 13.255 0 0Z"
transform="translate(417.333 118.667)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-13.255-10.745-24-24-24S-48-13.255-48 0s10.745 24 24 24S0 13.255 0 0Z"
transform="translate(142.667 118.667)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M462 50H324.667v137.333H462Z"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-33.941-33.941"
transform="translate(135.638 272.844)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-33.941 33.941"
transform="translate(135.638 238.902)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-33.941-33.941"
transform="translate(410.304 410.304)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-33.941 33.941"
transform="translate(410.304 376.362)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-33.941-33.941"
transform="translate(135.638 410.304)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-33.941 33.941"
transform="translate(135.638 376.362)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-33.941-33.941"
transform="translate(272.97 135.638)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-33.941 33.941"
transform="translate(272.97 101.696)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v0"
transform="translate(10 255.072)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</svg>
More icons in the same style and category