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 hobbies and free time. Created in a clean lineal color style with a white, silver, gray, black, yellow, and orange 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>
<path
d="M502.086 10.074H9.692v492.394h492.394z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#e9edf5"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M73.227 10.074H9.692v492.394h63.535z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#cdd2e1"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M470.319 41.842H41.46V470.7h428.859z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#afb4c8"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M97.053 41.842H41.46V470.7h55.593z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#9196aa"
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="M0 0c0 17.552-14.216 31.768-31.767 31.768-17.552 0-31.768-14.216-31.768-31.768s14.216-31.768 31.768-31.768C-14.216-31.768 0-17.552 0 0m-31.767 63.535C3.335 63.535 31.768 35.103 31.768 0c0-35.103-28.433-63.534-63.535-63.534-35.103 0-63.535 28.431-63.535 63.534 0 35.103 28.432 63.535 63.535 63.535"
transform="translate(398.842 359.515)"
fill="#ffe45c"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-33.673-33.673L0-67.347l-22.475-22.475-33.674 33.674-33.673-33.674-22.475 22.475 33.673 33.674L-112.297 0l22.475 22.476 33.673-33.673 33.674 33.673z"
transform="translate(431.166 170.816)"
fill="#ff6c52"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 17.551-14.216 31.768-31.768 31.768-17.551 0-31.767-14.217-31.767-31.768 0-17.552 14.216-31.768 31.767-31.768C-14.216-31.768 0-17.552 0 0m-31.768 63.534C3.335 63.534 31.767 35.103 31.767 0c0-35.104-28.432-63.535-63.535-63.535-35.103 0-63.534 28.431-63.534 63.535 0 35.103 28.431 63.534 63.534 63.534"
transform="translate(176.471 137.144)"
fill="#94e8c8"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-33.673-33.674L0-67.348l-22.476-22.474-33.673 33.673-33.673-33.673-22.476 22.474 33.673 33.674L-112.298 0l22.476 22.475 33.673-33.673 33.673 33.673z"
transform="translate(200.852 393.188)"
fill="#96e8ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-158.837v492.394h87.36"
transform="translate(168.53 10.074)"
fill="none"
stroke="#231f20"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h381.208v-492.394H71.477"
transform="translate(120.878 502.468)"
fill="none"
stroke="#231f20"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-119.127h-428.859v428.858H0V23.825"
transform="translate(470.319 160.969)"
fill="none"
stroke="#231f20"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-33.673-33.673L-67.347 0l-22.475-22.475 33.673-33.673-33.673-33.674 22.475-22.475 33.674 33.673L0-112.297l22.476 22.475-33.674 33.674 33.674 33.673z"
transform="translate(178.377 415.663)"
fill="none"
stroke="#231f20"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-33.674-33.673L-67.347 0l-22.475-22.476 33.673-33.672-33.673-33.674 22.475-22.476 33.673 33.674L0-112.298l22.475 22.476-33.673 33.674 33.673 33.672z"
transform="translate(408.69 193.292)"
fill="none"
stroke="#231f20"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-35.103-28.432-63.534-63.535-63.534-35.103 0-63.534 28.431-63.534 63.534 0 35.103 28.431 63.535 63.534 63.535C-28.432 63.535 0 35.103 0 0Z"
transform="translate(430.61 359.515)"
fill="none"
stroke="#231f20"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-35.104-28.432-63.535-63.535-63.535-35.103 0-63.534 28.431-63.534 63.535 0 35.103 28.431 63.534 63.534 63.534C-28.432 63.534 0 35.103 0 0Z"
transform="translate(208.238 137.144)"
fill="none"
stroke="#231f20"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-17.552-14.216-31.768-31.767-31.768-17.552 0-31.768 14.216-31.768 31.768s14.216 31.768 31.768 31.768C-14.216 31.768 0 17.552 0 0Z"
transform="translate(398.842 359.515)"
fill="none"
stroke="#231f20"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-17.552-14.216-31.768-31.768-31.768-17.551 0-31.767 14.216-31.767 31.768 0 17.551 14.216 31.768 31.767 31.768C-14.216 31.768 0 17.551 0 0Z"
transform="translate(176.471 137.144)"
fill="none"
stroke="#231f20"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-15.883"
transform="translate(255.89 438.933)"
fill="none"
stroke="#fff"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-15.884"
transform="translate(255.89 407.166)"
fill="none"
stroke="#231f20"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-15.884"
transform="translate(255.89 375.398)"
fill="none"
stroke="#fff"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-15.884"
transform="translate(255.89 89.492)"
fill="none"
stroke="#fff"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-15.884"
transform="translate(255.89 121.26)"
fill="none"
stroke="#231f20"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-15.884"
transform="translate(255.89 153.027)"
fill="none"
stroke="#fff"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-174.72"
transform="translate(255.89 343.63)"
fill="none"
stroke="#231f20"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-15.883"
transform="translate(438.551 256.27)"
fill="none"
stroke="#fff"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-15.884"
transform="translate(406.784 256.27)"
fill="none"
stroke="#231f20"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-15.883"
transform="translate(375.017 256.27)"
fill="none"
stroke="#fff"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-15.884"
transform="translate(89.11 256.27)"
fill="none"
stroke="#fff"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-15.883"
transform="translate(120.878 256.27)"
fill="none"
stroke="#231f20"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-15.884"
transform="translate(152.645 256.27)"
fill="none"
stroke="#fff"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-174.72"
transform="translate(343.25 256.27)"
fill="none"
stroke="#231f20"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</svg>
More icons in the same style and category