Created
January 13, 2024 10:40
-
-
Save ArrayOfSilicon/c381f3fb3c1cda6f2ba2eb7370846356 to your computer and use it in GitHub Desktop.
Circle and Cross svg code for tic-tac-toe game tutorial build with react-js, node-js and socketio
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| const circleSvg = ( | |
| <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> | |
| <g id="SVGRepo_bgCarrier" stroke-width="0"></g> | |
| <g | |
| id="SVGRepo_tracerCarrier" | |
| stroke-linecap="round" | |
| stroke-linejoin="round" | |
| ></g> | |
| <g id="SVGRepo_iconCarrier"> | |
| {" "} | |
| <path | |
| d="M21 12C21 16.9706 16.9706 21 12 21C7.02944 21 3 16.9706 3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12Z" | |
| stroke="#ffffff" | |
| stroke-width="2" | |
| stroke-linecap="round" | |
| stroke-linejoin="round" | |
| ></path>{" "} | |
| </g> | |
| </svg> | |
| ); | |
| const crossSvg = ( | |
| <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> | |
| <g id="SVGRepo_bgCarrier" stroke-width="0"></g> | |
| <g | |
| id="SVGRepo_tracerCarrier" | |
| stroke-linecap="round" | |
| stroke-linejoin="round" | |
| ></g> | |
| <g id="SVGRepo_iconCarrier"> | |
| {" "} | |
| <path | |
| d="M19 5L5 19M5.00001 5L19 19" | |
| stroke="#fff" | |
| stroke-width="1.5" | |
| stroke-linecap="round" | |
| stroke-linejoin="round" | |
| ></path>{" "} | |
| </g> | |
| </svg> | |
| ); |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment