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 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>
<clipPath id="b" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
<clipPath id="c" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
<clipPath id="d" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
</defs>
<path
d="M133.878 321.962H10v123.879h123.878z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#eff3f3"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M133.878 321.962H10v123.879h123.878z"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<path
d="M257.757 321.962H133.879v123.879h123.878z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#eff3f3"
fill-opacity="1"
fill-rule="nonzero"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M381.636 321.962H257.757v123.879h123.879z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#9bc6ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M133.878 198.084H10v123.878h123.878z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#eff3f3"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<g clip-path="url(#b)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M133.878 198.084H10v123.878h123.878z"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<path
d="M257.757 198.084H133.879v123.878h123.878z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#9bc6ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M381.636 198.084H257.757v123.878h123.879z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#eff3f3"
fill-opacity="1"
fill-rule="nonzero"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M133.878 74.205H10v123.879h123.878z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#9bc6ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<g clip-path="url(#c)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M133.878 74.205H10v123.879h123.878z"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<path
d="M257.757 74.205H133.879v123.879h123.878zM381.636 74.205H257.757v123.879h123.879z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#eff3f3"
fill-opacity="1"
fill-rule="nonzero"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<g clip-path="url(#d)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0c0-16.919-13.715-30.634-30.634-30.634-16.918 0-30.634 13.715-30.634 30.634s13.716 30.634 30.634 30.634C-13.715 30.634 0 16.919 0 0Z"
transform="translate(350.33 383.901)"
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-16.918-13.715-30.634-30.634-30.634-16.918 0-30.634 13.716-30.634 30.634 0 16.919 13.716 30.634 30.634 30.634C-13.715 30.634 0 16.919 0 0Z"
transform="translate(226.452 260.022)"
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-16.919-13.715-30.634-30.634-30.634-16.918 0-30.634 13.715-30.634 30.634 0 16.918 13.716 30.634 30.634 30.634C-13.715 30.634 0 16.918 0 0Z"
transform="translate(102.573 136.144)"
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-31.729-31.729"
transform="translate(87.804 399.766)"
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-31.729 31.729"
transform="translate(87.804 368.037)"
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-31.729-31.728"
transform="translate(335.56 275.887)"
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-31.729 31.728"
transform="translate(335.56 244.16)"
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 0h-51.577l25.788-39.702z"
transform="translate(487.442 98.658)"
fill="#60a4ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-51.577l25.788-39.702z"
transform="translate(487.442 98.658)"
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 .001-12.527a31.676 31.676 0 0 1 5.112-17.256l9.446-14.541h51.577l9.445 14.541a31.676 31.676 0 0 1 5.112 17.256V0"
transform="translate(421.307 142.982)"
fill="#eff3f3"
fill-opacity="1"
fill-rule="nonzero"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-40.346l-.001-263.342a29.324 29.324 0 0 1 16.795-5.255c9.629 0 18.179 4.622 23.552 11.769"
transform="translate(461.653 406.324)"
fill="#ffe6c0"
fill-opacity="1"
fill-rule="nonzero"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-93.526c5.373-7.147 13.924-11.769 23.553-11.769 6.242 0 12.03 1.942 16.794 5.255v263.342H0V106"
transform="translate(461.653 243.023)"
fill="#ffd89e"
fill-opacity="1"
fill-rule="nonzero"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0Z"
transform="translate(461.653 296.356)"
fill="#ffd89e"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v0"
transform="translate(461.653 296.356)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M421.308 453.044H502v-46.72h-80.692z"
fill="#f5737f"
fill-opacity="1"
fill-rule="nonzero"
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