| 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 SentIcon({ ...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 | return (
|
|---|
| 16 | <Box
|
|---|
| 17 | component="svg"
|
|---|
| 18 | width="100%"
|
|---|
| 19 | height="100%"
|
|---|
| 20 | fill="none"
|
|---|
| 21 | viewBox="0 0 96 97"
|
|---|
| 22 | xmlns="http://www.w3.org/2000/svg"
|
|---|
| 23 | {...other}
|
|---|
| 24 | >
|
|---|
| 25 | <path
|
|---|
| 26 | fill={PRIMARY_DARK}
|
|---|
| 27 | d="M80.476 16.01c-2-2-48.544 35.833-52.269 43.652 0 0-.155 29.249 5.21 30.093 2.904 0 8.228-15.41 9.35-18.755.143-.428.339-.805.612-1.163 11.697-15.343 39.074-51.85 37.097-53.827z"
|
|---|
| 28 | />
|
|---|
| 29 |
|
|---|
| 30 | <path
|
|---|
| 31 | fill={PRIMARY_MAIN}
|
|---|
| 32 | d="M11.167 39.109c-2.51 1.716-2.606 4.943-.319 6.946 3.06 2.68 8.372 7.018 17.359 13.62v-.013c3.724-7.82 50.269-45.652 52.269-43.652 1.977 1.977-25.4 38.484-37.097 53.826-.273.36-.47.736-.613 1.163-1.082 3.227-6.071 17.672-9.03 18.699 6.326-1.22 12.623-6.279 18.458-13.265 7.403 4.887 12.643 8.034 15.829 9.86 2.228 1.279 4.962.804 6.134-1.482 6.764-13.202 14.387-52.323 15.821-72.819.231-3.305-2.447-5.951-5.707-5.355-20.295 3.714-59.214 22.977-73.104 32.472zM33.417 89.755z"
|
|---|
| 33 | />
|
|---|
| 34 |
|
|---|
| 35 | <g
|
|---|
| 36 | style={{ mixBlendMode: 'overlay' }}
|
|---|
| 37 | fill="#fff"
|
|---|
| 38 | fillOpacity="0.04"
|
|---|
| 39 | filter="url(#filter0_i_1870_134242)"
|
|---|
| 40 | >
|
|---|
| 41 | <path d="M11.167 39.109c-2.51 1.716-2.606 4.943-.319 6.946 3.06 2.68 8.372 7.018 17.359 13.62v-.013c3.724-7.82 50.269-45.652 52.269-43.652 1.977 1.977-25.4 38.484-37.097 53.826-.273.36-.47.736-.613 1.163-1.082 3.227-6.071 17.672-9.03 18.699 6.326-1.22 12.623-6.279 18.458-13.265 7.403 4.887 12.643 8.034 15.829 9.86 2.228 1.279 4.962.804 6.134-1.482 6.764-13.202 14.387-52.323 15.821-72.819.231-3.305-2.447-5.951-5.707-5.355-20.295 3.714-59.214 22.977-73.104 32.472zM33.417 89.755z" />
|
|---|
| 42 | </g>
|
|---|
| 43 |
|
|---|
| 44 | <defs>
|
|---|
| 45 | <filter
|
|---|
| 46 | id="filter0_i_1870_134242"
|
|---|
| 47 | width="82.787"
|
|---|
| 48 | height="85.202"
|
|---|
| 49 | x="7.205"
|
|---|
| 50 | y="4.553"
|
|---|
| 51 | colorInterpolationFilters="sRGB"
|
|---|
| 52 | filterUnits="userSpaceOnUse"
|
|---|
| 53 | >
|
|---|
| 54 | <feFlood floodOpacity="0" result="BackgroundImageFix" />
|
|---|
| 55 | <feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
|
|---|
| 56 | <feColorMatrix
|
|---|
| 57 | in="SourceAlpha"
|
|---|
| 58 | result="hardAlpha"
|
|---|
| 59 | values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
|
|---|
| 60 | />
|
|---|
| 61 |
|
|---|
| 62 | <feOffset dx="-2" dy="-2" />
|
|---|
| 63 | <feGaussianBlur stdDeviation="2" />
|
|---|
| 64 | <feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic" />
|
|---|
| 65 | <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.4 0" />
|
|---|
| 66 | <feBlend in2="shape" result="effect1_innerShadow_1870_134242" />
|
|---|
| 67 | </filter>
|
|---|
| 68 | </defs>
|
|---|
| 69 | </Box>
|
|---|
| 70 | );
|
|---|
| 71 | }
|
|---|
| 72 |
|
|---|
| 73 | export default memo(SentIcon);
|
|---|
