Changeset View
Changeset View
Standalone View
Standalone View
landing/assets/slack-logo.react.js
// @flow | // @flow | ||||
import * as React from 'react'; | import * as React from 'react'; | ||||
function SlackLogo(): React.Node { | type Props = { | ||||
+size?: number, | |||||
}; | |||||
function SlackLogo(props: Props): React.Node { | |||||
const { size } = props; | |||||
return ( | return ( | ||||
<svg | <svg | ||||
width="50" | width={size ?? 50} | ||||
height="50" | height={size ?? 50} | ||||
viewBox="0 0 50 50" | viewBox="0 0 50 50" | ||||
fill="none" | fill="none" | ||||
xmlns="http://www.w3.org/2000/svg" | xmlns="http://www.w3.org/2000/svg" | ||||
> | > | ||||
<path | <path | ||||
d="M13.2423 30.6759C13.2423 33.0976 11.2851 35.0548 8.86336 35.0548C6.44165 35.0548 4.48438 33.0976 4.48438 30.6759C4.48438 28.2541 6.44165 26.2969 8.86336 26.2969H13.2423V30.6759ZM15.4318 30.6759C15.4318 28.2541 17.3891 26.2969 19.8108 26.2969C22.2325 26.2969 24.1898 28.2541 24.1898 30.6759V41.6233C24.1898 44.045 22.2325 46.0023 19.8108 46.0023C17.3891 46.0023 15.4318 44.045 15.4318 41.6233V30.6759Z" | d="M13.2423 30.6759C13.2423 33.0976 11.2851 35.0548 8.86336 35.0548C6.44165 35.0548 4.48438 33.0976 4.48438 30.6759C4.48438 28.2541 6.44165 26.2969 8.86336 26.2969H13.2423V30.6759ZM15.4318 30.6759C15.4318 28.2541 17.3891 26.2969 19.8108 26.2969C22.2325 26.2969 24.1898 28.2541 24.1898 30.6759V41.6233C24.1898 44.045 22.2325 46.0023 19.8108 46.0023C17.3891 46.0023 15.4318 44.045 15.4318 41.6233V30.6759Z" | ||||
fill="#E01E5A" | fill="#E01E5A" | ||||
/> | /> | ||||
Show All 17 Lines |