diff options
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 |