Forked from ArrayOfSilicon/gist:c381f3fb3c1cda6f2ba2eb7370846356
Created
February 20, 2024 16:45
-
-
Save lcsouzamenezes/838f1880f8b118d7a48693e0fadcaf2b 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