You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
52 lines
1.9 KiB
52 lines
1.9 KiB
import React from 'react'
|
|
import { Props } from './props.type'
|
|
|
|
export const Slack: React.FC<Props> = (props) => {
|
|
const { width, height } = props
|
|
const svgWidth = width || '72px'
|
|
const svgHeight = height || '72px'
|
|
return (
|
|
<svg
|
|
width={svgWidth}
|
|
height={svgHeight}
|
|
viewBox="70 70 140 140"
|
|
version="1.1"
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
>
|
|
<g>
|
|
<g>
|
|
<path style={{ fill: '#E01E5A' }} d="M99.4,151.2c0,7.1-5.8,12.9-12.9,12.9c-7.1,0-12.9-5.8-12.9-12.9c0-7.1,5.8-12.9,12.9-12.9h12.9V151.2z" />
|
|
<path
|
|
style={{ fill: '#E01E5A' }}
|
|
d="M105.9,151.2c0-7.1,5.8-12.9,12.9-12.9s12.9,5.8,12.9,12.9v32.3c0,7.1-5.8,12.9-12.9,12.9s-12.9-5.8-12.9-12.9V151.2z"
|
|
/>
|
|
</g>
|
|
<g>
|
|
<path style={{ fill: '#36C5F0' }} d="M118.8,99.4c-7.1,0-12.9-5.8-12.9-12.9c0-7.1,5.8-12.9,12.9-12.9s12.9,5.8,12.9,12.9v12.9H118.8z" />
|
|
<path
|
|
style={{ fill: '#36C5F0' }}
|
|
d="M118.8,105.9c7.1,0,12.9,5.8,12.9,12.9s-5.8,12.9-12.9,12.9H86.5c-7.1,0-12.9-5.8-12.9-12.9s5.8-12.9,12.9-12.9H118.8z"
|
|
/>
|
|
</g>
|
|
<g>
|
|
<path style={{ fill: '#2EB67D' }} d="M170.6,118.8c0-7.1,5.8-12.9,12.9-12.9c7.1,0,12.9,5.8,12.9,12.9s-5.8,12.9-12.9,12.9h-12.9V118.8z" />
|
|
<path
|
|
style={{ fill: '#2EB67D' }}
|
|
d="M164.1,118.8c0,7.1-5.8,12.9-12.9,12.9c-7.1,0-12.9-5.8-12.9-12.9V86.5c0-7.1,5.8-12.9,12.9-12.9c7.1,0,12.9,5.8,12.9,12.9V118.8z"
|
|
/>
|
|
</g>
|
|
<g>
|
|
<path style={{ fill: '#ECB22E' }} d="M151.2,170.6c7.1,0,12.9,5.8,12.9,12.9c0,7.1-5.8,12.9-12.9,12.9c-7.1,0-12.9-5.8-12.9-12.9v-12.9H151.2z" />
|
|
<path
|
|
style={{ fill: '#ECB22E' }}
|
|
d="M151.2,164.1c-7.1,0-12.9-5.8-12.9-12.9c0-7.1,5.8-12.9,12.9-12.9h32.3c7.1,0,12.9,5.8,12.9,12.9c0,7.1-5.8,12.9-12.9,12.9H151.2z"
|
|
/>
|
|
</g>
|
|
</g>
|
|
</svg>
|
|
|
|
)
|
|
}
|
|
|
|
export default Slack
|