1
|
1 |
|
import React from "react"; |
2
|
|
|
|
3
|
|
|
/** Icons dictionary |
4
|
|
|
* |
5
|
|
|
* @author Cataldo Cianciaruso <https://github.com/CianciarusoCataldo> |
6
|
|
|
* |
7
|
|
|
* @copyright 2022 Cataldo Cianciaruso |
8
|
|
|
*/ |
9
|
1 |
|
export const ICONS = { |
10
|
|
|
star: { |
11
|
|
|
FULL: ( |
12
|
|
|
<svg |
13
|
|
|
viewBox="0 0 194.22 184.73" |
14
|
|
|
width="30px" |
15
|
|
|
height="30px" |
16
|
|
|
className="icon" |
17
|
|
|
> |
18
|
|
|
<path |
19
|
|
|
d="M157.096 184.718l-60.01-31.565-60.025 31.542 11.476-66.828-48.546-47.34 67.103-9.737L97.115-.008l29.997 60.811 67.099 9.764-48.564 47.319z" |
20
|
|
|
fill="#fc0" |
21
|
|
|
/> |
22
|
|
|
<path d="M127.315 60.416l-30.72 41.819 97.411-31.899z" fill="#ffe680" /> |
23
|
|
|
<path |
24
|
|
|
d="M97.095 101.346v51.942l-60.63 31.117zM97.095 101.346l59.613 81.476-11.189-65.984z" |
25
|
|
|
fill="#fd5" |
26
|
|
|
/> |
27
|
|
|
<path d="M.385 70.406L97.1 101.348 67.218 60.506z" fill="#ffe680" /> |
28
|
|
|
<path d="M97.095 101.346V.126l29.83 60.357z" fill="#fd5" /> |
29
|
|
|
<path d="M37.085 183.566l11.261-66.541 48.757-15.679z" fill="#ffd42a" /> |
30
|
|
|
</svg> |
31
|
|
|
), |
32
|
|
|
EMPTY: ( |
33
|
|
|
<svg |
34
|
|
|
viewBox="0 0 122.88 117.42" |
35
|
|
|
width="30px" |
36
|
|
|
height="30px" |
37
|
|
|
className="icon" |
38
|
|
|
> |
39
|
|
|
<path |
40
|
|
|
d="M66.71 3.55L81.1 37.26l36.58 3.28v-.01c1.55.13 2.91.89 3.85 2.01a5.663 5.663 0 011.32 4.13v.01a5.673 5.673 0 01-1.69 3.57c-.12.13-.25.25-.39.36L93.25 74.64l8.19 35.83c.35 1.53.05 3.06-.73 4.29a5.652 5.652 0 01-3.54 2.52l-.14.03c-.71.14-1.43.15-2.12.02v.01c-.75-.13-1.47-.42-2.11-.84l-.05-.03-31.3-18.71-31.55 18.86a5.664 5.664 0 01-7.79-1.96c-.38-.64-.62-1.33-.73-2.02-.1-.63-.09-1.27.02-1.89.02-.13.04-.27.08-.4l8.16-35.7c-9.24-8.07-18.74-16.1-27.83-24.3l-.08-.08a5.64 5.64 0 01-1.72-3.7c-.1-1.45.36-2.93 1.4-4.12l.12-.13.08-.08a5.668 5.668 0 013.77-1.72h.06l36.34-3.26 14.44-33.8c.61-1.44 1.76-2.5 3.11-3.05 1.35-.54 2.9-.57 4.34.04.69.29 1.3.71 1.8 1.22.53.53.94 1.15 1.22 1.82l.02.06zm10.19 37.2L61.85 5.51a.42.42 0 00-.09-.14.42.42 0 00-.14-.09.427.427 0 00-.35 0c-.1.04-.19.12-.24.24L45.98 40.75c-.37.86-1.18 1.49-2.18 1.58l-37.9 3.4c-.08.01-.16.02-.24.02-.06 0-.13.02-.18.05-.03.01-.05.03-.07.05l-.1.12c-.05.08-.07.17-.06.26.01.09.04.18.09.25.06.05.13.11.19.17l28.63 25c.77.61 1.17 1.62.94 2.65l-8.51 37.22-.03.14c-.01.06-.02.12-.01.17a.454.454 0 00.33.36c.12.03.24.02.34-.04l32.85-19.64c.8-.5 1.85-.54 2.72-.02L95.43 112c.08.04.16.09.24.14.05.03.1.05.16.06v.01c.04.01.09.01.14 0l.04-.01c.12-.03.22-.1.28-.2.06-.09.08-.21.05-.33L87.8 74.28a2.6 2.6 0 01.83-2.55l28.86-25.2c.04-.03.07-.08.1-.13.02-.04.03-.1.04-.17a.497.497 0 00-.09-.33.48.48 0 00-.3-.15v-.01c-.01 0-.03 0-.03-.01l-37.97-3.41c-1-.01-1.93-.6-2.34-1.57z" |
41
|
|
|
fill="#ffcf00" |
42
|
|
|
/> |
43
|
|
|
</svg> |
44
|
|
|
), |
45
|
|
|
}, |
46
|
|
|
circle: { |
47
|
|
|
FULL: ( |
48
|
|
|
<svg viewBox="0 0 640 480" width="30px" height="30px" className="icon"> |
49
|
|
|
<defs> |
50
|
|
|
<linearGradient id="prefix__a"> |
51
|
|
|
<stop stopColor="#fff" offset={0} /> |
52
|
|
|
<stop stopColor="#fff" stopOpacity={0} offset={1} /> |
53
|
|
|
</linearGradient> |
54
|
|
|
<linearGradient |
55
|
|
|
y2={0.892} |
56
|
|
|
x2={0.5} |
57
|
|
|
y1={0} |
58
|
|
|
x1={0.5} |
59
|
|
|
id="prefix__b" |
60
|
|
|
xlinkHref="#prefix__a" |
61
|
|
|
/> |
62
|
|
|
</defs> |
63
|
|
|
<g fill="#fff"> |
64
|
|
|
<path d="M223.68 193.958h225.4V389h-225.4z" /> |
65
|
|
|
<path d="M178.596 215.074s156.274-108.026 156.35-109.797c.075-1.772 151.033 106.496 151.033 106.496l-307.383 3.301z" /> |
66
|
|
|
</g> |
67
|
|
|
<circle fill="#ff7f00" cx={330} cy={242} r={230} /> |
68
|
|
|
<path |
69
|
|
|
opacity={0.75} |
70
|
|
|
fill="url(#prefix__b)" |
71
|
|
|
fillRule="evenodd" |
72
|
|
|
d="M527.64 189.227a196.774 157.93 0 11-393.549 0 196.774 157.93 0 11393.55 0z" |
73
|
|
|
/> |
74
|
|
|
</svg> |
75
|
|
|
), |
76
|
|
|
EMPTY: ( |
77
|
|
|
<svg viewBox="0 0 400 400" width="30px" height="30px" className="icon"> |
78
|
|
|
<path |
79
|
|
|
d="M349.417 199.627c0 82.844-67.16 150.003-150.004 150.003S49.41 282.471 49.41 199.627 116.57 49.624 199.413 49.624s150.004 67.158 150.004 150.003z" |
80
|
|
|
fill="#999" |
81
|
|
|
/> |
82
|
|
|
<path |
83
|
|
|
transform="matrix(2.7878 0 0 2.7878 -647.405 -765.254)" |
84
|
|
|
d="M356.79 346.11c0 29.291-23.745 53.036-53.036 53.036s-53.036-23.745-53.036-53.036 23.745-53.036 53.036-53.036 53.036 23.745 53.036 53.036z" |
85
|
|
|
fill="url(#prefix__b)" |
86
|
|
|
/> |
87
|
|
|
<path |
88
|
|
|
transform="matrix(2.53784 0 0 2.53784 -571.472 -678.737)" |
89
|
|
|
d="M356.79 346.11c0 29.291-23.745 53.036-53.036 53.036s-53.036-23.745-53.036-53.036 23.745-53.036 53.036-53.036 53.036 23.745 53.036 53.036z" |
90
|
|
|
fill="#ececec" |
91
|
|
|
filter="url(#prefix__c)" |
92
|
|
|
/> |
93
|
|
|
<path |
94
|
|
|
transform="translate(-540.441 -643.38) scale(2.43566)" |
95
|
|
|
d="M356.79 346.11c0 29.291-23.745 53.036-53.036 53.036s-53.036-23.745-53.036-53.036 23.745-53.036 53.036-53.036 53.036 23.745 53.036 53.036z" |
96
|
|
|
fill="#999" |
97
|
|
|
filter="url(#prefix__c)" |
98
|
|
|
/> |
99
|
|
|
<path |
100
|
|
|
transform="matrix(2.34121 0 0 2.34121 -511.747 -610.697)" |
101
|
|
|
d="M356.79 346.11c0 29.291-23.745 53.036-53.036 53.036s-53.036-23.745-53.036-53.036 23.745-53.036 53.036-53.036 53.036 23.745 53.036 53.036z" |
102
|
|
|
fill="url(#prefix__e)" |
103
|
|
|
/> |
104
|
|
|
<path |
105
|
|
|
d="M193.79 862.76c-13.331.3-26.186 7.358-33.336 19.742-7.69 13.32-6.714 29.266 1.155 41.331.853-26.532 21.132-46.515 46.324-45.054 8.258.48 16.054 3.2 22.859 7.59a39.222 39.222 0 00-16.394-18.326 39.368 39.368 0 00-20.608-5.282z" |
106
|
|
|
fill="url(#prefix__e)" |
107
|
|
|
opacity={0.318} |
108
|
|
|
transform="translate(-366.51 -2423.6) scale(2.9052)" |
109
|
|
|
/> |
110
|
|
|
</svg> |
111
|
|
|
), |
112
|
|
|
}, |
113
|
|
|
}; |
114
|
|
|
|