{
"name": "tic-tac-toe",
"title": "Tic tac toe",
"component": "TicTacToeIcon",
"url": "https://gentleface.com/icons/tic-tac-toe",
"category": "games",
"motif": "tic-tac-toe",
"added": "2026-11-06",
"since": "0.4.0",
"history": [
{
"date": "2026-11-06",
"what": [
"20 px drawn",
"24 px drawn",
"added",
"released in 0.4.0"
]
}
],
"geometry_hash": "be8e1733d6b8",
"use_for": [
"tic tac toe",
"noughts and crosses"
],
"family": [],
"tags": [
"tic-tac-toe",
"noughts-and-crosses",
"tic-tac",
"xo",
"x-and-o",
"grid",
"board",
"casual-game",
"puzzle",
"game"
],
"size": 16,
"styles": [
"line-round",
"line-soft",
"line-sharp",
"solid-round",
"solid-soft",
"solid-sharp"
],
"default_style": "line-round",
"svg": {
"line-round": "",
"line-soft": "",
"line-sharp": "",
"solid-round": "",
"solid-soft": "",
"solid-sharp": ""
},
"svg_url": {
"line-round": "https://gentleface.com/svg/line-round/16/tic-tac-toe.svg",
"line-soft": "https://gentleface.com/svg/line-soft/16/tic-tac-toe.svg",
"line-sharp": "https://gentleface.com/svg/line-sharp/16/tic-tac-toe.svg",
"solid-round": "https://gentleface.com/svg/solid-round/16/tic-tac-toe.svg",
"solid-soft": "https://gentleface.com/svg/solid-soft/16/tic-tac-toe.svg",
"solid-sharp": "https://gentleface.com/svg/solid-sharp/16/tic-tac-toe.svg"
},
"png_url": {
"line-round": {
"16": "https://gentleface.com/png/line-round/16/tic-tac-toe.png",
"32": "https://gentleface.com/png/line-round/32/tic-tac-toe.png",
"48": "https://gentleface.com/png/line-round/48/tic-tac-toe.png"
},
"line-soft": {
"16": "https://gentleface.com/png/line-soft/16/tic-tac-toe.png",
"32": "https://gentleface.com/png/line-soft/32/tic-tac-toe.png",
"48": "https://gentleface.com/png/line-soft/48/tic-tac-toe.png"
},
"line-sharp": {
"16": "https://gentleface.com/png/line-sharp/16/tic-tac-toe.png",
"32": "https://gentleface.com/png/line-sharp/32/tic-tac-toe.png",
"48": "https://gentleface.com/png/line-sharp/48/tic-tac-toe.png"
},
"solid-round": {
"16": "https://gentleface.com/png/solid-round/16/tic-tac-toe.png",
"32": "https://gentleface.com/png/solid-round/32/tic-tac-toe.png",
"48": "https://gentleface.com/png/solid-round/48/tic-tac-toe.png"
},
"solid-soft": {
"16": "https://gentleface.com/png/solid-soft/16/tic-tac-toe.png",
"32": "https://gentleface.com/png/solid-soft/32/tic-tac-toe.png",
"48": "https://gentleface.com/png/solid-soft/48/tic-tac-toe.png"
},
"solid-sharp": {
"16": "https://gentleface.com/png/solid-sharp/16/tic-tac-toe.png",
"32": "https://gentleface.com/png/solid-sharp/32/tic-tac-toe.png",
"48": "https://gentleface.com/png/solid-sharp/48/tic-tac-toe.png"
}
},
"npm": {
"react": "import { TicTacToeIcon } from '@gentleface/react';",
"svg": "@gentleface/icons/svg/line-round/16/tic-tac-toe.svg",
"cdn": "https://cdn.jsdelivr.net/npm/@gentleface/icons@0.6.0/svg/line-round/16/tic-tac-toe.svg",
"version": "0.6.0"
},
"license": "MIT",
"author": "Alexander Kiselev",
"motion": {
"name": "tic-tac-toe-play",
"does": "The marks are wiped off the board, the last move first. Then the game is played again: the cross is written in two strokes and the nought is drawn round after it.",
"url": "https://gentleface.com/motion/tic-tac-toe-play.svg",
"style": "line-round",
"size": 16,
"duration": 3.2,
"frames": [
0.25,
2.35
],
"svg": "",
"react": "// Gentleface \"tic-tac-toe\" animated (tic-tac-toe-play), MIT. https://gentleface.com/icons/tic-tac-toe\n// Pass a ref to start and stop it: https://gentleface.com/animated-icons\nimport { forwardRef, type SVGProps } from 'react';\n\nexport const TicTacToePlayIcon = forwardRef>(function TicTacToePlayIcon(props, ref) {\n return (\n \n );\n});",
"how_to_play": "https://gentleface.com/animated-icons.md"
}
}