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 / icons / collapsibleIcons.js

collapsibleIcons.js in Smart Post – Post Grid, Post Carousel, Post Slider Gutenberg Blocks for Blog & News 4.0.7, at src/icons/collapsibleIcons.js

248 lines 10.4 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 export const Icon1 = ({ color = "black", size = 24, isTocExpanded }) => {
2 return (
3 <svg
4 xmlns="http://www.w3.org/2000/svg"
5 width={size}
6 height={size}
7 viewBox="0 0 24 24"
8 fill="none"
9 className={`sps-toc-main-toggle-icon ${isTocExpanded ? "expanded" : ""}`}
10 >
11 <path
12 d="M12.63 15.775a1 1 0 0 1-1.337-.068l-6-6a1 1 0 1 1 1.414-1.414L12 13.586l5.293-5.293a1 1 0 1 1 1.414 1.414l-6 6z"
13 fill={color}
14 />
15 </svg>
16 );
17 };
18
19 export const Icon2 = ({ color = "black", size = 24 }) => {
20 return (
21 <svg xmlns="http://www.w3.org/2000/svg" width={size} height={size} viewBox="0 0 24 24" fill="none">
22 <path
23 d="M11.37 8.225a1 1 0 0 1 1.337.068l6 6a1 1 0 1 1-1.414 1.414L12 10.414l-5.293 5.293a1 1 0 1 1-1.414-1.414l6-6z"
24 fill={color}
25 />
26 </svg>
27 );
28 };
29
30 export const Icon3 = ({ color = "black", size = 24, isTocExpanded }) => {
31 return (
32 <svg
33 xmlns="http://www.w3.org/2000/svg"
34 width={size}
35 height={size}
36 viewBox="0 0 24 24"
37 fill="none"
38 className={`sps-toc-main-toggle-icon ${isTocExpanded ? "expanded" : ""}`}
39 >
40 <path
41 d="M17.47 8.47a.75.75 0 1 1 1.06 1.06l-6 6a.75.75 0 0 1-1.06 0l-6-6a.75.75 0 1 1 1.06-1.06L12 13.94z"
42 fill={color}
43 />
44 </svg>
45 );
46 };
47
48 export const Icon4 = ({ color = "black", size = 24 }) => {
49 return (
50 <svg xmlns="http://www.w3.org/2000/svg" width={size} height={size} viewBox="0 0 24 24" fill="none">
51 <path
52 d="M11.451 8.193a.75.75 0 0 1 1.004.052l6 6a.75.75 0 1 1-1.06 1.06l-5.47-5.47-5.47 5.47a.75.75 0 1 1-1.06-1.06l6-6z"
53 fill={color}
54 />
55 </svg>
56 );
57 };
58
59 export const Icon5 = ({ color = "black", size = 24, isTocExpanded }) => {
60 return (
61 <svg
62 xmlns="http://www.w3.org/2000/svg"
63 width={size}
64 height={size}
65 viewBox="0 0 24 24"
66 fill="none"
67 className={`sps-toc-main-toggle-icon ${isTocExpanded ? "expanded" : ""}`}
68 >
69 <path
70 d="M11.325 16.325L4.225 9.225C3.925 8.925 3.925 8.325 4.225 8.025L5.02499 7.225C5.32499 6.925 5.925 6.925 6.225 7.225L11.925 12.825L17.625 7.225C17.925 6.925 18.525 6.925 18.825 7.225L19.625 8.025C19.925 8.325 19.925 8.925 19.625 9.225L12.525 16.325C12.225 16.725 11.625 16.725 11.325 16.325Z"
71 fill={color}
72 />
73 </svg>
74 );
75 };
76
77 export const Icon6 = ({ color = "black", size = 24 }) => {
78 return (
79 <svg xmlns="http://www.w3.org/2000/svg" width={size} height={size} viewBox="0 0 24 24" fill="none">
80 <path
81 d="M12.525 7.225L19.625 14.325C19.925 14.625 19.925 15.225 19.625 15.525L18.825 16.325C18.525 16.625 17.925 16.625 17.625 16.325L11.925 10.725L6.225 16.325C5.925 16.625 5.32499 16.625 5.02499 16.325L4.225 15.525C3.925 15.225 3.925 14.625 4.225 14.325L11.325 7.225C11.625 6.925 12.225 6.925 12.525 7.225Z"
82 fill={color}
83 />
84 </svg>
85 );
86 };
87
88 export const Icon7 = ({ color = "black", size = 24, isTocExpanded }) => {
89 return (
90 <svg
91 xmlns="http://www.w3.org/2000/svg"
92 width={size}
93 height={size}
94 viewBox="0 0 24 24"
95 fill="none"
96 className={`sps-toc-main-toggle-icon ${isTocExpanded ? "expanded" : ""}`}
97 >
98 <path
99 d="M11.75 4C12.1642 4 12.5 4.33579 12.5 4.75V11H18.75C19.1642 11 19.5 11.3358 19.5 11.75C19.5 12.1642 19.1642 12.5 18.75 12.5H12.5V18.75C12.5 19.1642 12.1642 19.5 11.75 19.5C11.3358 19.5 11 19.1642 11 18.75V12.5H4.75C4.33579 12.5 4 12.1642 4 11.75C4 11.3358 4.33579 11 4.75 11H11V4.75C11 4.33579 11.3358 4 11.75 4Z"
100 fill={color}
101 />
102 </svg>
103 );
104 };
105
106 export const Icon8 = ({ color = "black", size = 24 }) => {
107 return (
108 <svg xmlns="http://www.w3.org/2000/svg" width={size} height={size} viewBox="0 0 24 24" fill="none">
109 <path
110 d="M18.75 11C19.1642 11 19.5 11.3358 19.5 11.75C19.5 12.1642 19.1642 12.5 18.75 12.5H4.75C4.33579 12.5 4 12.1642 4 11.75C4 11.3358 4.33579 11 4.75 11H18.75Z"
111 fill={color}
112 />
113 </svg>
114 );
115 };
116
117 export const Icon9 = ({ color = "black", size = 24, isTocExpanded }) => {
118 return (
119 <svg
120 xmlns="http://www.w3.org/2000/svg"
121 width={size}
122 height={size}
123 viewBox="0 0 24 24"
124 fill="none"
125 className={`sps-toc-main-toggle-icon ${isTocExpanded ? "expanded" : ""}`}
126 >
127 <path
128 d="M12 4C12.5523 4 13 4.44772 13 5V10.5H18.5C19.0523 10.5 19.5 10.9477 19.5 11.5V12C19.5 12.5523 19.0523 13 18.5 13H13V18.5C13 19.0523 12.5523 19.5 12 19.5H11.5C10.9477 19.5 10.5 19.0523 10.5 18.5V13H5C4.44772 13 4 12.5523 4 12V11.5C4 10.9477 4.44772 10.5 5 10.5H10.5V5C10.5 4.44772 10.9477 4 11.5 4H12Z"
129 fill={color}
130 />
131 </svg>
132 );
133 };
134
135 export const Icon10 = ({ color = "black", size = 24 }) => {
136 return (
137 <svg xmlns="http://www.w3.org/2000/svg" width={size} height={size} viewBox="0 0 24 24" fill="none">
138 <path
139 d="M18.5625 10.675C19.1148 10.675 19.5625 11.1228 19.5625 11.675V12.175C19.5625 12.7273 19.1148 13.175 18.5625 13.175H5.0625C4.51022 13.175 4.0625 12.7273 4.0625 12.175V11.675C4.0625 11.1228 4.51022 10.675 5.0625 10.675H18.5625Z"
140 fill={color}
141 />
142 </svg>
143 );
144 };
145
146 export const Icon11 = ({ color = "black", size = 24, isTocExpanded }) => {
147 return (
148 <svg
149 xmlns="http://www.w3.org/2000/svg"
150 width={size}
151 height={size}
152 viewBox="0 0 24 24"
153 fill="none"
154 className={`sps-toc-main-toggle-icon ${isTocExpanded ? "expanded" : ""}`}
155 >
156 <path
157 d="M16.925 11.1L17.5249 11.7C17.8249 12 17.8249 12.4 17.5249 12.6L12.325 17.8C12.025 18.1 11.625 18.1 11.425 17.8L6.225 12.6C5.925 12.3 5.925 11.9 6.225 11.7L6.82498 11.1C7.12498 10.8 7.525 10.9 7.725 11.1L10.825 14.3V6.6C10.825 6.2 11.125 6 11.425 6H12.325C12.725 6 12.925 6.3 12.925 6.6V14.3L16.0249 11.1C16.2249 10.9 16.625 10.9 16.925 11.1Z"
158 fill={color}
159 />
160 </svg>
161 );
162 };
163
164 export const Icon12 = ({ color = "black", size = 24 }) => {
165 return (
166 <svg xmlns="http://www.w3.org/2000/svg" width={size} height={size} viewBox="0 0 24 24" fill="none">
167 <path
168 d="M16.925 12.9L17.5249 12.3C17.8249 12 17.8249 11.6 17.5249 11.4L12.325 6.2C12.025 5.9 11.625 5.9 11.425 6.2L6.225 11.4C5.925 11.7 5.925 12.1 6.225 12.3L6.82498 12.9C7.12498 13.2 7.525 13.1 7.725 12.9L10.825 9.7V17.4C10.825 17.8 11.125 18 11.425 18H12.325C12.725 18 12.925 17.7 12.925 17.4V9.7L16.0249 12.9C16.2249 13.1 16.625 13.1 16.925 12.9Z"
169 fill={color}
170 />
171 </svg>
172 );
173 };
174
175 export const Icon13 = ({ color = "black", size = 20, isTocExpanded }) => {
176 return (
177 <svg
178 xmlns="http://www.w3.org/2000/svg"
179 width={size}
180 height={size}
181 viewBox="0 0 20 20"
182 fill="none"
183 className={`sps-toc-main-toggle-icon ${isTocExpanded ? "expanded" : ""}`}
184 >
185 <path
186 d="M18.2002 10C18.2002 5.47126 14.5287 1.7998 10 1.7998C5.47126 1.7998 1.7998 5.47126 1.7998 10C1.7998 14.5287 5.47126 18.2002 10 18.2002V20C4.47715 20 0 15.5228 0 10C0 4.47715 4.47715 0 10 0C15.5228 0 20 4.47715 20 10C20 15.5228 15.5228 20 10 20V18.2002C14.5287 18.2002 18.2002 14.5287 18.2002 10Z"
187 fill={color}
188 />
189 <path
190 d="M14.2994 8.94904H11.051V5.70064C11.051 5.31847 10.7325 5 10.3503 5H9.64968C9.26752 5 8.94904 5.31847 8.94904 5.70064V8.94904H5.70064C5.31847 8.94904 5 9.26752 5 9.64968V10.3503C5 10.7325 5.31847 11.051 5.70064 11.051H8.94904V14.2994C8.94904 14.6815 9.26752 15 9.64968 15H10.3503C10.7325 15 11.051 14.6815 11.051 14.2994V11.051H14.2994C14.6815 11.051 15 10.7325 15 10.3503V9.64968C15 9.26752 14.6815 8.94904 14.2994 8.94904Z"
191 fill={color}
192 />
193 </svg>
194 );
195 };
196
197 export const Icon14 = ({ color = "black", size = 20 }) => {
198 return (
199 <svg xmlns="http://www.w3.org/2000/svg" width={size} height={size} viewBox="0 0 20 20" fill="none">
200 <path
201 d="M18.2002 10C18.2002 5.47126 14.5287 1.7998 10 1.7998C5.47126 1.7998 1.7998 5.47126 1.7998 10C1.7998 14.5287 5.47126 18.2002 10 18.2002V20C4.47715 20 0 15.5228 0 10C0 4.47715 4.47715 0 10 0C15.5228 0 20 4.47715 20 10C20 15.5228 15.5228 20 10 20V18.2002C14.5287 18.2002 18.2002 14.5287 18.2002 10Z"
202 fill={color}
203 />
204 <path
205 d="M14.3082 9H5.69182C5.31446 9 5 9.30303 5 9.66667V10.3333C5 10.697 5.31446 11 5.69182 11H14.3082C14.6855 11 15 10.697 15 10.3333V9.66667C15 9.30303 14.6855 9 14.3082 9Z"
206 fill={color}
207 />
208 </svg>
209 );
210 };
211
212 export const Icon15 = ({ color = "black", size = 20, isTocExpanded }) => {
213 return (
214 <svg
215 xmlns="http://www.w3.org/2000/svg"
216 width={size}
217 height={size}
218 viewBox="0 0 20 20"
219 fill="none"
220 className={`sps-toc-main-toggle-icon ${isTocExpanded ? "expanded" : ""}`}
221 >
222 <path
223 d="M10 20C7.32891 20 4.8177 18.9598 2.92891 17.0711C1.0402 15.1823 0 12.6711 0 10C0 7.32891 1.0402 4.8177 2.92891 2.92891C4.8177 1.0402 7.32891 0 10 0C12.6711 0 15.1823 1.0402 17.0711 2.92891C18.9598 4.81766 20 7.32891 20 10C20 12.6711 18.9598 15.1823 17.0711 17.0711C15.1823 18.9598 12.6711 20 10 20ZM10 1.5625C7.74625 1.5625 5.62742 2.44016 4.03379 4.03379C2.44016 5.62742 1.5625 7.74629 1.5625 10C1.5625 12.2537 2.44016 14.3726 4.03379 15.9662C5.62742 17.5598 7.74629 18.4375 10 18.4375C12.2537 18.4375 14.3726 17.5598 15.9662 15.9662C17.5598 14.3726 18.4375 12.2537 18.4375 10C18.4375 7.74629 17.5598 5.62742 15.9662 4.03379C14.3726 2.44016 12.2537 1.5625 10 1.5625Z"
224 fill={color}
225 />
226 <path
227 d="M14.9308 6.79996C14.7309 6.79996 14.5309 6.87625 14.3784 7.02879L10.001 11.4061L5.62371 7.02879C5.31859 6.72367 4.82394 6.72367 4.51886 7.02879C4.21378 7.33391 4.21375 7.82855 4.51886 8.13363L9.44863 13.0634C9.75375 13.3685 10.2484 13.3685 10.5535 13.0634L15.4832 8.13363C15.7884 7.82852 15.7884 7.33387 15.4832 7.02879C15.3307 6.87625 15.1308 6.79996 14.9308 6.79996Z"
228 fill={color}
229 />
230 </svg>
231 );
232 };
233
234 export const Icon16 = ({ color = "black", size = 20 }) => {
235 return (
236 <svg xmlns="http://www.w3.org/2000/svg" width={size} height={size} viewBox="0 0 20 20" fill="none">
237 <path
238 d="M10 20C7.32891 20 4.8177 18.9598 2.92891 17.0711C1.0402 15.1823 0 12.6711 0 10C0 7.32891 1.0402 4.8177 2.92891 2.92891C4.8177 1.0402 7.32891 0 10 0C12.6711 0 15.1823 1.0402 17.0711 2.92891C18.9598 4.81766 20 7.32891 20 10C20 12.6711 18.9598 15.1823 17.0711 17.0711C15.1823 18.9598 12.6711 20 10 20ZM10 1.5625C7.74625 1.5625 5.62742 2.44016 4.03379 4.03379C2.44016 5.62742 1.5625 7.74629 1.5625 10C1.5625 12.2537 2.44016 14.3726 4.03379 15.9662C5.62742 17.5598 7.74629 18.4375 10 18.4375C12.2537 18.4375 14.3726 17.5598 15.9662 15.9662C17.5598 14.3726 18.4375 12.2537 18.4375 10C18.4375 7.74629 17.5598 5.62742 15.9662 4.03379C14.3726 2.44016 12.2537 1.5625 10 1.5625Z"
239 fill={color}
240 />
241 <path
242 d="M14.9308 13.2923C14.7309 13.2923 14.5309 13.216 14.3784 13.0635L10.001 8.68615L5.62371 13.0635C5.31859 13.3686 4.82394 13.3686 4.51886 13.0635C4.21378 12.7584 4.21375 12.2637 4.51886 11.9587L9.44863 7.02889C9.75375 6.72377 10.2484 6.72377 10.5535 7.02889L15.4832 11.9587C15.7884 12.2638 15.7884 12.7584 15.4832 13.0635C15.3307 13.216 15.1308 13.2923 14.9308 13.2923Z"
243 fill={color}
244 />
245 </svg>
246 );
247 };
248