-
Notifications
You must be signed in to change notification settings - Fork 18
/
Copy pathLogo.tsx
59 lines (56 loc) · 6.97 KB
/
Logo.tsx
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
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
interface QiitaLogoProps {
className?: string;
}
export const QiitaLogo = ({ className }: QiitaLogoProps) => {
return (
<svg
viewBox="0 0 426.57 130"
className={className}
aria-label="Qiita"
fill="#3D4040"
>
<circle cx="167.08" cy="21.4" r="12.28" />
<path d="M250.81 29.66h23.48v18.9h-23.48z" />
<path d="M300.76 105.26a22.23 22.23 0 01-6.26-.86 12.68 12.68 0 01-5.17-3 14.41 14.41 0 01-3.56-5.76 28 28 0 01-1.3-9.22V48.56h29.61v-18.9h-29.52V3.29h-20.17v83.34q0 11.16 2.83 18.27a27.71 27.71 0 007.7 11.2 26.86 26.86 0 0011.43 5.62 47.56 47.56 0 0012.34 1.53h15.16v-18zM0 61.7a58.6 58.6 0 015-24.21A62.26 62.26 0 0118.73 17.9 63.72 63.72 0 0139 4.78 64.93 64.93 0 0164 0a65 65 0 0124.85 4.78 64.24 64.24 0 0120.38 13.12A62 62 0 01123 37.49a58.6 58.6 0 015 24.21 58.34 58.34 0 01-4 21.46 62.8 62.8 0 01-10.91 18.16l11.1 11.1a10.3 10.3 0 010 14.52 10.29 10.29 0 01-14.64 0l-12.22-12.41a65 65 0 01-15.78 6.65 66.32 66.32 0 01-17.55 2.3 64.63 64.63 0 01-45.23-18A62.82 62.82 0 015 85.81 58.3 58.3 0 010 61.7zm21.64.08a43.13 43.13 0 0012.42 30.63 42.23 42.23 0 0013.43 9.09A41.31 41.31 0 0064 104.8a42 42 0 0030-12.39 42.37 42.37 0 009-13.64 43.43 43.43 0 003.3-17 43.77 43.77 0 00-3.3-17A41.7 41.7 0 0080.55 22 41.78 41.78 0 0064 18.68 41.31 41.31 0 0047.49 22a42.37 42.37 0 00-13.43 9.08 43.37 43.37 0 00-12.42 30.7zM331.89 78a47.59 47.59 0 013.3-17.73 43.22 43.22 0 019.34-14.47A44.25 44.25 0 01359 36a47.82 47.82 0 0118.81-3.58 42.72 42.72 0 019.26 1 46.5 46.5 0 018.22 2.58 40 40 0 017 3.84 44.39 44.39 0 015.71 4.63l1.22-9.47h17.35v85.83h-17.35l-1.17-9.42a42.54 42.54 0 01-5.84 4.67 43.11 43.11 0 01-7 3.79 44.86 44.86 0 01-8.17 2.59 43 43 0 01-9.22 1A47.94 47.94 0 01359 119.9a43.3 43.3 0 01-14.47-9.71 44.17 44.17 0 01-9.34-14.47 47 47 0 01-3.3-17.72zm20.27-.08a29.16 29.16 0 002.17 11.34 27 27 0 005.92 8.88 26.69 26.69 0 008.76 5.76 29.19 29.19 0 0021.44 0 26.11 26.11 0 008.72-5.76 27.57 27.57 0 005.88-8.84 29 29 0 002.16-11.38 28.62 28.62 0 00-2.16-11.22 26.57 26.57 0 00-5.93-8.8 27.68 27.68 0 00-19.51-7.9 28.29 28.29 0 00-10.77 2.05 26.19 26.19 0 00-8.71 5.75 27.08 27.08 0 00-5.84 8.8 28.94 28.94 0 00-2.13 11.31zm-194.97-30.5h19.78v73.54h-19.78zm49.25 0h19.78v73.54h-19.78z" />
<circle cx="216.33" cy="21.4" r="12.28" />
</svg>
);
};
interface QiitaPreviewLogoProps {
className?: string;
}
export const QiitaPreviewLogo = ({ className }: QiitaPreviewLogoProps) => {
return (
<svg
viewBox="0 0 247.7 28.15"
className={className}
aria-label="Qiita Preview"
>
<g fill="#3c4040">
<circle cx="68.88" cy="6.29" r="2.37" />
<path d="m85.05 7.88h4.53v3.65h-4.53z" />
<path d="m94.7 22.47c-.43 0-.83-.05-1.21-.17-.38-.11-.71-.3-1-.57s-.52-.64-.69-1.11-.25-1.06-.25-1.78v-7.31h5.72v-3.65h-5.7v-5.09h-3.9v8.74s0 7.35 0 7.35c0 1.44.18 2.61.55 3.53.37.91.86 1.64 1.49 2.16.63.53 1.36.89 2.21 1.09s1.42.3 2.38.3h2.93v-3.47h-2.53z" />
<path d="m36.6 14.07c0-1.67.32-3.22.97-4.67s1.53-2.71 2.64-3.78 2.42-1.92 3.92-2.53 3.1-.92 4.82-.92 3.3.31 4.81.92c1.5.62 2.82 1.46 3.94 2.53s2 2.33 2.65 3.78.97 3.01.97 4.67c0 1.47-.25 2.85-.76 4.14-.51 1.3-1.21 2.47-2.11 3.51l2.14 2.14c.77.77.78 2.03 0 2.8-.78.79-2.05.79-2.83 0l-2.38-2.4c-.95.56-1.97.99-3.05 1.28-1.08.3-2.21.44-3.4.44-1.71 0-3.32-.31-4.82-.93s-2.81-1.47-3.92-2.55-1.99-2.34-2.64-3.79-.97-3-.97-4.66zm4.18.02c0 1.17.22 2.27.65 3.28s1.02 1.89 1.75 2.63c.74.74 1.6 1.33 2.59 1.75s2.05.64 3.18.64 2.21-.21 3.21-.64 1.86-1.01 2.6-1.75 1.32-1.62 1.75-2.63.64-2.11.64-3.28-.21-2.27-.64-3.29-1.01-1.9-1.75-2.64-1.61-1.33-2.6-1.75-2.06-.64-3.21-.64-2.19.21-3.18.64-1.85 1.01-2.59 1.75-1.32 1.62-1.75 2.64-.65 2.11-.65 3.29z" />
<path d="m100.71 17.21c0-1.21.21-2.35.64-3.42.42-1.07 1.03-2 1.8-2.79.78-.79 1.71-1.42 2.8-1.88s2.3-.69 3.63-.69c.63 0 1.23.06 1.79.19.56.12 1.08.29 1.58.5s.95.46 1.36.74.78.58 1.1.89l.23-1.82h3.35v16.57h-3.35l-.23-1.82c-.33.32-.71.62-1.13.9s-.87.52-1.36.73-1.01.38-1.58.5-1.16.19-1.78.19c-1.32 0-2.53-.23-3.62-.68-1.09-.46-2.02-1.08-2.8-1.88-.77-.79-1.38-1.73-1.8-2.79-.43-1.07-.64-2.21-.64-3.42zm3.92-.02c0 .79.14 1.52.42 2.19s.66 1.24 1.14 1.72 1.05.85 1.69 1.11 1.34.39 2.08.39 1.42-.13 2.06-.39 1.21-.63 1.68-1.11.86-1.05 1.14-1.71.42-1.39.42-2.2-.14-1.51-.42-2.17-.66-1.23-1.14-1.7-1.05-.84-1.69-1.11-1.34-.4-2.08-.4-1.43.13-2.08.39c-.64.26-1.21.63-1.68 1.11-.48.48-.85 1.04-1.13 1.7-.27.66-.41 1.38-.41 2.17z" />
<path d="m66.97 11.31h3.82v14.2h-3.82z" />
<path d="m76.48 11.31h3.82v14.2h-3.82z" />
<circle cx="78.39" cy="6.29" r="2.37" />
<path d="m136.72 2.78c2.27 0 4.25.46 5.7 1.68 1.48 1.22 2.37 2.83 2.37 5.13s-.89 3.95-2.37 5.17c-1.45 1.22-3.42 1.78-5.7 1.78h-3v8.95h-4.31v-22.71zm2.4 9.55c.72-.53 1.25-1.45 1.25-2.73s-.63-2.17-1.35-2.7-1.61-.76-2.93-.76h-2.4v7.04h2.5c1.32 0 2.21-.33 2.93-.86z" />
<path d="m151.8 9.56-.07 2.57h.1c.63-1.71 2.21-2.86 3.92-2.86 1.09 0 1.68.3 1.68.3l-.3 3.65h-.2c-.46-.13-1.18-.2-1.74-.2-1.25 0-2.21.53-2.8 1.55-.39.79-.59 1.88-.59 3.09v7.83h-4.18v-15.93z" />
<path d="m168.03 22.63c2.14 0 4.05-.95 4.81-1.61l1.65 2.27c-.89.92-3.29 2.57-7.18 2.57-4.81 0-8.36-2.93-8.36-8.07s3.72-8.53 8.26-8.53c4.9 0 7.87 3.23 7.87 7.47 0 .82-.07 2.14-.07 2.14h-11.72c.39 2.53 2.34 3.75 4.74 3.75zm-4.81-6.48h7.64c-.07-1.75-.72-3.75-3.69-3.75-2.5 0-3.82 1.75-3.95 3.75z" />
<path d="m180.81 9.56 4.31 11.49 4.31-11.49h4.21l-6.55 15.93h-4.11l-6.55-15.93z" />
<path d="m196.15 4.69c0-1.35 1.05-2.34 2.54-2.34s2.53.99 2.53 2.34-1.05 2.34-2.53 2.34-2.54-.96-2.54-2.34zm4.64 4.87v15.93h-4.21v-15.93z" />
<path d="m213.34 22.63c2.14 0 4.05-.95 4.81-1.61l1.65 2.27c-.89.92-3.29 2.57-7.18 2.57-4.81 0-8.36-2.93-8.36-8.07s3.72-8.53 8.26-8.53c4.9 0 7.87 3.23 7.87 7.47 0 .82-.07 2.14-.07 2.14h-11.72c.39 2.53 2.34 3.75 4.74 3.75zm-4.81-6.48h7.64c-.07-1.75-.72-3.75-3.69-3.75-2.5 0-3.82 1.75-3.95 3.75z" />
<path d="m231.21 25.5h-4.15l-5.1-15.93h4.18l3.33 11.42 3.79-11.42h3.29l3.92 11.13 3.06-11.13h4.18l-5.27 15.93h-3.79l-3.92-10.8z" />
</g>
<path
d="m20.9 21.33c-1.52 1.62-3.58 2.15-6.08 2.4-5.06.51-9.44-1.75-9.97-7.39-.23-2.4.31-4.68 1.38-6.55l-.63-2.46c-.1-.43.29-.84.71-.73l2.16.53c1.29-1.06 2.84-1.75 4.56-1.92 1.47-.15 2.89.1 4.19.66l2.03-1.23c.38-.23.87.03.9.49l.12 2.9c1.56 1.65 2.63 3.91 2.87 6.47.14 1.45-.01 2.55-.4 3.61-.18.49-.23.91.09 1.33.31.4.81 1.18 1.37 1.05.83-.2 1.73-.14 2.28.2 1.05-1.97 1.64-4.22 1.64-6.61.03-7.78-6.27-14.08-14.05-14.08s-14.07 6.3-14.07 14.07 6.3 14.07 14.07 14.07c3.99 0 7.58-1.66 10.15-4.32-.45-.07-.91-.24-1.34-.53-.84-.56-1.58-1.09-1.97-1.96z"
fill="#55c500"
/>
<path
d="m19.6 11.01 1.31-.16-.02-.24-1.35.17c-.06-.17-.12-.34-.2-.5l1.49-.47-.05-.3-1.58.55c-1.06-2.22-3.35-3.57-5.95-3.31-2.59.26-4.64 2.13-5.27 4.51l-1.55-.23-.02.3 1.52.16c-.04.18-.08.28-.1.46l-1.33.11v.24s1.31-.1 1.31-.1c-.02.2-.04.33-.04.54l-1.18.48.06.29 1.13-.53c0 .16 0 .24.02.4.31 3.33 3.09 3.99 6.41 3.65s5.93-1.54 5.61-4.87c-.02-.16-.04-.24-.06-.4l1.22.26.03-.27-1.28-.24c-.04-.2-.09-.32-.15-.51z"
fill="#55c500"
/>
</svg>
);
};