-
Notifications
You must be signed in to change notification settings - Fork 3
/
VirtoModel.jsx
128 lines (124 loc) · 8.12 KB
/
VirtoModel.jsx
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
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
import * as React from "react";
import PropTypes from "prop-types";
import SvgIcon from "@mui/material/SvgIcon";
// model icon svg
function Icon(props) {
return (
<SvgIcon viewBox="0 0 73 74" {...props}>
<g filter="url(#filter0_ddd_1329_9325)">
<rect
x="3"
y="2.5"
width="67"
height="67"
rx="12"
fill="#C62828"
shapeRendering="crispEdges"
/>
<g clipPath="url(#clip0_1329_9325)">
<path
d="M37 20.5C32.7565 20.5 28.6869 22.1857 25.6863 25.1863C22.6857 28.1869 21 32.2565 21 36.5C21 40.7435 22.6857 44.8131 25.6863 47.8137C28.6869 50.8143 32.7565 52.5 37 52.5C39.1011 52.5 41.1817 52.0861 43.1229 51.2821C45.0641 50.478 46.828 49.2994 48.3137 47.8137C49.7994 46.328 50.978 44.5641 51.7821 42.6229C52.5861 40.6817 53 38.6011 53 36.5C53 34.3988 52.5861 32.3183 51.7821 30.3771C50.978 28.4359 49.7994 26.672 48.3137 25.1863C46.828 23.7006 45.0641 22.522 43.1229 21.7179C41.1817 20.9139 39.1011 20.5 37 20.5ZM37 26.083C42.7459 26.083 47.417 30.7541 47.417 36.5C47.417 42.2459 42.7459 46.917 37 46.917C31.2541 46.917 26.583 42.2459 26.583 36.5C26.583 30.7541 31.2541 26.083 37 26.083ZM37 27.3085C35.6099 27.3085 34.2931 27.6163 33.113 28.1665C33.8992 30.4052 35.2446 33.2319 37 33.2319C38.7582 33.2319 40.0588 30.3962 40.864 28.1558C39.6897 27.6123 38.381 27.3085 37 27.3085ZM43.7235 30.228C41.8366 31.6675 39.5607 33.8222 40.1035 35.4928C40.6468 37.1653 43.7466 37.5257 46.1262 37.5991C46.169 37.2387 46.1915 36.8721 46.1915 36.5C46.1915 34.0733 45.255 31.8694 43.7235 30.228ZM30.2611 30.2445C28.7388 31.8841 27.8085 34.0814 27.8085 36.5C27.8085 36.8779 27.8317 37.2502 27.8758 37.6159C30.2474 37.5597 33.3485 37.1534 33.8907 35.4848C34.4336 33.8139 32.1423 31.7025 30.2611 30.2445ZM35.0399 33.216C34.9165 33.2195 34.797 33.2601 34.6971 33.3327C34.5656 33.4282 34.4775 33.572 34.4521 33.7325C34.4267 33.893 34.4661 34.057 34.5616 34.1885C34.6571 34.32 34.8009 34.4081 34.9614 34.4336C35.1219 34.459 35.2859 34.4197 35.4174 34.3242C35.4825 34.2769 35.5377 34.2173 35.5798 34.1486C35.6218 34.08 35.6499 34.0038 35.6625 33.9243C35.6751 33.8448 35.6719 33.7636 35.6532 33.6854C35.6344 33.6071 35.6004 33.5333 35.5531 33.4682C35.4945 33.3876 35.4171 33.3225 35.3277 33.2786C35.2383 33.2346 35.1395 33.2131 35.0399 33.216ZM38.9601 33.216C38.9456 33.2156 38.9312 33.2157 38.9167 33.2163C38.8245 33.2201 38.7344 33.2448 38.653 33.2885C38.5717 33.3321 38.5012 33.3935 38.4469 33.4682C38.3996 33.5333 38.3656 33.6071 38.3468 33.6853C38.328 33.7636 38.3248 33.8448 38.3374 33.9243C38.35 34.0038 38.3782 34.08 38.4202 34.1486C38.4623 34.2172 38.5174 34.2769 38.5826 34.3242C38.714 34.4197 38.8781 34.4591 39.0386 34.4336C39.1991 34.4082 39.3429 34.32 39.4384 34.1886C39.5339 34.0571 39.5733 33.8931 39.5479 33.7326C39.5225 33.5721 39.4344 33.4283 39.3029 33.3327C39.203 33.2602 39.0835 33.2195 38.9601 33.216ZM37 34.3213C36.4222 34.3213 35.868 34.5508 35.4594 34.9594C35.0508 35.368 34.8213 35.9222 34.8213 36.5C34.8213 37.0778 35.0508 37.632 35.4594 38.0406C35.868 38.4492 36.4222 38.6787 37 38.6787C37.5778 38.6787 38.132 38.4492 38.5406 38.0406C38.9492 37.632 39.1787 37.0778 39.1787 36.5C39.1787 35.9222 38.9492 35.368 38.5406 34.9594C38.132 34.5508 37.5778 34.3213 37 34.3213ZM33.8479 36.911C33.7865 36.9119 33.7256 36.922 33.6673 36.941C33.5908 36.9658 33.5199 37.0055 33.4587 37.0578C33.3975 37.11 33.3471 37.1738 33.3106 37.2456C33.2741 37.3173 33.252 37.3955 33.2457 37.4757C33.2394 37.5559 33.2489 37.6366 33.2738 37.7131C33.324 37.8677 33.4336 37.996 33.5783 38.0697C33.7231 38.1435 33.8913 38.1567 34.0459 38.1065C34.1224 38.0817 34.1933 38.042 34.2545 37.9897C34.3157 37.9375 34.366 37.8737 34.4025 37.802C34.4391 37.7303 34.4611 37.6521 34.4675 37.5719C34.4738 37.4917 34.4642 37.411 34.4394 37.3345C34.3989 37.2099 34.3197 37.1017 34.2133 37.0255C34.1068 36.9493 33.9788 36.9092 33.8479 36.911ZM40.17 36.9116C40.0362 36.9058 39.9041 36.944 39.7941 37.0203C39.684 37.0967 39.602 37.207 39.5606 37.3344C39.5358 37.4109 39.5262 37.4916 39.5325 37.5718C39.5389 37.652 39.5609 37.7302 39.5975 37.8019C39.634 37.8736 39.6843 37.9374 39.7455 37.9897C39.8067 38.0419 39.8776 38.0816 39.9541 38.1065C40.1087 38.1567 40.2768 38.1434 40.4216 38.0697C40.5664 37.9959 40.676 37.8677 40.7262 37.7131C40.7511 37.6366 40.7606 37.5559 40.7543 37.4757C40.748 37.3955 40.7259 37.3173 40.6894 37.2456C40.6529 37.1738 40.6025 37.11 40.5413 37.0578C40.4801 37.0055 40.4092 36.9658 40.3327 36.941C40.28 36.9239 40.2253 36.914 40.17 36.9116ZM33.8964 38.7984C32.4265 38.8055 30.4758 39.9444 28.9654 40.9722C30.261 43.2986 32.5372 45.0004 35.239 45.5228C35.9191 43.2495 36.4931 40.1701 35.0724 39.138C34.742 38.8979 34.3414 38.7962 33.8964 38.7984ZM40.0932 38.7998C39.6452 38.7998 39.2427 38.903 38.9122 39.1431C37.4896 40.1767 38.1045 43.2354 38.7701 45.5211C41.4722 44.9959 43.7476 43.2907 45.0407 40.9613C43.5424 39.9247 41.5728 38.7998 40.0932 38.7997V38.7998ZM37 39.1948C36.8375 39.1948 36.6816 39.2594 36.5667 39.3743C36.4518 39.4892 36.3872 39.6451 36.3872 39.8076C36.3872 39.9701 36.4518 40.1259 36.5667 40.2409C36.6816 40.3558 36.8375 40.4203 37 40.4203C37.1625 40.4203 37.3184 40.3558 37.4333 40.2409C37.5482 40.1259 37.6128 39.9701 37.6128 39.8076C37.6128 39.6451 37.5482 39.4892 37.4333 39.3743C37.3184 39.2594 37.1625 39.1948 37 39.1948Z"
fill="white"
/>
</g>
</g>
<defs>
<filter
id="filter0_ddd_1329_9325"
x="0"
y="0.5"
width="73"
height="73"
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity="0" result="BackgroundImageFix" />
<feColorMatrix
in="SourceAlpha"
type="matrix"
values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
result="hardAlpha"
/>
<feOffset dy="1" />
<feGaussianBlur stdDeviation="1.5" />
<feComposite in2="hardAlpha" operator="out" />
<feColorMatrix
type="matrix"
values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.12 0"
/>
<feBlend
mode="normal"
in2="BackgroundImageFix"
result="effect1_dropShadow_1329_9325"
/>
<feColorMatrix
in="SourceAlpha"
type="matrix"
values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
result="hardAlpha"
/>
<feOffset dy="1" />
<feGaussianBlur stdDeviation="0.5" />
<feComposite in2="hardAlpha" operator="out" />
<feColorMatrix
type="matrix"
values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.14 0"
/>
<feBlend
mode="normal"
in2="effect1_dropShadow_1329_9325"
result="effect2_dropShadow_1329_9325"
/>
<feColorMatrix
in="SourceAlpha"
type="matrix"
values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
result="hardAlpha"
/>
<feMorphology
radius="1"
operator="erode"
in="SourceAlpha"
result="effect3_dropShadow_1329_9325"
/>
<feOffset dy="2" />
<feGaussianBlur stdDeviation="0.5" />
<feComposite in2="hardAlpha" operator="out" />
<feColorMatrix
type="matrix"
values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0"
/>
<feBlend
mode="normal"
in2="effect2_dropShadow_1329_9325"
result="effect3_dropShadow_1329_9325"
/>
<feBlend
mode="normal"
in="SourceGraphic"
in2="effect3_dropShadow_1329_9325"
result="shape"
/>
</filter>
<clipPath id="clip0_1329_9325">
<rect
width="32"
height="32"
fill="white"
transform="translate(21 20.5)"
/>
</clipPath>
</defs>
</SvgIcon>
);
}
// Virto model icon component
export default function VirtoModel({ sx }) {
return <Icon sx={sx} />;
}
VirtoModel.propTypes = {
/**
* styles applied to the svg element
*/
sx: PropTypes.object
};