1 | import { memo } from 'react';
|
---|
2 | // @mui
|
---|
3 | import { useTheme } from '@mui/material/styles';
|
---|
4 | import Box, { BoxProps } from '@mui/material/Box';
|
---|
5 |
|
---|
6 | // ----------------------------------------------------------------------
|
---|
7 |
|
---|
8 | function PlanPremiumIcon({ ...other }: BoxProps) {
|
---|
9 | const theme = useTheme();
|
---|
10 |
|
---|
11 | const PRIMARY_MAIN = theme.palette.primary.main;
|
---|
12 |
|
---|
13 | const PRIMARY_DARK = theme.palette.primary.dark;
|
---|
14 |
|
---|
15 | const PRIMARY_DARKER = theme.palette.primary.darker;
|
---|
16 |
|
---|
17 | return (
|
---|
18 | <Box
|
---|
19 | component="svg"
|
---|
20 | width="100%"
|
---|
21 | height="100%"
|
---|
22 | viewBox="0 0 80 80"
|
---|
23 | xmlns="http://www.w3.org/2000/svg"
|
---|
24 | {...other}
|
---|
25 | >
|
---|
26 | <g transform="translate(0 -9)">
|
---|
27 | <g transform="translate(0 18.271)">
|
---|
28 | <g transform="translate(9.167 19.932)">
|
---|
29 | <path fill={PRIMARY_DARK} d="M53.333 17.441H61.666V24.915999999999997H53.333z" />
|
---|
30 | <path
|
---|
31 | fill={PRIMARY_DARKER}
|
---|
32 | d="M.935 20.42L25.963 8.001a5.059 5.059 0 014.52.012L60.74 23.228a1.68 1.68 0 01.015 2.996L35.417 39.301a5.059 5.059 0 01-4.694-.029L.893 23.41a1.68 1.68 0 01.042-2.99z"
|
---|
33 | />
|
---|
34 | <path
|
---|
35 | fill={PRIMARY_DARK}
|
---|
36 | d="M32.5 34.151v4.18a1.132 1.132 0 01-1.566 1.045l-.1-.047v-7.525A2.49 2.49 0 0132.5 34.15zM.833 15.908l30 15.896v7.525l-30-15.899v-.019l-.115-.066A1.565 1.565 0 010 22.029v-7.91l.833 1.789z"
|
---|
37 | />
|
---|
38 | <path
|
---|
39 | fill={PRIMARY_MAIN}
|
---|
40 | fillRule="nonzero"
|
---|
41 | d="M.935 12.945L25.963.527a5.059 5.059 0 014.52.012L60.74 15.753a1.68 1.68 0 01.015 2.997L35.417 31.827a5.059 5.059 0 01-4.694-.03L.893 15.937a1.68 1.68 0 01.042-2.991z"
|
---|
42 | />
|
---|
43 | </g>
|
---|
44 | </g>
|
---|
45 |
|
---|
46 | <g transform="translate(0 9.136)">
|
---|
47 | <g transform="translate(9.167 19.932)">
|
---|
48 | <path fill={PRIMARY_DARK} d="M53.333 17.441H61.666V24.915999999999997H53.333z" />
|
---|
49 | <path
|
---|
50 | fill={PRIMARY_DARKER}
|
---|
51 | d="M.935 20.42L25.963 8.001a5.059 5.059 0 014.52.012L60.74 23.228a1.68 1.68 0 01.015 2.996L35.417 39.301a5.059 5.059 0 01-4.694-.029L.893 23.41a1.68 1.68 0 01.042-2.99z"
|
---|
52 | />
|
---|
53 | <path
|
---|
54 | fill={PRIMARY_DARK}
|
---|
55 | d="M32.5 34.151v4.18a1.132 1.132 0 01-1.566 1.045l-.1-.047v-7.525A2.49 2.49 0 0132.5 34.15zM.833 15.908l30 15.896v7.525l-30-15.899v-.019l-.115-.066A1.565 1.565 0 010 22.029v-7.91l.833 1.789z"
|
---|
56 | />
|
---|
57 | <path
|
---|
58 | fill={PRIMARY_MAIN}
|
---|
59 | fillRule="nonzero"
|
---|
60 | d="M.935 12.945L25.963.527a5.059 5.059 0 014.52.012L60.74 15.753a1.68 1.68 0 01.015 2.997L35.417 31.827a5.059 5.059 0 01-4.694-.03L.893 15.937a1.68 1.68 0 01.042-2.991z"
|
---|
61 | />
|
---|
62 | </g>
|
---|
63 | </g>
|
---|
64 |
|
---|
65 | <g transform="translate(9.167 19.932)">
|
---|
66 | <path fill={PRIMARY_DARK} d="M53.333 17.441H61.666V24.915999999999997H53.333z" />
|
---|
67 | <path
|
---|
68 | fill={PRIMARY_DARKER}
|
---|
69 | d="M.935 20.42L25.963 8.001a5.059 5.059 0 014.52.012L60.74 23.228a1.68 1.68 0 01.015 2.996L35.417 39.301a5.059 5.059 0 01-4.694-.029L.893 23.41a1.68 1.68 0 01.042-2.99z"
|
---|
70 | />
|
---|
71 | <path
|
---|
72 | fill={PRIMARY_DARK}
|
---|
73 | d="M32.5 34.151v4.18a1.132 1.132 0 01-1.566 1.045l-.1-.047v-7.525A2.49 2.49 0 0132.5 34.15zM.833 15.908l30 15.896v7.525l-30-15.899v-.019l-.115-.066A1.565 1.565 0 010 22.029v-7.91l.833 1.789z"
|
---|
74 | />
|
---|
75 | <path
|
---|
76 | fill={PRIMARY_MAIN}
|
---|
77 | fillRule="nonzero"
|
---|
78 | d="M.935 12.945L25.963.527a5.059 5.059 0 014.52.012L60.74 15.753a1.68 1.68 0 01.015 2.997L35.417 31.827a5.059 5.059 0 01-4.694-.03L.893 15.937a1.68 1.68 0 01.042-2.991z"
|
---|
79 | />
|
---|
80 | </g>
|
---|
81 | </g>
|
---|
82 | </Box>
|
---|
83 | );
|
---|
84 | }
|
---|
85 |
|
---|
86 | export default memo(PlanPremiumIcon);
|
---|