Tic Tac Toe Icon
Free SVG icon from the Arcticons collection. Download or copy for use in any project.
The Tic Tac Toe icon is available as a free SVG and is ready to drop into any web or app project.
img tag
<img src="https://proicons.com/icon/348507.svg" alt="Tic Tac Toe icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/348507.svg" alt="Tic Tac Toe icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/348507.svg" alt="Tic Tac Toe icon" :width="24" :height="24" />
CSS background
.icon-tic-tac-toe {
background-image: url('https://proicons.com/icon/348507.svg');
background-size: contain;
background-repeat: no-repeat;
width: 24px;
height: 24px;
display: inline-block;
}
SVG markup
<?xml version="1.0" encoding="UTF-8"?><svg id="a" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><defs><style>.b{fill:none;stroke:#fff;stroke-linecap:round;stroke-linejoin:round;}</style></defs><line class="b" x1="17.8333" y1="5.5" x2="17.8333" y2="42.5"/><line class="b" x1="30.1667" y1="5.5" x2="30.1667" y2="42.5"/><line class="b" x1="42.5" y1="17.8333" x2="5.5" y2="17.8333"/><line class="b" x1="42.5" y1="30.1667" x2="5.5" y2="30.1667"/><circle class="b" cx="24" cy="24" r="3.5701"/><circle class="b" cx="36.396" cy="24" r="3.5701"/><circle class="b" cx="36.396" cy="37.0066" r="3.5701"/><circle class="b" cx="10.8833" cy="37.0066" r="3.5701"/><circle class="b" cx="10.8833" cy="10.9366" r="3.5701"/><line class="b" x1="20.9172" y1="14.0194" x2="27.0828" y2="7.8538"/><line class="b" x1="20.9172" y1="7.8538" x2="27.0828" y2="14.0194"/><line class="b" x1="20.9172" y1="40.0894" x2="27.0828" y2="33.9238"/><line class="b" x1="20.9172" y1="33.9238" x2="27.0828" y2="40.0894"/><line class="b" x1="7.8005" y1="26.9727" x2="13.9661" y2="20.8071"/><line class="b" x1="7.8005" y1="20.8071" x2="13.9661" y2="26.9727"/></svg>
More from Arcticons
View all
Tic Tac Toe in other icon packs
Copied!