diff options
| author | TinWoodman92 <chrhodgden@gmail.com> | 2024-01-15 20:31:20 -0600 |
|---|---|---|
| committer | TinWoodman92 <chrhodgden@gmail.com> | 2024-01-15 20:31:20 -0600 |
| commit | 067b447b98a01fbfd4338c29ae5affc7edf5f9f7 (patch) | |
| tree | 0d16a8e9c75e8f4289e83bca837503ed2036e84c /svg/favicon.svg | |
| parent | 4f41c8fce448933e88965833feff0fb3faab79b5 (diff) | |
adding X & O vectorsdev
Diffstat (limited to 'svg/favicon.svg')
| -rw-r--r-- | svg/favicon.svg | 38 |
1 files changed, 38 insertions, 0 deletions
diff --git a/svg/favicon.svg b/svg/favicon.svg new file mode 100644 index 0000000..96b4eab --- /dev/null +++ b/svg/favicon.svg @@ -0,0 +1,38 @@ +<svg width='100' height='100' viewbox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'> + <style> + :root { + --dark-stroke: 1; + --stroke-lightness: calc(100% - calc(var(--dark-stroke) * 100%)); + --x-color: hsl(300, 100%, 50%); + --o-color: hsl(180, 100%, 50%); + --stroke-color: hsl(0, 0%, var(--stroke-lightness)); + --stroke-width: 6; + } + + .board { + stroke-width: var(--stroke-width); + stroke: var(--stroke-color); + } + + .x { + stroke-width: var(--stroke-width); + stroke: var(--x-color); + } + + .o { + stroke-width: var(--stroke-width); + stroke: var(--o-color); + fill-opacity: 0; + } + </style> + + <path class='board' d='M33 0, 33 100'/> + <path class='board' d='M66 0, 66 100'/> + <path class='board' d='M0 33, 100 33'/> + <path class='board' d='M0 66, 100 66'/> + + <path class='x' d='M3 3, 27 27'/> + <path class='x' d='M27 3, 3 27'/> + + <circle class='o' cx='85' cy='85' r='12'/> +</svg>
\ No newline at end of file |