Changeset View
Changeset View
Standalone View
Standalone View
landing/assets/comm-logo.react.js
// @flow | // @flow | ||||
import * as React from 'react'; | import * as React from 'react'; | ||||
function CommLogo(): React.Node { | type Props = { | ||||
+size?: number, | |||||
}; | |||||
function CommLogo(props: Props): React.Node { | |||||
const { size } = props; | |||||
return ( | return ( | ||||
<svg | <svg | ||||
width="50" | width={size ?? 50} | ||||
height="50" | height={size ?? 50} | ||||
viewBox="0 0 51 50" | viewBox="0 0 51 50" | ||||
fill="none" | fill="none" | ||||
xmlns="http://www.w3.org/2000/svg" | xmlns="http://www.w3.org/2000/svg" | ||||
> | > | ||||
<circle cx="25.9641" cy="25.4667" r="25" fill="#0A0A0A" /> | <circle cx="25.9641" cy="25.4667" r="25" fill="#0A0A0A" /> | ||||
<path | <path | ||||
d="M26.7559 40.543C24.7029 40.543 22.8524 40.2329 21.2042 39.6126C19.556 38.9641 18.1537 38.0196 16.9971 36.7791C15.8405 35.5103 14.9441 33.9456 14.308 32.0847C13.6718 30.1957 13.3538 27.9966 13.3538 25.4873C13.3538 23.0062 13.6718 20.8071 14.308 18.8899C14.9441 16.9444 15.8405 15.3233 16.9971 14.0263C18.1537 12.7012 19.556 11.7003 21.2042 11.0237C22.8524 10.347 24.7029 10.0087 26.7559 10.0087C29.5607 10.0087 31.8739 10.5726 33.6955 11.7003C35.5172 12.7999 36.9774 14.5479 38.0762 16.9444L32.3944 19.8203C31.9895 18.5797 31.3534 17.5929 30.486 16.8599C29.6474 16.0986 28.4041 15.718 26.7559 15.718C24.8186 15.718 23.2572 16.3383 22.0717 17.5788C20.9151 18.7912 20.3368 20.5674 20.3368 22.9075V27.6442C20.3368 29.9843 20.9151 31.7746 22.0717 33.0152C23.2572 34.2275 24.8186 34.8337 26.7559 34.8337C28.3752 34.8337 29.6619 34.4108 30.6161 33.5649C31.5992 32.6909 32.3221 31.6477 32.7847 30.4354L38.1629 33.4804C37.0352 35.7359 35.5461 37.4839 33.6955 38.7245C31.8739 39.9368 29.5607 40.543 26.7559 40.543Z" | d="M26.7559 40.543C24.7029 40.543 22.8524 40.2329 21.2042 39.6126C19.556 38.9641 18.1537 38.0196 16.9971 36.7791C15.8405 35.5103 14.9441 33.9456 14.308 32.0847C13.6718 30.1957 13.3538 27.9966 13.3538 25.4873C13.3538 23.0062 13.6718 20.8071 14.308 18.8899C14.9441 16.9444 15.8405 15.3233 16.9971 14.0263C18.1537 12.7012 19.556 11.7003 21.2042 11.0237C22.8524 10.347 24.7029 10.0087 26.7559 10.0087C29.5607 10.0087 31.8739 10.5726 33.6955 11.7003C35.5172 12.7999 36.9774 14.5479 38.0762 16.9444L32.3944 19.8203C31.9895 18.5797 31.3534 17.5929 30.486 16.8599C29.6474 16.0986 28.4041 15.718 26.7559 15.718C24.8186 15.718 23.2572 16.3383 22.0717 17.5788C20.9151 18.7912 20.3368 20.5674 20.3368 22.9075V27.6442C20.3368 29.9843 20.9151 31.7746 22.0717 33.0152C23.2572 34.2275 24.8186 34.8337 26.7559 34.8337C28.3752 34.8337 29.6619 34.4108 30.6161 33.5649C31.5992 32.6909 32.3221 31.6477 32.7847 30.4354L38.1629 33.4804C37.0352 35.7359 35.5461 37.4839 33.6955 38.7245C31.8739 39.9368 29.5607 40.543 26.7559 40.543Z" | ||||
fill="white" | fill="white" | ||||
/> | /> | ||||
</svg> | </svg> | ||||
); | ); | ||||
} | } | ||||
export default CommLogo; | export default CommLogo; |