Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 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 60 61 62 63 64 65 | 1x 1x 1x 1x 1x 5x 5x 5x 5x 5x 5x 5x 5x 5x 5x 5x 5x 5x 5x 5x 5x 5x 5x 5x 5x 5x 5x 5x 5x 5x 5x 5x 5x 5x 5x 5x 5x 1x | /** @internal */
import SvgIcon, { type SvgIconProps } from '@mui/material/SvgIcon';
import { FC } from 'react';
/**
* A React component that renders a benzene molecule icon using SVG.
* This component extends Material-UI's SvgIcon component.
*
* @component
* @param props - The props from Material-UI's SvgIcon component
* @returns A benzene molecule icon component
*
* @example
* ```typescript
* <BenzeneBlueIcon />
* ```
* @source
*/
const BenzeneBlueIcon: FC<SvgIconProps> = (props) => {
return (
<SvgIcon {...props}>
<svg
version="1.1"
id="Layer_1"
xmlns="http://www.w3.org/2000/svg"
xmlnsXlink="http://www.w3.org/1999/xlink"
viewBox="0 0 512 512"
xmlSpace="preserve"
>
<path
style={{ fill: '#444242' }}
d="M256,512L34.298,383.999V128L256,0l221.702,128v255.999L256,512z M67.356,364.914L256,473.828
l188.644-108.914V147.085L256,38.172L67.356,147.085V364.914z"
/>
<rect x="371.26" y="160.95" style={{ fill: '#528ACF' }} width="33.06" height="190.12" />
<g>
<rect
x="173.353"
y="46.415"
transform="matrix(0.5 0.866 -0.866 0.5 217.4529 -93.7094)"
style={{ fill: '#61A2EF' }}
width="33.059"
height="190.106"
/>
<rect
x="94.842"
y="353.986"
transform="matrix(0.866 0.5 -0.5 0.866 210.7043 -45.3073)"
style={{ fill: '#61A2EF' }}
width="190.106"
height="33.059"
/>
</g>
<path
style={{ fill: '#3A3839' }}
d="M256,0l221.702,128v255.999L256,512v-38.172l188.644-108.914V147.085L256,38.172V0z"
/>
</svg>
</SvgIcon>
);
};
export default BenzeneBlueIcon;
|