blob: e2cfa36ef3a7cd2d62ecbf055f1ca378fd67038d (
plain) (
blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
|
import React from "react";
import { useColorMode } from "theme-ui";
function Logo(props) {
const [colorMode] = useColorMode();
const fill = colorMode === "light" ? "black" : "white";
return (
<div>
<style>{`\
#logo:hover path {\
fill: #E71D36 !important;\
}\
`}</style>
<svg
xmlns="http://www.w3.org/2000/svg"
width="59"
height="30.6"
viewBox="0 0 15.61 8.096"
id="logo"
{...props}
>
<g aria-label="std" strokeWidth=".265">
<path
fill={fill}
d="M2.54 8.096c.762 0 1.376-.148 1.83-.455.445-.307.678-.794.678-1.45 0-.296-.053-.54-.137-.751a1.412 1.412 0 00-.424-.519 2.675 2.675 0 00-.72-.317 8.8 8.8 0 00-.994-.19c-.339-.043-.582-.096-.72-.16-.148-.063-.212-.158-.212-.296 0-.127.053-.222.16-.307.105-.084.253-.127.465-.127.212 0 .38.053.487.138.106.095.18.233.222.413h1.714a2.354 2.354 0 00-.254-.837 1.684 1.684 0 00-.508-.55 2.289 2.289 0 00-.75-.307 4.269 4.269 0 00-.932-.095c-.318 0-.625.042-.91.116-.297.074-.54.18-.752.328-.222.16-.391.35-.518.583a1.63 1.63 0 00-.19.793c0 .297.03.54.115.741.085.212.212.381.381.508.17.148.381.254.646.339.265.084.582.148.963.19.381.064.646.127.794.19.148.075.233.18.233.308a.411.411 0 01-.17.338c-.105.085-.275.117-.508.117-.275 0-.465-.053-.571-.159a.798.798 0 01-.212-.466H0c.021.625.243 1.09.688 1.408.444.317 1.058.476 1.852.476zM8.022 8.096c.222 0 .423-.01.603-.053.17-.031.318-.063.445-.105v-1.44a.772.772 0 01-.254.074c-.085.021-.18.021-.286.021-.19 0-.328-.042-.423-.148-.095-.095-.138-.243-.138-.434V3.725h1.09v-1.29H7.97V1.28H6.075v1.153h-.667v1.291h.667v2.466c0 .656.159 1.143.497 1.45.339.307.815.455 1.45.455zM11.99 8.096c.424 0 .773-.095 1.07-.296.296-.19.508-.434.656-.73v.9h1.894V0h-1.894v3.217a2.082 2.082 0 00-.646-.677c-.275-.17-.624-.254-1.058-.254a2.192 2.192 0 00-1.672.73c-.212.254-.381.55-.498.91-.127.36-.18.784-.18 1.25v.084c0 .487.053.9.18 1.26s.297.645.508.878c.212.233.456.413.741.529.275.116.582.17.9.17zm.668-1.45c-.339 0-.593-.116-.784-.349-.19-.233-.285-.593-.285-1.058v-.085c0-.476.084-.836.275-1.08.18-.232.455-.36.815-.36.35 0 .614.128.804.371.19.244.286.593.286 1.058v.085c0 .476-.106.836-.296 1.07-.202.232-.477.348-.815.348z"
/>
</g>
</svg>
</div>
);
}
export default Logo;
|
