PluginProbe
Smart Post – Post Grid, Post Carousel, Post Slider Gutenberg Blocks for Blog & News / 4.0.7
Smart Post – Post Grid, Post Carousel, Post Slider Gutenberg Blocks for Blog & News v4.0.7
4.0.8 4.0.7 4.0.6 4.0.5 4.0.4 4.0.3 4.0.2 4.0.1 2.3.5 2.3.6 2.4.0 2.4.1 2.4.10 2.4.11 2.4.12 2.4.13 2.4.14 2.4.15 2.4.16 2.4.17 2.4.18 2.4.19 2.4.2 2.4.20 2.4.21 All 88 releases
post-carousel / src / blocks / smart-info-box / icons.js

icons.js in Smart Post – Post Grid, Post Carousel, Post Slider Gutenberg Blocks for Blog & News 4.0.7, at src/blocks/smart-info-box/icons.js

226 lines 17.1 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 export const LayoutOne = ({ value }) => {
2 return (
3 <svg width={78} height={72} viewBox="0 0 78 72" fill="none" xmlns="http://www.w3.org/2000/svg">
4 <path
5 d="M6 0.599609H72C73.4312 0.599609 74.4442 0.600892 75.2119 0.704102C75.9623 0.804991 76.388 0.993456 76.6973 1.30273C77.0065 1.61201 77.195 2.03768 77.2959 2.78809C77.3991 3.55575 77.4004 4.56883 77.4004 6V66C77.4004 67.4312 77.3991 68.4442 77.2959 69.2119C77.195 69.9623 77.0065 70.388 76.6973 70.6973C76.388 71.0065 75.9623 71.195 75.2119 71.2959C74.4442 71.3991 73.4312 71.4004 72 71.4004H6C4.56883 71.4004 3.55575 71.3991 2.78809 71.2959C2.03768 71.195 1.61201 71.0065 1.30273 70.6973C0.993456 70.388 0.804991 69.9623 0.704102 69.2119C0.600892 68.4442 0.599609 67.4312 0.599609 66V6C0.599609 4.56883 0.600892 3.55575 0.704102 2.78809C0.804991 2.03768 0.993456 1.61201 1.30273 1.30273C1.61201 0.993456 2.03768 0.804991 2.78809 0.704102C3.55575 0.600892 4.56883 0.599609 6 0.599609Z"
6 fill="white"
7 />
8 <path
9 d="M6 0.599609H72C73.4312 0.599609 74.4442 0.600892 75.2119 0.704102C75.9623 0.804991 76.388 0.993456 76.6973 1.30273C77.0065 1.61201 77.195 2.03768 77.2959 2.78809C77.3991 3.55575 77.4004 4.56883 77.4004 6V66C77.4004 67.4312 77.3991 68.4442 77.2959 69.2119C77.195 69.9623 77.0065 70.388 76.6973 70.6973C76.388 71.0065 75.9623 71.195 75.2119 71.2959C74.4442 71.3991 73.4312 71.4004 72 71.4004H6C4.56883 71.4004 3.55575 71.3991 2.78809 71.2959C2.03768 71.195 1.61201 71.0065 1.30273 70.6973C0.993456 70.388 0.804991 69.9623 0.704102 69.2119C0.600892 68.4442 0.599609 67.4312 0.599609 66V6C0.599609 4.56883 0.600892 3.55575 0.704102 2.78809C0.804991 2.03768 0.993456 1.61201 1.30273 1.30273C1.61201 0.993456 2.03768 0.804991 2.78809 0.704102C3.55575 0.600892 4.56883 0.599609 6 0.599609Z"
10 stroke={value === "layout-one" ? "#1A74E4" : "#58707F"}
11 strokeWidth={1.2}
12 />
13 <rect x={32} y={11} width={14} height={14} rx={3} fill="#58707F" />
14 <g clipPath="url(#clip0_11774_18090)">
15 <path
16 d="M38.9999 14.3999L40.1999 16.7999L42.5999 17.0999L40.9519 18.9479L41.3999 21.5999L38.9999 20.3999L36.5999 21.5999L37.0519 18.9479L35.3999 17.0999L37.7999 16.7999L38.9999 14.3999Z"
17 fill="white"
18 />
19 </g>
20 <rect x={19} y={31} width={40} height={5} rx={2.5} fill="#58707F" />
21 <rect x={15} y={40} width={48} height={3} rx={1.5} fill="#9EA9B2" />
22 <rect x={25} y={46} width={28} height={3} rx={1.5} fill="#9EA9B2" />
23 <rect x={29} y={55} width={20} height={6} rx={1.5} fill="#58707F" />
24 <defs>
25 <clipPath id="clip0_11774_18090">
26 <rect width={8} height={8} fill="white" transform="translate(35 14)" />
27 </clipPath>
28 </defs>
29 </svg>
30 );
31 };
32
33 export const LayoutTwo = ({ value }) => {
34 return (
35 <svg width={78} height={72} viewBox="0 0 78 72" fill="none" xmlns="http://www.w3.org/2000/svg">
36 <path
37 d="M6 0.599609H72C73.4312 0.599609 74.4442 0.600892 75.2119 0.704102C75.9623 0.804991 76.388 0.993456 76.6973 1.30273C77.0065 1.61201 77.195 2.03768 77.2959 2.78809C77.3991 3.55575 77.4004 4.56883 77.4004 6V66C77.4004 67.4312 77.3991 68.4442 77.2959 69.2119C77.195 69.9623 77.0065 70.388 76.6973 70.6973C76.388 71.0065 75.9623 71.195 75.2119 71.2959C74.4442 71.3991 73.4312 71.4004 72 71.4004H6C4.56883 71.4004 3.55575 71.3991 2.78809 71.2959C2.03768 71.195 1.61201 71.0065 1.30273 70.6973C0.993456 70.388 0.804991 69.9623 0.704102 69.2119C0.600892 68.4442 0.599609 67.4312 0.599609 66V6C0.599609 4.56883 0.600892 3.55575 0.704102 2.78809C0.804991 2.03768 0.993456 1.61201 1.30273 1.30273C1.61201 0.993456 2.03768 0.804991 2.78809 0.704102C3.55575 0.600892 4.56883 0.599609 6 0.599609Z"
38 fill="white"
39 />
40 <path
41 d="M6 0.599609H72C73.4312 0.599609 74.4442 0.600892 75.2119 0.704102C75.9623 0.804991 76.388 0.993456 76.6973 1.30273C77.0065 1.61201 77.195 2.03768 77.2959 2.78809C77.3991 3.55575 77.4004 4.56883 77.4004 6V66C77.4004 67.4312 77.3991 68.4442 77.2959 69.2119C77.195 69.9623 77.0065 70.388 76.6973 70.6973C76.388 71.0065 75.9623 71.195 75.2119 71.2959C74.4442 71.3991 73.4312 71.4004 72 71.4004H6C4.56883 71.4004 3.55575 71.3991 2.78809 71.2959C2.03768 71.195 1.61201 71.0065 1.30273 70.6973C0.993456 70.388 0.804991 69.9623 0.704102 69.2119C0.600892 68.4442 0.599609 67.4312 0.599609 66V6C0.599609 4.56883 0.600892 3.55575 0.704102 2.78809C0.804991 2.03768 0.993456 1.61201 1.30273 1.30273C1.61201 0.993456 2.03768 0.804991 2.78809 0.704102C3.55575 0.600892 4.56883 0.599609 6 0.599609Z"
42 stroke={value === "layout-two" ? "#1A74E4" : "#58707F"}
43 strokeWidth={1.2}
44 />
45 <rect x={10} y={12.5} width={14} height={14} rx={3} fill="#58707F" />
46 <g clipPath="url(#clip0_11720_249014)">
47 <path
48 d="M16.9999 15.9L18.1999 18.3L20.5999 18.6L18.9519 20.448L19.3999 23.1L16.9999 21.9L14.5999 23.1L15.0519 20.448L13.3999 18.6L15.7999 18.3L16.9999 15.9Z"
49 fill="white"
50 />
51 </g>
52 <rect x={28} y={14.5} width={40} height={5} rx={2.5} fill="#58707F" />
53 <rect x={28} y={21.5} width={20} height={3} rx={1.5} fill="#58707F" />
54 <rect x={10} y={32.5} width={58} height={3} rx={1.5} fill="#9EA9B2" />
55 <rect x={10} y={38.5} width={58} height={3} rx={1.5} fill="#9EA9B2" />
56 <rect x={10} y={44.5} width={28} height={3} rx={1.5} fill="#9EA9B2" />
57 <rect x={10} y={53.5} width={20} height={6} rx={1.5} fill="#58707F" />
58 <defs>
59 <clipPath id="clip0_11720_249014">
60 <rect width={8} height={8} fill="white" transform="translate(13 15.5)" />
61 </clipPath>
62 </defs>
63 </svg>
64 );
65 };
66
67 export const LayoutThree = ({ value }) => {
68 return (
69 <svg width={78} height={72} viewBox="0 0 78 72" fill="none" xmlns="http://www.w3.org/2000/svg">
70 <path
71 d="M6 0.599609H72C73.4312 0.599609 74.4442 0.600892 75.2119 0.704102C75.9623 0.804991 76.388 0.993456 76.6973 1.30273C77.0065 1.61201 77.195 2.03768 77.2959 2.78809C77.3991 3.55575 77.4004 4.56883 77.4004 6V66C77.4004 67.4312 77.3991 68.4442 77.2959 69.2119C77.195 69.9623 77.0065 70.388 76.6973 70.6973C76.388 71.0065 75.9623 71.195 75.2119 71.2959C74.4442 71.3991 73.4312 71.4004 72 71.4004H6C4.56883 71.4004 3.55575 71.3991 2.78809 71.2959C2.03768 71.195 1.61201 71.0065 1.30273 70.6973C0.993456 70.388 0.804991 69.9623 0.704102 69.2119C0.600892 68.4442 0.599609 67.4312 0.599609 66V6C0.599609 4.56883 0.600892 3.55575 0.704102 2.78809C0.804991 2.03768 0.993456 1.61201 1.30273 1.30273C1.61201 0.993456 2.03768 0.804991 2.78809 0.704102C3.55575 0.600892 4.56883 0.599609 6 0.599609Z"
72 fill="white"
73 />
74 <path
75 d="M6 0.599609H72C73.4312 0.599609 74.4442 0.600892 75.2119 0.704102C75.9623 0.804991 76.388 0.993456 76.6973 1.30273C77.0065 1.61201 77.195 2.03768 77.2959 2.78809C77.3991 3.55575 77.4004 4.56883 77.4004 6V66C77.4004 67.4312 77.3991 68.4442 77.2959 69.2119C77.195 69.9623 77.0065 70.388 76.6973 70.6973C76.388 71.0065 75.9623 71.195 75.2119 71.2959C74.4442 71.3991 73.4312 71.4004 72 71.4004H6C4.56883 71.4004 3.55575 71.3991 2.78809 71.2959C2.03768 71.195 1.61201 71.0065 1.30273 70.6973C0.993456 70.388 0.804991 69.9623 0.704102 69.2119C0.600892 68.4442 0.599609 67.4312 0.599609 66V6C0.599609 4.56883 0.600892 3.55575 0.704102 2.78809C0.804991 2.03768 0.993456 1.61201 1.30273 1.30273C1.61201 0.993456 2.03768 0.804991 2.78809 0.704102C3.55575 0.600892 4.56883 0.599609 6 0.599609Z"
76 stroke={value === "layout-three" ? "#1A74E4" : "#58707F"}
77 strokeWidth={1.2}
78 />
79 <rect x={7} y={18} width={14} height={14} rx={3} fill="#58707F" />
80 <g clipPath="url(#clip0_11720_249015)">
81 <path
82 d="M13.9999 21.4L15.1999 23.8L17.5999 24.1L15.9519 25.948L16.3999 28.6L13.9999 27.4L11.5999 28.6L12.0519 25.948L10.3999 24.1L12.7999 23.8L13.9999 21.4Z"
83 fill="white"
84 />
85 </g>
86 <rect x={27} y={18} width={40} height={5} rx={2.5} fill="#58707F" />
87 <rect x={27} y={25} width={20} height={3} rx={1.5} fill="#58707F" />
88 <rect x={27} y={34} width={44} height={3} rx={1.5} fill="#9EA9B2" />
89 <rect x={27} y={40} width={28} height={3} rx={1.5} fill="#9EA9B2" />
90 <rect x={27} y={49} width={20} height={6} rx={1.5} fill="#58707F" />
91 <defs>
92 <clipPath id="clip0_11720_249015">
93 <rect width={8} height={8} fill="white" transform="translate(10 21)" />
94 </clipPath>
95 </defs>
96 </svg>
97 );
98 };
99 export const LayoutFour = ({ value }) => {
100 return (
101 <svg width={78} height={72} viewBox="0 0 78 72" fill="none" xmlns="http://www.w3.org/2000/svg">
102 <path
103 d="M6 0.599609H72C73.4312 0.599609 74.4442 0.600892 75.2119 0.704102C75.9623 0.804991 76.388 0.993456 76.6973 1.30273C77.0065 1.61201 77.195 2.03768 77.2959 2.78809C77.3991 3.55575 77.4004 4.56883 77.4004 6V66C77.4004 67.4312 77.3991 68.4442 77.2959 69.2119C77.195 69.9623 77.0065 70.388 76.6973 70.6973C76.388 71.0065 75.9623 71.195 75.2119 71.2959C74.4442 71.3991 73.4312 71.4004 72 71.4004H6C4.56883 71.4004 3.55575 71.3991 2.78809 71.2959C2.03768 71.195 1.61201 71.0065 1.30273 70.6973C0.993456 70.388 0.804991 69.9623 0.704102 69.2119C0.600892 68.4442 0.599609 67.4312 0.599609 66V6C0.599609 4.56883 0.600892 3.55575 0.704102 2.78809C0.804991 2.03768 0.993456 1.61201 1.30273 1.30273C1.61201 0.993456 2.03768 0.804991 2.78809 0.704102C3.55575 0.600892 4.56883 0.599609 6 0.599609Z"
104 fill="white"
105 />
106 <path
107 d="M6 0.599609H72C73.4312 0.599609 74.4442 0.600892 75.2119 0.704102C75.9623 0.804991 76.388 0.993456 76.6973 1.30273C77.0065 1.61201 77.195 2.03768 77.2959 2.78809C77.3991 3.55575 77.4004 4.56883 77.4004 6V66C77.4004 67.4312 77.3991 68.4442 77.2959 69.2119C77.195 69.9623 77.0065 70.388 76.6973 70.6973C76.388 71.0065 75.9623 71.195 75.2119 71.2959C74.4442 71.3991 73.4312 71.4004 72 71.4004H6C4.56883 71.4004 3.55575 71.3991 2.78809 71.2959C2.03768 71.195 1.61201 71.0065 1.30273 70.6973C0.993456 70.388 0.804991 69.9623 0.704102 69.2119C0.600892 68.4442 0.599609 67.4312 0.599609 66V6C0.599609 4.56883 0.600892 3.55575 0.704102 2.78809C0.804991 2.03768 0.993456 1.61201 1.30273 1.30273C1.61201 0.993456 2.03768 0.804991 2.78809 0.704102C3.55575 0.600892 4.56883 0.599609 6 0.599609Z"
108 stroke={value === "layout-four" ? "#1A74E4" : "#58707F"}
109 strokeWidth={1.2}
110 />
111 <rect x={7} y={13.5} width={14} height={14} rx={3} fill="#58707F" />
112 <g clipPath="url(#clip0_11720_249016)">
113 <path
114 d="M13.9999 16.9L15.1999 19.3L17.5999 19.6L15.9519 21.448L16.3999 24.1L13.9999 22.9L11.5999 24.1L12.0519 21.448L10.3999 19.6L12.7999 19.3L13.9999 16.9Z"
115 fill="white"
116 />
117 </g>
118 <rect x={51} y={17.5} width={20} height={6} rx={1.5} fill="#58707F" />
119 <rect x={7} y={33.5} width={40} height={5} rx={2.5} fill="#58707F" />
120 <rect x={7} y={40.5} width={20} height={3} rx={1.5} fill="#58707F" />
121 <rect x={7} y={49.5} width={64} height={3} rx={1.5} fill="#9EA9B2" />
122 <rect x={7} y={55.5} width={28} height={3} rx={1.5} fill="#9EA9B2" />
123 <defs>
124 <clipPath id="clip0_11720_249016">
125 <rect width={8} height={8} fill="white" transform="translate(10 16.5)" />
126 </clipPath>
127 </defs>
128 </svg>
129 );
130 };
131 export const LayoutFive = ({ value }) => {
132 return (
133 <svg width={78} height={72} viewBox="0 0 78 72" fill="none" xmlns="http://www.w3.org/2000/svg">
134 <path
135 d="M6 0.599609H72C73.4312 0.599609 74.4442 0.600892 75.2119 0.704102C75.9623 0.804991 76.388 0.993456 76.6973 1.30273C77.0065 1.61201 77.195 2.03768 77.2959 2.78809C77.3991 3.55575 77.4004 4.56883 77.4004 6V66C77.4004 67.4312 77.3991 68.4442 77.2959 69.2119C77.195 69.9623 77.0065 70.388 76.6973 70.6973C76.388 71.0065 75.9623 71.195 75.2119 71.2959C74.4442 71.3991 73.4312 71.4004 72 71.4004H6C4.56883 71.4004 3.55575 71.3991 2.78809 71.2959C2.03768 71.195 1.61201 71.0065 1.30273 70.6973C0.993456 70.388 0.804991 69.9623 0.704102 69.2119C0.600892 68.4442 0.599609 67.4312 0.599609 66V6C0.599609 4.56883 0.600892 3.55575 0.704102 2.78809C0.804991 2.03768 0.993456 1.61201 1.30273 1.30273C1.61201 0.993456 2.03768 0.804991 2.78809 0.704102C3.55575 0.600892 4.56883 0.599609 6 0.599609Z"
136 fill="white"
137 />
138 <path
139 d="M6 0.599609H72C73.4312 0.599609 74.4442 0.600892 75.2119 0.704102C75.9623 0.804991 76.388 0.993456 76.6973 1.30273C77.0065 1.61201 77.195 2.03768 77.2959 2.78809C77.3991 3.55575 77.4004 4.56883 77.4004 6V66C77.4004 67.4312 77.3991 68.4442 77.2959 69.2119C77.195 69.9623 77.0065 70.388 76.6973 70.6973C76.388 71.0065 75.9623 71.195 75.2119 71.2959C74.4442 71.3991 73.4312 71.4004 72 71.4004H6C4.56883 71.4004 3.55575 71.3991 2.78809 71.2959C2.03768 71.195 1.61201 71.0065 1.30273 70.6973C0.993456 70.388 0.804991 69.9623 0.704102 69.2119C0.600892 68.4442 0.599609 67.4312 0.599609 66V6C0.599609 4.56883 0.600892 3.55575 0.704102 2.78809C0.804991 2.03768 0.993456 1.61201 1.30273 1.30273C1.61201 0.993456 2.03768 0.804991 2.78809 0.704102C3.55575 0.600892 4.56883 0.599609 6 0.599609Z"
140 stroke={value === "layout-five" ? "#1A74E4" : "#58707F"}
141 strokeWidth={1.2}
142 />
143 <rect x={10.5} y={13.5} width={57} height={51} rx={1.5} stroke="#9EA9B2" />
144 <rect x={19} y={27} width={40} height={5} rx={2.5} fill="#58707F" />
145 <rect x={16} y={36} width={46} height={3} rx={1.5} fill="#9EA9B2" />
146 <rect x={25} y={42} width={28} height={3} rx={1.5} fill="#9EA9B2" />
147 <rect x={29} y={52} width={20} height={6} rx={1.5} fill="#58707F" />
148 <rect x={30.5} y={4.5} width={17} height={17} rx={8.5} fill="#58707F" />
149 <g clipPath="url(#clip0_11720_249017)">
150 <path
151 d="M39.0003 8.6286L40.4575 11.5429L43.3718 11.9072L41.3706 14.1512L41.9146 17.3715L39.0003 15.9143L36.086 17.3715L36.6349 14.1512L34.6289 11.9072L37.5432 11.5429L39.0003 8.6286Z"
152 fill="white"
153 />
154 </g>
155 <defs>
156 <clipPath id="clip0_11720_249017">
157 <rect width={9.71429} height={9.71429} fill="white" transform="translate(34.1426 8.14288)" />
158 </clipPath>
159 </defs>
160 </svg>
161 );
162 };
163
164 export const InfoBoxIcon = () => {
165 return (
166 <svg
167 width={24}
168 height={24}
169 viewBox="0 0 24 24"
170 fill="none"
171 xmlns="http://www.w3.org/2000/svg"
172 className="sp-smart-post-info-box-svg-icon"
173 >
174 <rect x={1} y={1} width={22} height={22} rx={1} stroke="var(--sp-smart-primary-2-600)" strokeWidth={1.3} />
175 <path
176 d="M11.6462 4.17053C11.7963 3.88608 12.2037 3.88608 12.3538 4.17054L13.2836 5.93295C13.3415 6.04264 13.447 6.11929 13.5692 6.14043L15.5327 6.48017C15.8496 6.535 15.9755 6.92246 15.7514 7.15309L14.3626 8.58206C14.2761 8.671 14.2358 8.79501 14.2535 8.91778L14.5371 10.8902C14.5829 11.2085 14.2533 11.448 13.9647 11.306L12.1765 10.4268C12.0652 10.3721 11.9348 10.3721 11.8235 10.4268L10.0353 11.306C9.74669 11.448 9.4171 11.2085 9.46288 10.8902L9.74653 8.91778C9.76419 8.79501 9.72389 8.671 9.63745 8.58206L8.24864 7.15309C8.02448 6.92246 8.15037 6.535 8.46729 6.48017L10.4308 6.14043C10.553 6.11929 10.6585 6.04264 10.7164 5.93295L11.6462 4.17053Z"
177 stroke="var(--sp-smart-primary-2-600)"
178 strokeWidth={1.3}
179 />
180 <path d="M5 14.5H19" stroke="var(--sp-smart-primary-2-600)" strokeWidth={1.3} strokeLinecap="round" />
181 <path d="M7 17H17" stroke="var(--sp-smart-primary-2-600)" strokeWidth={1.3} strokeLinecap="round" />
182 <path d="M5 19.5H19" stroke="var(--sp-smart-primary-2-600)" strokeWidth={1.3} strokeLinecap="round" />
183 </svg>
184 );
185 };
186
187 export const InfoBoxBlockIcon = () => {
188 return (
189 <svg
190 width={40}
191 height={40}
192 viewBox="0 0 24 24"
193 fill="none"
194 xmlns="http://www.w3.org/2000/svg"
195 className="sp-smart-post-info-box-svg-icon"
196 >
197 <rect x={1} y={1} width={22} height={22} rx={1} stroke="var(--sp-smart-primary-2-600)" strokeWidth={1.3} />
198 <path
199 d="M11.6462 4.17053C11.7963 3.88608 12.2037 3.88608 12.3538 4.17054L13.2836 5.93295C13.3415 6.04264 13.447 6.11929 13.5692 6.14043L15.5327 6.48017C15.8496 6.535 15.9755 6.92246 15.7514 7.15309L14.3626 8.58206C14.2761 8.671 14.2358 8.79501 14.2535 8.91778L14.5371 10.8902C14.5829 11.2085 14.2533 11.448 13.9647 11.306L12.1765 10.4268C12.0652 10.3721 11.9348 10.3721 11.8235 10.4268L10.0353 11.306C9.74669 11.448 9.4171 11.2085 9.46288 10.8902L9.74653 8.91778C9.76419 8.79501 9.72389 8.671 9.63745 8.58206L8.24864 7.15309C8.02448 6.92246 8.15037 6.535 8.46729 6.48017L10.4308 6.14043C10.553 6.11929 10.6585 6.04264 10.7164 5.93295L11.6462 4.17053Z"
200 stroke="var(--sp-smart-primary-2-600)"
201 strokeWidth={1.3}
202 />
203 <path d="M5 14.5H19" stroke="var(--sp-smart-primary-2-600)" strokeWidth={1.3} strokeLinecap="round" />
204 <path d="M7 17H17" stroke="var(--sp-smart-primary-2-600)" strokeWidth={1.3} strokeLinecap="round" />
205 <path d="M5 19.5H19" stroke="var(--sp-smart-primary-2-600)" strokeWidth={1.3} strokeLinecap="round" />
206 </svg>
207 );
208 };
209
210 export const InfoBoxPreview = () => (
211 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 236 158">
212 <rect width={234.5} height={156.5} x={0.75} y={0.75} stroke="#9EA9B2" strokeWidth={1.5} rx={3.25} />
213 <rect width={120} height={106.005} x={58.303} y={25.522} stroke="#718491" rx={3.5} />
214 <rect width={22} height={22} x={107.303} y={38.022} fill="#F0F0F0" rx={2} />
215 <path
216 fill="#718491"
217 d="m118.303 43.022 1.453 4 4.253.146-3.355 2.618 1.176 4.09-3.527-2.382-3.527 2.382 1.176-4.09-3.355-2.618 4.253-.146zm-23.5 27.5a2.5 2.5 0 0 1 2.5-2.5h42a2.5 2.5 0 1 1 0 5h-42a2.5 2.5 0 0 1-2.5-2.5m-19 12a1.5 1.5 0 0 1 1.5-1.5h82a1.5 1.5 0 0 1 0 3h-82a1.5 1.5 0 0 1-1.5-1.5m5 8a1.5 1.5 0 0 1 1.5-1.5h72a1.5 1.5 0 0 1 0 3h-72a1.5 1.5 0 0 1-1.5-1.5m16.09 8.002c0-.83.672-1.502 1.502-1.502h39.816a1.503 1.503 0 0 1 0 3.005H98.395c-.83 0-1.502-.673-1.502-1.503"
218 />
219 <rect width={25.5} height={10.5} x={105.553} y={108.277} stroke="#718491" strokeWidth={0.5} rx={1.75} />
220 <path
221 fill="#718491"
222 d="M109.303 113.527a1.5 1.5 0 0 1 1.5-1.5h15a1.5 1.5 0 1 1 0 3h-15a1.5 1.5 0 0 1-1.5-1.5"
223 />
224 </svg>
225 );
226