Add logos for telegraf plugins as components

pull/10616/head
Deniz Kusefoglu 2018-12-11 14:20:09 -08:00
parent c9ec2dd07f
commit c2b1b2d5bb
13 changed files with 893 additions and 0 deletions

View File

@ -0,0 +1,120 @@
// Libraries
import React, {SFC} from 'react'
interface Props {
width?: number
height?: number
}
const LogoApache: SFC<Props> = ({height, width}) => {
return (
<svg width={width} height={height} viewBox="0 0 49.92 100">
<defs>
<linearGradient
id="apache_c"
x1={-1886.65}
y1={4996.93}
x2={-1872.53}
y2={4980.42}
gradientTransform="scale(1 -1) rotate(65.2 2995.766 3977.41)"
gradientUnits="userSpaceOnUse"
>
<stop offset={0} stopColor="#f69923" />
<stop offset={0.31} stopColor="#f79a23" />
<stop offset={0.84} stopColor="#e97826" />
</linearGradient>
<linearGradient
id="apache_a"
x1={-1991.78}
y1={4989.78}
x2={-1891.01}
y2={4989.78}
gradientTransform="scale(1 -1) rotate(65.2 2995.766 3977.41)"
gradientUnits="userSpaceOnUse"
>
<stop offset={0.32} stopColor="#9e2064" />
<stop offset={0.63} stopColor="#c92037" />
<stop offset={0.75} stopColor="#cd2335" />
<stop offset={1} stopColor="#e97826" />
</linearGradient>
<linearGradient
id="apache_d"
x1={-1991.19}
y1={4998.76}
x2={-1890.42}
y2={4998.76}
xlinkHref="#apache_a"
/>
<linearGradient
id="apache_e"
x1={-1985.53}
y1={4989.27}
x2={-1884.76}
y2={4989.27}
xlinkHref="#apache_a"
/>
<linearGradient
id="apache_f"
x1={-1985.53}
y1={4999.7}
x2={-1884.76}
y2={4999.7}
xlinkHref="#apache_a"
/>
<linearGradient
id="apache_b"
x1={-1979.02}
y1={4988.65}
x2={-1918.97}
y2={4988.65}
gradientTransform="scale(1 -1) rotate(65.2 2995.766 3977.41)"
gradientUnits="userSpaceOnUse"
>
<stop offset={0} stopColor="#282662" />
<stop offset={0.1} stopColor="#662e8d" />
<stop offset={0.79} stopColor="#9f2064" />
<stop offset={0.95} stopColor="#cd2032" />
</linearGradient>
<linearGradient
id="apache_g"
x1={-1978.18}
y1={4998.33}
x2={-1925.22}
y2={4998.33}
xlinkHref="#apache_b"
/>
</defs>
<title>{'logo_apache'}</title>
<path
d="M42.56.48C41 1.4 38.39 4 35.28 7.82l2.85 5.39a71.05 71.05 0 0 1 6.1-7.65 3.45 3.45 0 0 1 .25-.26l-.25.26a64.18 64.18 0 0 0-5.72 7.76A108.36 108.36 0 0 0 49.62 12c1.09-6.18-1.08-9-1.08-9S45.79-1.43 42.56.48z"
fill="url(#apache_c)"
/>
<path
d="M38.51 13.32q-1.26 1.93-2.75 4.42l-.15.26c-.85 1.43-1.76 3-2.71 4.74q-1.23 2.26-2.57 4.81-1.17 2.23-2.4 4.77l9.45-1a11.45 11.45 0 0 0 5.17-4.07c.32-.45.64-.93 1-1.43 1-1.51 1.92-3.18 2.77-4.84s1.54-3.19 2.1-4.62a22.75 22.75 0 0 0 .83-2.5c.17-.65.31-1.28.41-1.87a105.64 105.64 0 0 1-11.15 1.33z"
fill="url(#apache_a)"
/>
<path
d="M29.71 27.15c.87-1.62 1.75-3.21 2.64-4.75s1.85-3.16 2.8-4.66l.16-.27q1.41-2.22 2.83-4.26l-2.86-5.39c-.22.26-.43.53-.65.8-.83 1-1.68 2.13-2.56 3.3-1 1.32-2 2.74-3 4.21s-1.92 2.8-2.89 4.28c-.82 1.26-1.65 2.56-2.47 3.9l-.09.14 3.68 7.35c.79-1.57 1.6-3.12 2.41-4.65z"
fill="url(#apache_d)"
/>
<path
d="M27.87 32.42c-.1.22-.21.44-.32.66-.32.67-.65 1.34-1 2s-.71 1.51-1.08 2.3c-.18.39-.37.79-.55 1.2-.56 1.2-1.12 2.45-1.69 3.74-.71 1.59-1.42 3.23-2.15 5s-1.38 3.3-2.08 5.05-1.36 3.37-2 5.13c-.62 1.57-1.24 3.18-1.87 4.85l-.09.24q-.95 2.47-1.89 5.08v.12l3-.33a1.35 1.35 0 0 0-.18 0c3.5-.46 8.28-3.17 11.37-6.46a27.81 27.81 0 0 0 3.91-5.44 45.77 45.77 0 0 0 2.52-5.24c.7-1.68 1.36-3.51 2-5.49a10.65 10.65 0 0 1-2.82 1l-.56.11-.57.09a13.11 13.11 0 0 0 7-6.83 11.73 11.73 0 0 1-4 1.76 6 6 0 0 1-.72.13h-.18a13.55 13.55 0 0 0 3-1.67c.18-.14.36-.28.53-.43a9.88 9.88 0 0 0 .74-.71c.15-.16.3-.32.44-.49a11.23 11.23 0 0 0 .94-1.29l.27-.44.32-.63a35.043 35.043 0 0 0 1.53-3.52l.13-.37c.11-.35.21-.67.29-.94s.18-.75.22-1a3.77 3.77 0 0 1-.39.26 14.18 14.18 0 0 1-4.15 1.42h-.07l-.42.07h.07l-9.44 1z"
fill="url(#apache_e)"
/>
<path
d="M14.17 61.81q1-2.52 2-5.1t2-5q1-2.49 2.12-5c.74-1.69 1.49-3.39 2.25-5.07s1.52-3.32 2.3-5c.28-.59.57-1.18.85-1.76.49-1 1-2 1.49-3l.09-.16-3.72-7.35c-.06.1-.12.2-.19.3-.86 1.42-1.72 2.86-2.57 4.34s-1.7 3-2.52 4.56c-.69 1.3-1.37 2.61-2 3.94l-.39.8q-1.22 2.51-2.2 4.83c-.75 1.75-1.41 3.43-2 5q-.57 1.57-1 3c-.26.83-.5 1.66-.74 2.48q-.83 2.93-1.43 5.83l3.7 7.55c.5-1.32 1-2.66 1.52-4 .15-.43.27-.81.44-1.19z"
fill="url(#apache_f)"
/>
<path
d="M12.77 68.54c-.49 1.36-1 2.73-1.48 4.14v.06l-.21.6-1.32 3.75c1.1.49 2 1.81 2.81 3.3a6 6 0 0 0-1.94-4.12c5.4.25 10.06-1.12 12.46-5.07a9.11 9.11 0 0 0 .59-1.12c-1.09 1.39-2.45 2-5 1.84 3.76-1.69 5.64-3.3 7.31-6 .39-.63.78-1.32 1.17-2.09a11.77 11.77 0 0 1-11.1 3.6l-3 .33c-.06.24-.2.53-.29.78z"
fill="url(#apache_b)"
/>
<path
d="M8.43 59.84a55.52 55.52 0 0 0-1 7 2 2 0 0 0 0 .25 14.73 14.73 0 0 0-4.29-3.68c2.24 3.24 3.94 6.46 4.19 9.62a9.47 9.47 0 0 1-4.73-.81 9.38 9.38 0 0 0 4 2.45c-1.81.12-3.7 1.36-5.61 2.8 2.79-1.14 5-1.59 6.65-1.22C5.12 83.53 2.56 91.52 0 100a2.24 2.24 0 0 0 1.52-1.47C2 97 5 86.92 9.75 73.67c.14-.37.27-.75.41-1.13l.12-.32c.5-1.39 1-2.8 1.56-4.25.12-.33.24-.66.37-1l-3.73-7.39a2.38 2.38 0 0 0-.05.26z"
fill="url(#apache_g)"
/>
</svg>
)
}
export default LogoApache

View File

@ -0,0 +1,67 @@
// Libraries
import React, {SFC} from 'react'
interface Props {
width?: number
height?: number
}
const LogoConsul: SFC<Props> = ({height, width}) => {
return (
<svg
width={width}
height={height}
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 100 96.81"
>
<style>
{` .consul_a { fill: #8c1c59; }
.consul_a, .consul_b {
fill-rule: evenodd;
}
.consul_b, .consul_c {
fill: #c62a71;
}`}
</style>
<defs />
<path
className="consul_a"
d="M48.23,58.73A10.45,10.45,0,1,1,58.65,48.27,10.42,10.42,0,0,1,48.23,58.73"
/>
<path
className="consul_b"
d="M68.55,53.1a4.82,4.82,0,1,1,4.81-4.81,4.8,4.8,0,0,1-4.81,4.81"
/>
<path
className="consul_b"
d="M86.17,57.64h0a4.69,4.69,0,1,1,.09-.38c0,.12,0,.24-.09.38"
/>
<path
className="consul_b"
d="M82.76,45.23a4.82,4.82,0,1,1,3.57-5.79,5,5,0,0,1,0,1.89,4.62,4.62,0,0,1-3.62,3.9"
/>
<path
className="consul_b"
d="M99.89,57.11a4.47,4.47,0,1,1,.09-.43,1.18,1.18,0,0,0-.09.43"
/>
<path
className="consul_b"
d="M96,45a4.8,4.8,0,1,1,4-5.53,5.16,5.16,0,0,1,0,1.24A4.79,4.79,0,0,1,96,45"
/>
<path
className="consul_b"
d="M92.61,73.78h0a4.85,4.85,0,1,1,.6-2,4.34,4.34,0,0,1-.6,2"
/>
<path
className="consul_b"
d="M90.87,29.53A4.83,4.83,0,1,1,92.71,23a4.52,4.52,0,0,1,.59,2.79,4.83,4.83,0,0,1-2.43,3.79"
/>
<path
className="consul_c"
d="M48.4,96.81A48.35,48.35,0,0,1,0,48.4,48.41,48.41,0,0,1,77.8,9.94l-5.91,7.72A38.7,38.7,0,0,0,21,75.78a38.72,38.72,0,0,0,50.85,3.36l5.91,7.73A48,48,0,0,1,48.4,96.81Z"
/>
</svg>
)
}
export default LogoConsul

View File

@ -0,0 +1,50 @@
// Libraries
import React, {SFC} from 'react'
interface Props {
width?: number
height?: number
}
const LogoCpu: SFC<Props> = ({height, width}) => {
return (
<svg
width={width}
height={height}
id="Layer_1"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 100 100"
>
<g id="cpu_icon">
<style>
{`
.cpu_a{fill:#7A65F1;}
.cpu_b{fill:none;stroke:#2C323D;stroke-width:7;stroke-linejoin:round;stroke-miterlimit:10;}
.cpu_c{fill:#2C323D;}
`}
</style>
<path
className="cpu_a"
d="M96,100H4c-2.2,0-4-1.8-4-4V4c0-2.2,1.8-4,4-4h92c2.2,0,4,1.8,4,4v92C100,98.2,98.2,100,96,100z"
/>
<line className="cpu_b" x1="22.2" y1="100" x2="22.2" />
<line className="cpu_b" x1="40.7" y1="100" x2="40.7" />
<line className="cpu_b" x1="59.3" y1="100" x2="59.3" />
<line className="cpu_b" x1="77.8" y1="100" x2="77.8" />
<line className="cpu_b" y1="22.2" x2="100" y2="22.2" />
<line className="cpu_b" y1="40.7" x2="100" y2="40.7" />
<line className="cpu_b" y1="59.3" x2="100" y2="59.3" />
<line className="cpu_b" y1="77.8" x2="100" y2="77.8" />
<g>
<rect x="17" y="17" className="cpu_a" width="66" height="66" />
<path
className="cpu_c"
d="M76,24v52H24V24H76 M88,10H12c-1.1,0-2,0.9-2,2v76c0,1.1,0.9,2,2,2h76c1.1,0,2-0.9,2-2V12 C90,10.9,89.1,10,88,10L88,10z"
/>
</g>
</g>
</svg>
)
}
export default LogoCpu

View File

@ -0,0 +1,92 @@
// Libraries
import React, {SFC} from 'react'
interface Props {
width?: number
height?: number
}
const LogoDocker: SFC<Props> = ({height, width}) => {
return (
<svg
width={width}
height={height}
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 100 69.46"
>
<style>
{`
.docker_a, .docker_b {
fill: #066da5;
}
.docker_a {
fill-rule: evenodd;
}`}
</style>
<defs />
<path
className="docker_a"
d="M97.92,26.44c-2.26-1.51-7.44-2.06-11.43-1.31-.51-3.75-2.61-7-6.41-9.95l-2.19-1.46-1.46,2.19a17,17,0,0,0-2.5,10.47,13.29,13.29,0,0,0,1.93,5.75,15.74,15.74,0,0,1-7.57,1.66H.39l-.14.78c-.64,3.77-.62,15.52,7,24.55C13.05,66,21.75,69.46,33.09,69.46c24.6,0,42.8-11.32,51.32-31.9,3.35.07,10.56,0,14.27-7.06.1-.17.32-.59,1-1.93l.35-.74Z"
/>
<rect className="docker_b" x="44.36" width="10.33" height="9.39" />
<rect
className="docker_b"
x="44.36"
y="11.26"
width="10.33"
height="9.39"
/>
<rect
className="docker_b"
x="32.15"
y="11.26"
width="10.33"
height="9.39"
/>
<rect
className="docker_b"
x="19.95"
y="11.26"
width="10.33"
height="9.39"
/>
<rect
className="docker_b"
x="7.75"
y="22.53"
width="10.33"
height="9.39"
/>
<rect
className="docker_b"
x="19.95"
y="22.53"
width="10.33"
height="9.39"
/>
<rect
className="docker_b"
x="32.15"
y="22.53"
width="10.33"
height="9.39"
/>
<rect
className="docker_b"
x="44.36"
y="22.53"
width="10.33"
height="9.39"
/>
<rect
className="docker_b"
x="56.56"
y="22.53"
width="10.33"
height="9.39"
/>
</svg>
)
}
export default LogoDocker

View File

@ -0,0 +1,80 @@
// Libraries
import React, {SFC} from 'react'
interface Props {
width?: number
height?: number
}
const LogoElastic: SFC<Props> = ({height, width}) => {
return (
<svg
width={width}
height={height}
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 100 99.61"
>
<style>
{`
.elastic_a {
fill: #fff;
}
.elastic_b {
fill: #ffd00a;
}
.elastic_c {
fill: #20b9af;
}
.elastic_d {
fill: #ee5096;
}
.elastic_e {
fill: #12a5df;
}
.elastic_f {
fill: #90c640;
}
.elastic_g {
fill: #05799f;
}`}
</style>
<defs />
<path
className="elastic_a"
d="M100,52.19A19.68,19.68,0,0,0,87,33.63a27.49,27.49,0,0,0,.53-5.38A28.24,28.24,0,0,0,36.36,11.72,15,15,0,0,0,13.12,28.8,20,20,0,0,0,0,47.44,19.69,19.69,0,0,0,13.08,66.05,28.17,28.17,0,0,0,63.63,87.84a14.84,14.84,0,0,0,9.19,3.21A15,15,0,0,0,86.88,70.82,19.94,19.94,0,0,0,100,52.19"
/>
<path
className="elastic_b"
d="M39.32,42.9l21.88,10L83.27,33.53a24.32,24.32,0,0,0,.48-4.85,24.67,24.67,0,0,0-45-13.95L35,33.78Z"
/>
<path
className="elastic_c"
d="M16.67,66.07A25.13,25.13,0,0,0,16.18,71a24.74,24.74,0,0,0,45.2,13.91l3.65-19-4.87-9.29-22-10Z"
/>
<path
className="elastic_d"
d="M16.53,28.2l15,3.55,3.29-17A11.84,11.84,0,0,0,16.53,28.2"
/>
<path
className="elastic_e"
d="M15.23,31.78A16.69,16.69,0,0,0,3.87,47.48,16.52,16.52,0,0,0,14.51,62.93l21-19-3.87-8.26Z"
/>
<path
className="elastic_f"
d="M65.23,84.91A11.82,11.82,0,0,0,83.47,71.42l-15-3.5Z"
/>
<path
className="elastic_g"
d="M68.28,64l16.49,3.86A16.7,16.7,0,0,0,96.13,52.14,16.49,16.49,0,0,0,85.47,36.72L63.9,55.62Z"
/>
</svg>
)
}
export default LogoElastic

View File

@ -0,0 +1,38 @@
// Libraries
import React, {SFC} from 'react'
interface Props {
width?: number
height?: number
}
const LogoEtcd: SFC<Props> = ({height, width}) => {
return (
<svg
width={width}
height={height}
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 100 96.61"
>
<style>{`
.etcd_a {
fill: #419eda;
}`}</style>
<defs />
<path
className="etcd_a"
d="M45.77,43a6.52,6.52,0,1,1-6.52-6.52A6.52,6.52,0,0,1,45.77,43Z"
/>
<path
className="etcd_a"
d="M54.2,43a6.52,6.52,0,1,0,6.52-6.52A6.52,6.52,0,0,0,54.2,43Z"
/>
<path
className="etcd_a"
d="M98.59,50c-.47,0-.94.06-1.44.06a18.79,18.79,0,0,1-8.28-1.93A75.91,75.91,0,0,0,90,33.51a76.15,76.15,0,0,0-9.47-11.23,18.71,18.71,0,0,1,6.68-7.15l1.22-.76-1-1.08A49.92,49.92,0,0,0,70,.58L68.7,0l-.34,1.4A18.74,18.74,0,0,1,63.64,10,76.58,76.58,0,0,0,50,4.35,75.82,75.82,0,0,0,36.35,10a18.71,18.71,0,0,1-4.71-8.56L31.3,0,30,.58A50.43,50.43,0,0,0,12.55,13.29l-1,1.08,1.22.75a18.8,18.8,0,0,1,6.66,7.12A76.39,76.39,0,0,0,10,33.43a76.53,76.53,0,0,0,1.09,14.74,18.73,18.73,0,0,1-8.23,1.91c-.51,0-1,0-1.44,0L0,49.92l.13,1.43A49.62,49.62,0,0,0,6.84,71.87l.73,1.24,1.09-.93A18.73,18.73,0,0,1,17.55,68a75.64,75.64,0,0,0,7.6,12.38,77.51,77.51,0,0,0,14.4,3.54,18.65,18.65,0,0,1-1.2,9.83l-.54,1.33,1.4.31A50.56,50.56,0,0,0,50,96.61l10.79-1.2,1.4-.31-.55-1.33a18.79,18.79,0,0,1-1.19-9.84A77,77,0,0,0,74.81,80.4,76.56,76.56,0,0,0,82.42,68a18.9,18.9,0,0,1,8.92,4.17l1.1.93.73-1.24a49.56,49.56,0,0,0,6.7-20.51l.13-1.43ZM65.43,67.56a58.15,58.15,0,0,1-30.9,0,59.69,59.69,0,0,1-6.61-13.93,59.09,59.09,0,0,1-2.79-15.29,58.8,58.8,0,0,1,11.2-10.66A60,60,0,0,1,50,20.25a60.26,60.26,0,0,1,13.64,7.41A59.14,59.14,0,0,1,74.86,38.4a59.17,59.17,0,0,1-2.81,15.21A59.67,59.67,0,0,1,65.43,67.56Z"
/>
</svg>
)
}
export default LogoEtcd

View File

@ -0,0 +1,93 @@
// Libraries
import React, {SFC} from 'react'
interface Props {
width?: number
height?: number
}
const LogoIis: SFC<Props> = ({height, width}) => {
return (
<svg width={width} height={height} viewBox="0 0 100 100">
<defs>
<linearGradient
id="iis_b"
x1={-514.77}
y1={316.77}
x2={-514.77}
y2={316.81}
gradientTransform="matrix(2493.7 0 0 -2493.7 1283740.92 790028.16)"
gradientUnits="userSpaceOnUse"
>
<stop offset={0} stopColor="#574c4a" />
<stop offset={1} stopColor="#80716d" />
</linearGradient>
<linearGradient
id="iis_c"
x1={-514.92}
y1={316.94}
x2={-514.95}
y2={316.99}
gradientTransform="matrix(1567.75 0 0 -1504.18 807337.55 476821.08)"
gradientUnits="userSpaceOnUse"
>
<stop offset={0} stopColor="#268d83" />
<stop offset={1} stopColor="#2ea19e" />
</linearGradient>
<radialGradient
id="iis_a"
cx={-517.38}
cy={323.85}
r={0.02}
gradientTransform="matrix(181.37 0 0 -181.37 93879.52 58811.53)"
gradientUnits="userSpaceOnUse"
>
<stop offset={0} stopColor="#db7c7c" />
<stop offset={1} stopColor="#c83737" />
</radialGradient>
<radialGradient
id="iis_d"
cx={-519.14}
cy={323.85}
r={0.02}
gradientTransform="matrix(181.36 0 0 -181.36 94206.95 58808.39)"
xlinkHref="#iis_a"
/>
</defs>
<title>{'logo_iis'}</title>
<path
d="M0 67.57V32.43C0 4.05 4.05 0 32.4 0h35.2C96 0 100 4.05 100 32.43v35.14C100 96 96 100 67.6 100H32.4C4.05 100 0 96 0 67.57z"
fill="url(#iis_b)"
/>
<path
d="M21.58 18.85a279.62 279.62 0 0 0-2.34 60.32H34.6c-1.46-7.78-6.7-43.31-2.34-43.43 2.34.37 13 30.15 13 30.15a42.66 42.66 0 0 1 4.72-.3 42.66 42.66 0 0 1 4.72.3s10.68-29.78 13-30.15c4.36.12-.88 35.65-2.34 43.43h15.4a279.62 279.62 0 0 0-2.34-60.32H64.19c-2.7 0-13 18.1-14.19 18.1s-11.48-18.07-14.19-18.1z"
fill="url(#iis_c)"
/>
<path
d="M47 75.53a3.64 3.64 0 1 1-3.64-3.64A3.64 3.64 0 0 1 47 75.53z"
fill="url(#iis_a)"
/>
<path
d="M60.3 75.53a3.64 3.64 0 1 1-3.63-3.64 3.63 3.63 0 0 1 3.63 3.64z"
fill="url(#iis_d)"
/>
<path
d="M77.69 19.88A272.7 272.7 0 0 1 80.39 60c0 11-.67 18.11-.67 18.11H66.79l-1.39 1h15.36a279.62 279.62 0 0 0-2.34-60.32l-.73 1zM37 19.5c4 4.5 11 16.41 12 16.41-2.6-3.28-8.89-13.72-12-16.41zm-5.78 15.2c-4.36.12.88 35.65 2.34 43.43H20.15l-.91 1H34.6c-1.45-7.74-6.65-43-2.41-43.43-.39-.59-.73-1-1-1zm35.48 0c-2.34.37-13 30.14-13 30.14a44.1 44.1 0 0 0-4.7-.29c-1.4 0-2.61.09-3.42.16l-.26 1.18a42.66 42.66 0 0 1 4.72-.3 42.66 42.66 0 0 1 4.72.3s10.6-29.58 13-30.15c-.26-.65-.58-1-1-1z"
style={{
isolation: 'isolate',
}}
opacity={0.1}
/>
<path
d="M21.58 18.85a279.62 279.62 0 0 0-2.34 60.32l.9-1a279.63 279.63 0 0 1 2.48-58.26h14.23a2.21 2.21 0 0 1 1.17.65c-.93-1-1.7-1.69-2.21-1.69zm42.61 0c-2.7 0-13 18.1-14.19 18.1.48.61.88 1 1 1 1.19 0 11.49-18.07 14.19-18.1h12.6l.63-1zM33.24 36.78c3.45 5.19 12 29.11 12 29.11l.25-1.17c-2.12-5.81-10.2-27.61-12.23-27.94zm35.54 0c2.32 5.92-2.07 35.39-3.38 42.39l1.39-1.09c1.78-10.44 6.06-41.19 1.99-41.3z"
style={{
isolation: 'isolate',
}}
fill="#fff"
opacity={0.3}
/>
</svg>
)
}
export default LogoIis

View File

@ -0,0 +1,41 @@
// Libraries
import React, {SFC} from 'react'
interface Props {
width?: number
height?: number
}
const LogoKubernetes: SFC<Props> = ({height, width}) => {
return (
<svg
width={width}
height={height}
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 100 97.03"
>
<style>
{`
.kubernetes_a {
fill: #326ce5;
}
.kubernetes_b {
fill: #fff;
stroke: #fff;
stroke-width: 0.25px;
}`}
</style>
<defs />
<path
className="kubernetes_a"
d="M49.65,0a6.57,6.57,0,0,0-2.54.64L12.34,17.26a6.62,6.62,0,0,0-3.6,4.48L.17,59.05a6.55,6.55,0,0,0,.9,5.06,6.28,6.28,0,0,0,.38.52L25.51,94.55A6.67,6.67,0,0,0,30.71,97H69.3a6.65,6.65,0,0,0,5.19-2.48L98.55,64.62A6.56,6.56,0,0,0,99.83,59L91.24,21.73a6.59,6.59,0,0,0-3.59-4.47L52.88.65A6.66,6.66,0,0,0,49.65,0Z"
/>
<path
className="kubernetes_b"
d="M50,12.71A2.2,2.2,0,0,0,47.92,15v.06c0,.17,0,.38,0,.53a15.23,15.23,0,0,0,.28,2,19,19,0,0,1,.23,3.77,2.31,2.31,0,0,1-.67,1.08l0,.88A25.73,25.73,0,0,0,44,23.9a26.68,26.68,0,0,0-13.6,7.77l-.75-.54A1.63,1.63,0,0,1,28.36,31a19.42,19.42,0,0,1-2.8-2.53A16.86,16.86,0,0,0,24.19,27l-.46-.37a2.5,2.5,0,0,0-1.45-.54,2,2,0,0,0-1.66.73,2.2,2.2,0,0,0,.51,3.07l0,0,.43.35a17.22,17.22,0,0,0,1.73,1,19.64,19.64,0,0,1,3.09,2.17,2.29,2.29,0,0,1,.42,1.2l.67.6A26.91,26.91,0,0,0,23.25,54l-.87.25a2.9,2.9,0,0,1-.9.91,19.74,19.74,0,0,1-3.73.61,17.37,17.37,0,0,0-2,.16l-.56.13h0a2.09,2.09,0,1,0,.93,4.06h.07l.54-.12a16.34,16.34,0,0,0,1.86-.72,19.72,19.72,0,0,1,3.63-1.06,2.22,2.22,0,0,1,1.2.42l.91-.16a27.09,27.09,0,0,0,12,15l-.38.9a2.14,2.14,0,0,1,.18,1.18A20.07,20.07,0,0,1,34.21,79a17.78,17.78,0,0,0-1.12,1.66c-.08.15-.18.39-.26.56A2.09,2.09,0,1,0,36.58,83h0c.08-.16.19-.37.26-.53a18.84,18.84,0,0,0,.6-1.9c.55-1.39.85-2.84,1.61-3.74a1.6,1.6,0,0,1,.89-.44l.48-.85a26.86,26.86,0,0,0,15.63,1.12,27.81,27.81,0,0,0,3.57-1.07c.13.23.38.68.44.8a1.62,1.62,0,0,1,1.07.64,20,20,0,0,1,1.42,3.5,17.5,17.5,0,0,0,.61,1.91c.06.15.18.37.26.53a2.09,2.09,0,1,0,3.76-1.78l-.27-.56a19.21,19.21,0,0,0-1.12-1.66A19.55,19.55,0,0,1,64,75.62a1.69,1.69,0,0,1,.16-1.23c-.07-.09-.24-.6-.34-.84a27.07,27.07,0,0,0,12-15.09l.89.16a1.62,1.62,0,0,1,1.17-.43,19.72,19.72,0,0,1,3.63,1.06,16.34,16.34,0,0,0,1.86.72l.54.12h.07a2.09,2.09,0,1,0,.93-4.06c-.18,0-.43-.11-.61-.14a17.37,17.37,0,0,0-2-.16,19.74,19.74,0,0,1-3.73-.61,2.29,2.29,0,0,1-.9-.91L76.78,54a27.05,27.05,0,0,0-4.34-18.73l.74-.66a1.66,1.66,0,0,1,.39-1.18,19.31,19.31,0,0,1,3.1-2.17,18.41,18.41,0,0,0,1.73-1l.45-.37a2.09,2.09,0,1,0-2.59-3.26L75.8,27a16.86,16.86,0,0,0-1.37,1.46A20.12,20.12,0,0,1,71.62,31a2.3,2.3,0,0,1-1.26.13l-.79.57a27.32,27.32,0,0,0-17.28-8.35c0-.27,0-.78,0-.93a1.68,1.68,0,0,1-.68-1,19.1,19.1,0,0,1,.24-3.77,15.23,15.23,0,0,0,.28-2c0-.17,0-.41,0-.59A2.2,2.2,0,0,0,50,12.71ZM47.39,28.85l-.62,10.91,0,0a1.84,1.84,0,0,1-1.83,1.76,1.81,1.81,0,0,1-1.08-.35h0l-8.95-6.35a21.5,21.5,0,0,1,12.54-6Zm5.22,0a21.55,21.55,0,0,1,12.46,6l-8.89,6.3h0a1.84,1.84,0,0,1-2.92-1.4h0Zm-21,10.08,8.18,7.31v0A1.85,1.85,0,0,1,40,48.81a1.82,1.82,0,0,1-1,.63v0l-10.48,3A21.49,21.49,0,0,1,31.6,38.93Zm36.73,0a21.73,21.73,0,0,1,3.14,13.53l-10.53-3v0a1.83,1.83,0,0,1-1.3-2.18,1.86,1.86,0,0,1,.58-1v0l8.12-7.28Zm-20,7.87h3.35l2.08,2.61L53,52.65,50,54.1l-3-1.45-.74-3.25Zm10.73,8.91a1.53,1.53,0,0,1,.43,0v0l10.84,1.84a21.49,21.49,0,0,1-8.67,10.89L57.45,58.28h0a1.84,1.84,0,0,1,.89-2.38,1.81,1.81,0,0,1,.7-.18Zm-18.19,0a1.85,1.85,0,0,1,1.76,1.43,1.82,1.82,0,0,1-.11,1.13l0,0L38.38,68.4a21.45,21.45,0,0,1-8.64-10.82l10.74-1.82,0,0a2.19,2.19,0,0,1,.36,0Zm9.07,4.41a1.76,1.76,0,0,1,.86.18,1.82,1.82,0,0,1,.82.78h0L57,70.69a21.87,21.87,0,0,1-13.86,0l5.28-9.55h0A1.82,1.82,0,0,1,49.93,60.16Z"
/>
</svg>
)
}
export default LogoKubernetes

View File

@ -0,0 +1,127 @@
// Libraries
import React, {SFC} from 'react'
interface Props {
width?: number
height?: number
}
const LogoMesos: SFC<Props> = ({height, width}) => {
return (
<svg
width={width}
height={height}
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 87.83 100"
>
<style>
{`
.mesos_a {
fill: #00445e;
}
.mesos_b {
fill: #00aede;
}`}
</style>
<defs />
<polyline
className="mesos_a"
points="65.28 60.91 65.28 39.09 46.46 50.02 65.28 60.91"
/>
<polyline
className="mesos_b"
points="64.06 36.96 45.21 26.06 45.21 47.89 64.06 36.96"
/>
<polyline
className="mesos_b"
points="42.76 47.89 42.76 26.06 23.89 36.96 42.76 47.89"
/>
<polyline
className="mesos_b"
points="41.54 23.96 22.69 13 22.69 34.86 41.54 23.96"
/>
<polyline
className="mesos_a"
points="64.06 63.01 45.21 52.12 45.21 73.95 64.06 63.01"
/>
<polyline
className="mesos_a"
points="42.76 73.95 42.76 52.12 23.89 63.01 42.76 73.95"
/>
<polyline
className="mesos_b"
points="86.61 50.02 67.73 39.09 67.73 60.91 86.61 50.02"
/>
<polyline
className="mesos_b"
points="20.23 34.86 20.23 13 1.24 23.96 20.23 34.86"
/>
<polyline
className="mesos_a"
points="41.54 76.05 22.69 65.12 22.69 86.97 41.54 76.05"
/>
<polyline
className="mesos_b"
points="20.23 86.97 20.23 65.12 1.24 76.05 20.23 86.97"
/>
<polyline
className="mesos_a"
points="41.54 50.02 22.69 39.09 22.69 60.91 41.54 50.02"
/>
<polyline
className="mesos_b"
points="65.28 34.86 65.28 13 46.46 23.96 65.28 34.86"
/>
<polyline
className="mesos_a"
points="45.21 0 45.21 21.82 64.06 10.9 45.21 0"
/>
<polyline
className="mesos_a"
points="23.89 10.9 42.76 21.82 42.76 0 23.89 10.9"
/>
<polyline
className="mesos_a"
points="64.06 89.07 45.21 78.18 45.21 100 64.06 89.07"
/>
<polyline
className="mesos_a"
points="42.76 100 42.76 78.18 23.89 89.07 42.76 100"
/>
<polyline
className="mesos_b"
points="87.83 73.95 87.83 52.12 69 63.01 87.83 73.95"
/>
<polyline
className="mesos_b"
points="20.23 60.91 20.23 39.05 1.24 50.02 20.23 60.91"
/>
<polyline
className="mesos_b"
points="19.02 63.01 0 52.12 0 73.95 19.02 63.01"
/>
<polyline
className="mesos_b"
points="87.83 47.89 87.83 26.06 69 36.96 87.83 47.89"
/>
<polyline
className="mesos_b"
points="86.61 23.96 67.73 13 67.73 34.86 86.61 23.96"
/>
<polyline
className="mesos_b"
points="86.61 76.05 67.73 65.12 67.73 86.97 86.61 76.05"
/>
<polyline
className="mesos_a"
points="65.28 86.97 65.28 65.12 46.46 76.05 65.28 86.97"
/>
<polyline
className="mesos_b"
points="19.02 36.96 0 26.06 0 47.89 19.02 36.96"
/>
</svg>
)
}
export default LogoMesos

View File

@ -0,0 +1,76 @@
// Libraries
import React, {SFC} from 'react'
interface Props {
width?: number
height?: number
}
const LogoMongodb: SFC<Props> = ({height, width}) => {
return (
<svg width={width} height={height} viewBox="0 0 44.83 100">
<defs>
<linearGradient
id="mongodb_a"
x1={-960.8}
y1={-1260.14}
x2={-992.42}
y2={-1260.35}
gradientTransform="matrix(-.98 -.32 .29 -.88 -566.27 -1364.86)"
gradientUnits="userSpaceOnUse"
>
<stop offset={0.23} stopColor="#999875" />
<stop offset={0.56} stopColor="#9b9977" />
<stop offset={0.68} stopColor="#a09f7e" />
<stop offset={0.77} stopColor="#a9a889" />
<stop offset={0.84} stopColor="#b7b69a" />
<stop offset={0.9} stopColor="#c9c7b0" />
<stop offset={0.95} stopColor="#deddcb" />
<stop offset={0.99} stopColor="#f8f6eb" />
<stop offset={1} stopColor="#fbf9ef" />
</linearGradient>
<linearGradient
id="mongodb_b"
x1={-955.93}
y1={-1204.8}
x2={-1001.42}
y2={-1283.59}
gradientTransform="matrix(-.98 -.32 .29 -.88 -566.27 -1364.86)"
gradientUnits="userSpaceOnUse"
>
<stop offset={0} stopColor="#48a547" />
<stop offset={1} stopColor="#3f9143" />
</linearGradient>
<linearGradient
id="mongodb_c"
x1={-951.77}
y1={-1261.44}
x2={-984.01}
y2={-1239.78}
gradientTransform="matrix(-.98 -.32 .29 -.88 -566.27 -1364.86)"
gradientUnits="userSpaceOnUse"
>
<stop offset={0} stopColor="#41a247" />
<stop offset={0.35} stopColor="#4ba74b" />
<stop offset={0.96} stopColor="#67b554" />
<stop offset={1} stopColor="#69b655" />
</linearGradient>
</defs>
<title>{'logo_mongodb'}</title>
<path
d="M24.7 100l-2.7-.89s.34-13.57-4.55-14.52c-3.23-3.74.49-159.8 12.22-.54 0 0-4 2-4.77 5.44S24.7 100 24.7 100z"
fill="url(#mongodb_a)"
/>
<path
d="M26.15 86.89S49.46 71.54 44 39.66C38.74 16.5 26.32 8.88 25 6a35 35 0 0 1-3-5.73l1 64.54s-2 19.7 3.15 22.08z"
fill="url(#mongodb_b)"
/>
<path
d="M20.66 87.75S-1.21 72.83.05 46.52s16.7-39.26 19.71-41.6C21.7 2.84 21.78 2 21.93 0c1.37 2.93 1.14 43.73 1.29 48.49.56 18.57-1.03 35.75-2.56 39.26z"
fill="url(#mongodb_c)"
/>
</svg>
)
}
export default LogoMongodb

View File

@ -0,0 +1,43 @@
// Libraries
import React, {SFC} from 'react'
interface Props {
width?: number
height?: number
}
const LogoMysql: SFC<Props> = ({height, width}) => {
return (
<svg
width={width}
height={height}
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 100 98.16"
>
<style>
{` .mysql_a {
fill: #687e91;
}
.mysql_a, .mysql_b {
fill-rule: evenodd;
}
.mysql_b {
fill: #00758f;
}`}
</style>
<defs />
<path
className="mysql_a"
d="M22.74,16.82a11,11,0,0,0-2.79.34v.14h.13a22.93,22.93,0,0,0,2.18,2.79c.55,1.09,1,2.17,1.56,3.26l.14-.14a3.81,3.81,0,0,0,1.43-3.4c-.41-.48-.47-.95-.82-1.43-.4-.68-1.29-1-1.83-1.56"
/>
<path
className="mysql_b"
d="M92.11,75.92c-5.44-.13-9.66.41-13.19,1.91-1,.41-2.65.41-2.79,1.7.54.54.61,1.43,1.09,2.18a16,16,0,0,0,3.53,4.15C82.18,86.94,83.61,88,85.11,89c2.65,1.64,5.64,2.59,8.22,4.22,1.5,1,3,2.18,4.5,3.2.74.54,1.21,1.43,2.17,1.76V98c-.48-.61-.61-1.5-1.09-2.18-.68-.68-1.36-1.29-2-2a32.43,32.43,0,0,0-7.07-6.87c-2.18-1.5-6.94-3.54-7.82-6l-.14-.13a27.9,27.9,0,0,0,4.7-1.1c2.3-.61,4.41-.47,6.79-1.08,1.09-.28,2.18-.62,3.27-1V77c-1.23-1.22-2.11-2.86-3.4-4A91.89,91.89,0,0,0,82,64.63c-2.11-1.36-4.83-2.24-7.08-3.4-.81-.41-2.17-.61-2.65-1.29a27.59,27.59,0,0,1-2.79-5.24c-2-3.73-3.88-7.88-5.57-11.83-1.23-2.65-2-5.3-3.47-7.75-7-11.57-14.63-18.57-26.32-25.44-2.52-1.43-5.51-2-8.71-2.79-1.7-.07-3.4-.2-5.1-.27-1.09-.48-2.18-1.77-3.13-2.38C13.28,1.79,3.29-3.52.43,3.49c-1.84,4.42,2.72,8.77,4.28,11a31.2,31.2,0,0,1,3.47,5.1c.48,1.15.61,2.38,1.09,3.6a82,82,0,0,0,3.54,9.12,31.18,31.18,0,0,0,2.51,4.21c.55.75,1.5,1.09,1.7,2.32-.95,1.36-1,3.4-1.56,5.1-2.45,7.68-1.5,17.21,2,22.85,1.09,1.7,3.67,5.44,7.14,4,3.06-1.22,2.38-5.1,3.27-8.5.2-.82.07-1.36.47-1.9v.14c1,1.9,1.91,3.73,2.79,5.64A38.69,38.69,0,0,0,40,75.31c1.62,1.23,2.92,3.33,5,4.08v-.2h-.14a7.51,7.51,0,0,0-1.56-1.36,33.69,33.69,0,0,1-3.54-4.08,87.87,87.87,0,0,1-7.61-12.38C31,59.26,30,57,29.13,54.84c-.41-.81-.41-2-1.09-2.45-1,1.5-2.51,2.79-3.26,4.62-1.29,2.93-1.43,6.53-1.91,10.28-.27.07-.13,0-.27.13-2.17-.54-2.92-2.79-3.74-4.69-2-4.83-2.38-12.58-.61-18.16.47-1.43,2.52-5.92,1.7-7.28-.41-1.29-1.77-2-2.52-3.06A26.58,26.58,0,0,1,15,29.88c-1.64-3.81-2.46-8-4.22-11.84a36.81,36.81,0,0,0-3.4-5.23C6.07,11,4.65,9.68,3.62,7.5c-.33-.75-.81-2-.27-2.78a1.09,1.09,0,0,1,1-.89c.88-.75,3.4.2,4.28.61a34.22,34.22,0,0,1,6.73,3.4c1,.68,2,2,3.2,2.32H20c2.17.47,4.62.13,6.67.74a43.68,43.68,0,0,1,9.79,4.7A60.31,60.31,0,0,1,57.62,38.86c.82,1.56,1.17,3,1.91,4.62,1.43,3.34,3.2,6.74,4.63,10A44.15,44.15,0,0,0,69,62.59c1,1.43,5.1,2.18,6.94,2.93a48.85,48.85,0,0,1,4.69,1.9c2.31,1.43,4.62,3.06,6.8,4.63,1.08.81,4.49,2.51,4.69,3.87"
/>
</svg>
)
}
export default LogoMysql

View File

@ -0,0 +1,39 @@
// Libraries
import React, {SFC} from 'react'
interface Props {
width?: number
height?: number
}
const LogoNginx: SFC<Props> = ({height, width}) => {
return (
<svg
width={width}
height={height}
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 87.14 100"
>
<style>
{`
.nginx_a {
fill: #009438;
}
.nginx_b {
fill: #fefefe;
}`}
</style>
<defs />
<path
className="nginx_a"
d="M0,50.07V26.21a2.14,2.14,0,0,1,1.2-2C15,16.21,28.68,8.35,42.37.4A2.09,2.09,0,0,1,44.68.3L86,24.17a2.22,2.22,0,0,1,1.11,2V73.84a2.22,2.22,0,0,1-1.11,2L50.51,96.42c-1.85,1.11-3.8,2.22-5.65,3.23a2.37,2.37,0,0,1-2.49,0C32,93.73,21.74,87.72,11.38,81.8c-3.42-1.94-6.85-4-10.27-5.92A2.08,2.08,0,0,1,0,73.94Z"
/>
<path
className="nginx_b"
d="M29.14,41.19V69a5.75,5.75,0,0,1-5.83,5.83,5.51,5.51,0,0,1-4.72-2.68,4.86,4.86,0,0,1-.74-2.78V30.74a5.59,5.59,0,0,1,3.61-5.27,8.63,8.63,0,0,1,6.11,0,9.8,9.8,0,0,1,4.71,3.23c4,4.81,8,9.62,12,14.43,4.16,5,8.42,10,12.58,15.08a5.25,5.25,0,0,0,.37.46V30.55A5.39,5.39,0,0,1,62.16,25a5.61,5.61,0,0,1,6.39,4.81V69.22A5.16,5.16,0,0,1,65.68,74a8.17,8.17,0,0,1-4.44.83,10.08,10.08,0,0,1-6.11-2.59,35.29,35.29,0,0,1-2.4-2.77C48.19,64,43.66,58.67,39.13,53.22L29.32,41.47C29.32,41.38,29.23,41.28,29.14,41.19Z"
/>
</svg>
)
}
export default LogoNginx

View File

@ -0,0 +1,27 @@
import LogoApache from 'src/onboarding/graphics/LogoApache'
import LogoConsul from 'src/onboarding/graphics/LogoConsul'
import LogoCpu from 'src/onboarding/graphics/LogoCpu'
import LogoDocker from 'src/onboarding/graphics/LogoDocker'
import LogoElastic from 'src/onboarding/graphics/LogoElastic'
import LogoEtcd from 'src/onboarding/graphics/LogoEtcd'
import LogoIis from 'src/onboarding/graphics/LogoIis'
import LogoKubernetes from 'src/onboarding/graphics/LogoKubernetes'
import LogoMesos from 'src/onboarding/graphics/LogoMesos'
import LogoMongodb from 'src/onboarding/graphics/LogoMongodb'
import LogoMysql from 'src/onboarding/graphics/LogoMysql'
import LogoNginx from 'src/onboarding/graphics/LogoNginx'
export {
LogoApache,
LogoConsul,
LogoCpu,
LogoDocker,
LogoElastic,
LogoEtcd,
LogoIis,
LogoKubernetes,
LogoMongodb,
LogoMesos,
LogoMysql,
LogoNginx,
}