Tic Tac Toe icon
game-icons:tic-tac-toe
The Tic Tac Toe icon (game-icons:tic-tac-toe) is a free SVG icon from the Game Icons set by GameIcons. It is drawn on a 512 × 512 grid. Game Icons are released under the CC BY 3.0 license, which allows use in personal and commercial projects as long as you credit the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Game Icons
- Author
- GameIcons
- License
- CC-BY-3.0
- Size
- 512 × 512
- Tags
- tictac, tactoe, tictactoe
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M169.344 35.844A9.5 9.5 0 0 0 160 45.47v117.343H45.5a9.5 9.5 0 1 0 0 19H160v151H45.5a9.5 9.5 0 1 0 0 19H160V466.5a9.5 9.5 0 1 0 19 0V351.812h151V466.5a9.5 9.5 0 1 0 19 0V351.812h117.406a9.5 9.5 0 1 0 0-19H349v-151h115.563a9.5 9.5 0 1 0 0-19H349V45.47a9.5 9.5 0 0 0-9.656-9.626A9.5 9.5 0 0 0 330 45.47v117.343H179V45.47a9.5 9.5 0 0 0-9.656-9.626M86 35.97c-13.07 0-25.77 4.94-35.156 13.843S36 71.06 36 83.874s5.458 25.16 14.844 34.063S72.93 131.81 86 131.81s25.77-4.97 35.156-13.875C130.542 109.034 136 96.69 136 83.876s-5.458-25.16-14.844-34.063S99.07 35.97 86 35.97m170 0c-13.07 0-25.77 4.94-35.156 13.843S206 71.06 206 83.874s5.458 25.16 14.844 34.063S242.93 131.81 256 131.81s25.77-4.97 35.156-13.875C300.542 109.034 306 96.69 306 83.876s-5.458-25.16-14.844-34.063S269.07 35.97 256 35.97m138.844 9.218A9.5 9.5 0 0 0 388.25 61.5l22.375 22.375L389 105.5a9.502 9.502 0 1 0 13.438 13.438l21.625-21.626l22.375 22.407a9.502 9.502 0 1 0 13.437-13.44L437.5 83.876l21.625-21.625a9.5 9.5 0 0 0-6.906-16.313a9.5 9.5 0 0 0-6.533 2.876l-21.625 21.624l-22.375-22.374a9.5 9.5 0 0 0-6.843-2.876zM86 54.968c8.137 0 16.485 3.337 22.094 8.657c5.608 5.32 8.937 12.95 8.937 20.25s-3.328 14.96-8.936 20.28c-5.61 5.32-13.957 8.626-22.094 8.626s-16.485-3.304-22.094-8.624c-5.608-5.32-8.937-12.98-8.937-20.28c0-7.302 3.328-14.93 8.936-20.25c5.61-5.32 13.957-8.657 22.094-8.657zm170 0c8.137 0 16.485 3.337 22.094 8.657c5.608 5.32 8.937 12.95 8.937 20.25s-3.328 14.96-8.936 20.28c-5.61 5.32-13.957 8.626-22.094 8.626s-16.485-3.304-22.094-8.624c-5.608-5.32-8.937-12.98-8.937-20.28c0-7.302 3.328-14.93 8.936-20.25c5.61-5.32 13.957-8.657 22.094-8.657zm-77 126.844h151v151H179zm245.063 26.282c-13.07 0-25.77 4.94-35.157 13.844S374.062 243.186 374.062 256s5.458 25.16 14.844 34.063s22.087 13.875 35.156 13.875c13.07 0 25.77-4.972 35.157-13.875c9.385-8.904 14.842-21.25 14.842-34.063s-5.457-25.16-14.843-34.063c-9.387-8.903-22.088-13.843-35.158-13.843zm-197.25 9.22a9.5 9.5 0 0 0-6.625 16.31L242.563 256l-21.625 21.625a9.502 9.502 0 1 0 13.437 13.438L256 269.438l22.375 22.375a9.502 9.502 0 1 0 13.438-13.438L269.438 256l21.625-21.625a9.5 9.5 0 0 0-6.907-16.313a9.5 9.5 0 0 0-6.53 2.875L256 242.563l-22.375-22.375a9.5 9.5 0 0 0-6.813-2.875zm197.25 9.78c8.136 0 16.485 3.305 22.093 8.625c5.61 5.32 8.938 12.98 8.938 20.28s-3.33 14.93-8.938 20.25s-13.957 8.656-22.094 8.656c-8.136 0-16.485-3.336-22.093-8.656c-5.61-5.32-8.94-12.95-8.94-20.25s3.33-14.96 8.94-20.28c5.607-5.32 13.956-8.626 22.092-8.626zM256 380.156c-13.07 0-25.77 4.94-35.156 13.844S206 415.25 206 428.063s5.458 25.19 14.844 34.093S242.93 476.03 256 476.03s25.77-4.97 35.156-13.874S306 440.876 306 428.062s-5.458-25.16-14.844-34.062c-9.386-8.903-22.087-13.844-35.156-13.844m-199.188 9.22a9.5 9.5 0 0 0-6.624 16.312l22.374 22.406L50.94 449.72a9.502 9.502 0 1 0 13.437 13.436L86 441.53l22.375 22.376a9.502 9.502 0 1 0 13.438-13.437l-22.376-22.376l21.626-21.625a9.5 9.5 0 0 0-6.907-16.314a9.5 9.5 0 0 0-6.53 2.875L86 414.657L63.625 392.25a9.5 9.5 0 0 0-6.813-2.875zM256 399.187c8.137 0 16.485 3.304 22.094 8.625c5.608 5.32 8.937 12.948 8.937 20.25c0 7.3-3.328 14.96-8.936 20.28c-5.61 5.32-13.957 8.626-22.094 8.626s-16.485-3.306-22.094-8.626c-5.608-5.32-8.937-12.98-8.937-20.28c0-7.303 3.328-14.93 8.936-20.252c5.61-5.32 13.957-8.625 22.094-8.625z"/></svg>How to use the Tic Tac Toe icon
React
import { Icon } from "@iconify/react";
<Icon icon="game-icons:tic-tac-toe" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="game-icons:tic-tac-toe" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="game-icons:tic-tac-toe" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[game-icons--tic-tac-toe]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/game-icons -->
<div class="i-game-icons:tic-tac-toe"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="game-icons:tic-tac-toe"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/game-icons/tic-tac-toe.svg" alt="Tic Tac Toe icon" width="24" height="24">Related icons in Game Icons
Tic Tac Toe icon in other icon sets
Tic Tac Toe icon FAQ
Is the Tic Tac Toe icon free for commercial use?
Yes. Game Icons are released under the CC BY 3.0 license, which allows use in personal and commercial projects as long as you credit the author.
How do I use the Tic Tac Toe icon in React?
Install @iconify/react and render <Icon icon="game-icons:tic-tac-toe" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Tic Tac Toe icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/game-icons/tic-tac-toe.svg" alt="Tic Tac Toe icon">, or paste the SVG code inline to style it with CSS.