PluginProbe
BetterDocs – AI Documentation, Knowledge Base, MCP Server, Docs, Wikis, FAQ & Chatbot / 4.9.5
BetterDocs – AI Documentation, Knowledge Base, MCP Server, Docs, Wikis, FAQ & Chatbot v4.9.5
4.9.5 4.9.4 4.9.3 4.9.2 4.9.1 4.9.0 4.8.2 4.8.1 4.8.0 4.7.0 4.6.2 4.6.1 4.6.0 4.5.6 4.5.5 4.5.4 4.5.3 4.5.2 4.5.1 4.5.0 4.4.1 4.4.0 3.3.4 3.4.0 3.4.1 All 203 releases
betterdocs / react-src / gutenberg / blocks / reactions / icons / reactionIcon.js

reactionIcon.js in BetterDocs – AI Documentation, Knowledge Base, MCP Server, Docs, Wikis, FAQ & Chatbot 4.9.5, at react-src/gutenberg/blocks/reactions/icons/reactionIcon.js

373 lines 21.6 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 export const ReactionIcon = () => {
2 return (
3 <svg
4 xmlns="http://www.w3.org/2000/svg"
5 viewBox="0 0 20 20"
6 style={{ enableBackground: "new 0 0 20 20" }}
7 xmlSpace="preserve"
8 >
9 <path
10 className="st0"
11 d="M10 .1C4.6.1.1 4.5.1 9.9s4.4 9.9 9.8 9.9 9.9-4.4 9.9-9.8C19.9 4.5 15.4.1 10 .1zm3.3 6.3c.8 0 1.5.7 1.5 1.5s-.7 1.5-1.5 1.5-1.5-.7-1.5-1.5.7-1.5 1.5-1.5zm-6.6 0c.8 0 1.5.7 1.5 1.5s-.7 1.5-1.5 1.5-1.5-.7-1.5-1.5.7-1.5 1.5-1.5zm3.3 9.7c-2.6 0-4.9-1.6-5.8-4l1.2-.4c.7 1.9 2.5 3.2 4.6 3.2s3.9-1.3 4.6-3.2l1.2.4c-.9 2.4-3.2 4-5.8 4z"
12 />
13 <path
14 className="st1"
15 d="M-6.6-119.7c-7.1 0-12.9 5.8-12.9 12.9s5.8 12.9 12.9 12.9 12.9-5.8 12.9-12.9-5.7-12.9-12.9-12.9zm4.3 8.3c1.1 0 2 .9 2 2s-.9 2-2 2-2-.9-2-2 .9-2 2-2zm-8.6 0c1.1 0 2 .9 2 2s-.9 2-2 2-2-.9-2-2 .9-2 2-2zm4.3 12.7c-3.4 0-6.4-2.1-7.6-5.3l1.6-.6c.9 2.5 3.3 4.2 6 4.2s5.1-1.7 6-4.2l1.6.6c-1.1 3.2-4.2 5.3-7.6 5.3z"
16 />
17 </svg>
18 );
19 };
20
21 export const ReactionIcon2 = () => {
22 return (
23 <svg
24 xmlns="http://www.w3.org/2000/svg"
25 viewBox="0 0 20 20"
26 style={{ enableBackground: "new 0 0 20 20" }}
27 xmlSpace="preserve"
28 >
29 <path
30 className="st0"
31 d="M10 .2C4.6.2.2 4.6.2 10s4.4 9.8 9.8 9.8 9.8-4.4 9.8-9.8S15.4.2 10 .2zM6.7 6.5c.8 0 1.5.7 1.5 1.5s-.7 1.5-1.5 1.5S5.2 8.9 5.2 8c0-.8.7-1.5 1.5-1.5zm7.5 7.8H5.9c-.3 0-.6-.3-.6-.6s.3-.6.6-.6h8.3c.3 0 .6.3.6.6s-.3.6-.6.6zm-.9-4.8c-.8 0-1.5-.7-1.5-1.5s.7-1.5 1.5-1.5 1.5.7 1.5 1.5c0 .9-.7 1.5-1.5 1.5z"
32 />
33 </svg>
34 );
35 };
36
37 export const ReactionIcon3 = () => {
38 return (
39 <svg
40 xmlns="http://www.w3.org/2000/svg"
41 viewBox="0 0 20 20"
42 style={{ enableBackground: "new 0 0 20 20" }}
43 xmlSpace="preserve"
44 >
45 <circle className="st0" cx={27.5} cy={0.6} r={1.9} />
46 <circle className="st0" cx={36} cy={0.6} r={1.9} />
47 <path
48 className="st1"
49 d="M10 .3C4.6.3.2 4.7.2 10.1s4.4 9.8 9.8 9.8 9.8-4.4 9.8-9.8S15.4.3 10 .3zm3.3 6.3c.8 0 1.5.7 1.5 1.5s-.7 1.5-1.5 1.5-1.5-.7-1.5-1.5.6-1.5 1.5-1.5zm-6.6 0c.8 0 1.5.7 1.5 1.5s-.7 1.5-1.5 1.5S5.2 9 5.2 8.1c0-.8.7-1.5 1.5-1.5zm7.4 8.4c-.2 0-.4-.1-.5-.2-.9-1-2.2-1.7-3.7-1.7s-2.8.6-3.7 1.7c0 .1-.2.2-.3.2-.6 0-.8-.6-.5-1.1 1.1-1.3 2.8-2.1 4.6-2.1 1.8 0 3.5.8 4.6 2.1.4.4.1 1.1-.5 1.1z"
50 />
51 </svg>
52 );
53 };
54
55 export const ReactionIconLayout2Happy = () => {
56 return (
57 <svg
58 xmlns="http://www.w3.org/2000/svg"
59 width={25}
60 height={25}
61 fill="none"
62 >
63 <path
64 fill="url(#a)"
65 d="M12.537 24.574C6.766 24.574.54 20.818.54 12.576.54 4.334 6.766.578 12.537.578c3.207 0 6.165 1.095 8.357 3.09 2.38 2.19 3.641 5.28 3.641 8.908 0 3.628-1.262 6.697-3.64 8.886-2.193 1.996-5.172 3.112-8.358 3.112Z"
66 />
67 <path
68 fill="#EB8F00"
69 d="M22.45 5.447c1.102 1.846 1.677 4.044 1.677 6.489 0 3.627-1.262 6.696-3.64 8.886-2.194 1.996-5.172 3.112-8.358 3.112-3.736 0-7.662-1.578-9.967-4.924 2.226 3.79 6.41 5.568 10.38 5.568 3.186 0 6.165-1.116 8.358-3.113 2.379-2.189 3.64-5.258 3.64-8.885 0-2.735-.717-5.165-2.09-7.133Z"
70 />
71 <path
72 fill="url(#b)"
73 d="M5.015 18.249c1.999 0 3.62-1.682 3.62-3.757 0-2.074-1.621-3.756-3.62-3.756-2 0-3.62 1.682-3.62 3.756 0 2.075 1.62 3.757 3.62 3.757Z"
74 opacity={0.8}
75 />
76 <path
77 fill="url(#c)"
78 d="M20.22 18.249c1.999 0 3.62-1.682 3.62-3.757 0-2.074-1.621-3.756-3.62-3.756-2 0-3.62 1.682-3.62 3.756 0 2.075 1.62 3.757 3.62 3.757Z"
79 opacity={0.8}
80 />
81 <path
82 fill="#422B0D"
83 d="M9.506 11.286s-.01-.015-.033-.043l-.087-.116a19.625 19.625 0 0 0-.112-.122c-.043-.051-.097-.105-.15-.16-.057-.054-.115-.11-.175-.155-.058-.05-.122-.086-.173-.116-.054-.035-.104-.043-.135-.054-.016-.006-.03-.006-.043-.008-.007.002-.013-.003-.019 0l-.008.002h-.006l.055-.002-.113.004c-.03 0-.01.002-.009.002.007 0 .01 0 .015-.002.016-.007 0 0-.004 0a.052.052 0 0 0-.023.006c-.033.011-.083.02-.134.054-.052.03-.116.066-.174.116-.058.047-.118.1-.174.154-.108.11-.203.22-.269.299-.068.081-.105.129-.105.129l-.048.057a.854.854 0 0 1-1.163.131.774.774 0 0 1-.304-.747s.015-.088.056-.24a2.858 2.858 0 0 1 .958-1.449 2.329 2.329 0 0 1 .82-.418c.067-.017.121-.037.214-.05l.129-.019.105-.01.114-.01.064-.001h.019l.026.002h.05l.106.006c.07.007.138.02.206.03.135.026.27.062.391.11.249.09.458.22.63.356.349.273.556.57.698.824.073.127.127.247.166.352.043.101.074.208.1.288.022.077.022.118.032.154a.866.866 0 0 1 .009.054c.076.433-.232.843-.685.914a.848.848 0 0 1-.817-.322ZM17.682 11.286s-.01-.015-.033-.043l-.087-.116a17.133 17.133 0 0 0-.112-.122c-.043-.051-.097-.105-.151-.16-.056-.054-.114-.11-.174-.155-.058-.05-.122-.086-.174-.116-.053-.035-.103-.043-.134-.054-.017-.006-.031-.006-.043-.008-.007.002-.013-.003-.019 0l-.008.002H16.738l.056-.002-.114.004c-.029 0-.01.002-.008.002.006 0 .01 0 .015-.002.016-.007 0 0-.004 0a.053.053 0 0 0-.023.006c-.033.011-.083.02-.135.054-.051.03-.115.066-.173.116-.058.047-.118.1-.174.154a5 5 0 0 0-.375.428l-.047.057a.854.854 0 0 1-1.163.131.774.774 0 0 1-.304-.747s.015-.088.056-.24c.043-.152.116-.37.259-.625a2.68 2.68 0 0 1 .699-.824 2.329 2.329 0 0 1 .819-.418c.068-.017.122-.037.215-.05l.128-.019.106-.01.114-.01.064-.001H16.767l.027.002h.05l.105.006c.07.007.139.02.207.03.135.026.27.062.391.11.248.09.457.22.63.356.349.273.556.57.698.824.073.127.127.247.166.352.043.101.074.208.1.288.022.077.022.118.032.154a.866.866 0 0 1 .009.054c.076.433-.232.843-.685.914a.843.843 0 0 1-.815-.322ZM12.625 19.25c-2.6 0-4.657-1.277-5.79-2.645a.458.458 0 0 1-.069-.483.443.443 0 0 1 .4-.272.44.44 0 0 1 .223.062c1.169.7 3.132 1.565 5.23 1.565h.033c2.1 0 4.06-.867 5.23-1.565a.425.425 0 0 1 .223-.062c.17 0 .326.107.399.272a.462.462 0 0 1-.069.483c-1.133 1.365-3.191 2.645-5.79 2.645"
84 />
85 <defs>
86 <radialGradient
87 id="a"
88 cx={0}
89 cy={0}
90 r={1}
91 gradientTransform="matrix(11.7829 0 0 12.2256 12.537 12.576)"
92 gradientUnits="userSpaceOnUse"
93 >
94 <stop offset={0.5} stopColor="#FDE030" />
95 <stop offset={0.919} stopColor="#F7C02B" />
96 <stop offset={1} stopColor="#F4A223" />
97 </radialGradient>
98 <radialGradient
99 id="b"
100 cx={0}
101 cy={0}
102 r={1}
103 gradientTransform="matrix(3.93829 0 0 3.88173 5.015 14.492)"
104 gradientUnits="userSpaceOnUse"
105 >
106 <stop stopColor="#ED7770" />
107 <stop offset={0.9} stopColor="#ED7770" stopOpacity={0} />
108 </radialGradient>
109 <radialGradient
110 id="c"
111 cx={0}
112 cy={0}
113 r={1}
114 gradientTransform="matrix(3.93829 0 0 3.88173 20.22 14.492)"
115 gradientUnits="userSpaceOnUse"
116 >
117 <stop stopColor="#ED7770" />
118 <stop offset={0.9} stopColor="#ED7770" stopOpacity={0} />
119 </radialGradient>
120 </defs>
121 </svg>
122 );
123 };
124
125 export const ReactionIconLayout2Neutral = () => {
126 return (
127 <svg
128 xmlns="http://www.w3.org/2000/svg"
129 width={25}
130 height={25}
131 fill="none"
132 >
133 <path
134 fill="url(#a)"
135 d="M12.241 24.142C6.47 24.142.243 20.386.243 12.143.243 3.901 6.47.145 12.241.145c3.207 0 6.165 1.094 8.358 3.09 2.379 2.19 3.64 5.28 3.64 8.908 0 3.628-1.261 6.697-3.64 8.887-2.193 1.996-5.172 3.112-8.358 3.112Z"
136 />
137 <path
138 fill="#EB8F00"
139 d="M22.151 5.014c1.103 1.846 1.678 4.044 1.678 6.488 0 3.628-1.262 6.697-3.641 8.887-2.193 1.996-5.172 3.112-8.357 3.112-3.736 0-7.654-1.578-9.967-4.924 2.226 3.79 6.413 5.568 10.38 5.568 3.186 0 6.165-1.116 8.358-3.112 2.379-2.19 3.64-5.26 3.64-8.887 0-2.734-.717-5.164-2.09-7.132Z"
140 />
141 <path
142 fill="#422B0D"
143 d="M17.495 17.534H7.152c-.457 0-.827-.385-.827-.859s.37-.859.827-.859h10.343c.458 0 .828.385.828.859s-.37.859-.828.859ZM8.324 8.506c-.867 0-1.655.76-1.655 2.022 0 1.262.788 2.02 1.655 2.02s1.655-.76 1.655-2.02-.788-2.022-1.655-2.022Z"
144 />
145 <path
146 fill="#896024"
147 d="M8.245 9.351a.585.585 0 0 0-.79.288.633.633 0 0 0 .124.708.585.585 0 0 0 .79-.287.633.633 0 0 0-.124-.709Z"
148 />
149 <path
150 fill="#422B0D"
151 d="M16.257 8.506c-.867 0-1.655.76-1.655 2.022 0 1.262.788 2.02 1.655 2.02s1.655-.76 1.655-2.02-.784-2.022-1.655-2.022Z"
152 />
153 <path
154 fill="#896024"
155 d="M16.178 9.351a.585.585 0 0 0-.79.288.633.633 0 0 0 .124.708.585.585 0 0 0 .79-.287.633.633 0 0 0-.124-.709Z"
156 />
157 <defs>
158 <radialGradient
159 id="a"
160 cx={0}
161 cy={0}
162 r={1}
163 gradientTransform="matrix(11.7831 0 0 12.2262 12.241 12.143)"
164 gradientUnits="userSpaceOnUse"
165 >
166 <stop offset={0.5} stopColor="#FDE030" />
167 <stop offset={0.92} stopColor="#F7C02B" />
168 <stop offset={1} stopColor="#F4A223" />
169 </radialGradient>
170 </defs>
171 </svg>
172 );
173 };
174
175 export const ReactionIconLayout2Sad = () => {
176 return (
177 <svg
178 xmlns="http://www.w3.org/2000/svg"
179 width={25}
180 height={24}
181 fill="none"
182 >
183 <path
184 fill="url(#a)"
185 d="M12.726 24C6.954 24 .728 20.242.728 12 .728 3.759 6.954.003 12.726.003c3.206 0 6.164 1.095 8.357 3.09 2.38 2.19 3.641 5.281 3.641 8.909 0 3.627-1.262 6.697-3.64 8.886-2.194 1.996-5.172 3.112-8.358 3.112Z"
186 />
187 <path
188 fill="#EB8F00"
189 d="M22.634 4.871c1.102 1.846 1.677 4.044 1.677 6.489 0 3.627-1.262 6.697-3.64 8.886-2.193 1.996-5.172 3.113-8.358 3.113-3.736 0-7.654-1.578-9.967-4.924 2.226 3.79 6.413 5.568 10.38 5.568 3.186 0 6.165-1.117 8.358-3.113 2.38-2.19 3.641-5.259 3.641-8.886 0-2.735-.718-5.165-2.091-7.133Z"
190 />
191 <path
192 fill="#422B0D"
193 d="M12.813 17.215c2.234 0 3.682 1.695 4.075 2.49.145.3.145.558.02.665a.398.398 0 0 1-.434 0 .904.904 0 0 1-.186-.107 5.914 5.914 0 0 0-3.475-1.18 6.068 6.068 0 0 0-3.476 1.158.898.898 0 0 1-.186.108.399.399 0 0 1-.434 0c-.124-.13-.124-.365.02-.666.393-.773 1.841-2.468 4.076-2.468ZM14.966 13.028a.736.736 0 0 0 .103 1.137 6.146 6.146 0 0 0 2.007 1.03c.73.19 1.485.247 2.234.172a.722.722 0 0 0 .687-.751.793.793 0 0 0-.025-.172.83.83 0 0 0-.849-.58 4.99 4.99 0 0 1-1.654-.107 4.96 4.96 0 0 1-1.49-.772.787.787 0 0 0-1.013.043ZM10.661 13.028a.736.736 0 0 1-.103 1.137 6.147 6.147 0 0 1-2.007 1.03 6.371 6.371 0 0 1-2.234.172c-.379-.006-.679-.33-.672-.723a.802.802 0 0 1 .03-.2.83.83 0 0 1 .849-.58 4.99 4.99 0 0 0 1.655-.107 4.962 4.962 0 0 0 1.49-.772.759.759 0 0 1 .992.043Z"
194 />
195 <defs>
196 <radialGradient
197 id="a"
198 cx={0}
199 cy={0}
200 r={1}
201 gradientTransform="matrix(11.7831 0 0 12.2262 12.726 12)"
202 gradientUnits="userSpaceOnUse"
203 >
204 <stop offset={0.5} stopColor="#FDE030" />
205 <stop offset={0.92} stopColor="#F7C02B" />
206 <stop offset={1} stopColor="#F4A223" />
207 </radialGradient>
208 </defs>
209 </svg>
210 );
211 };
212
213 export const ReactionIconLayout3Happy = () => {
214 return (
215 <svg
216 xmlns="http://www.w3.org/2000/svg"
217 width={25}
218 height={25}
219 viewBox="0 0 25 25"
220 fill="none"
221 >
222 <path
223 fill="url(#a)"
224 d="M12.537 24.574C6.766 24.574.54 20.818.54 12.576.54 4.334 6.766.578 12.537.578c3.207 0 6.165 1.095 8.357 3.09 2.38 2.19 3.641 5.28 3.641 8.908 0 3.628-1.262 6.697-3.64 8.886-2.193 1.996-5.172 3.112-8.358 3.112Z"
225 />
226 <path
227 fill="#EB8F00"
228 d="M22.45 5.447c1.102 1.846 1.677 4.044 1.677 6.489 0 3.627-1.262 6.696-3.64 8.886-2.194 1.996-5.172 3.112-8.358 3.112-3.736 0-7.662-1.578-9.967-4.924 2.226 3.79 6.41 5.568 10.38 5.568 3.186 0 6.165-1.116 8.358-3.113 2.379-2.189 3.64-5.258 3.64-8.885 0-2.735-.717-5.165-2.09-7.133Z"
229 />
230 <path
231 fill="url(#b)"
232 d="M5.015 18.249c1.999 0 3.62-1.682 3.62-3.757 0-2.074-1.621-3.756-3.62-3.756-2 0-3.62 1.682-3.62 3.756 0 2.075 1.62 3.757 3.62 3.757Z"
233 opacity={0.8}
234 />
235 <path
236 fill="url(#c)"
237 d="M20.22 18.249c1.999 0 3.62-1.682 3.62-3.757 0-2.074-1.621-3.756-3.62-3.756-2 0-3.62 1.682-3.62 3.756 0 2.075 1.62 3.757 3.62 3.757Z"
238 opacity={0.8}
239 />
240 <path
241 fill="#422B0D"
242 d="M9.506 11.286s-.01-.015-.033-.043l-.087-.116a19.625 19.625 0 0 0-.112-.122c-.043-.051-.097-.105-.15-.16-.057-.054-.115-.11-.175-.155-.058-.05-.122-.086-.173-.116-.054-.035-.104-.043-.135-.054-.016-.006-.03-.006-.043-.008-.007.002-.013-.003-.019 0l-.008.002h-.006l.055-.002-.113.004c-.03 0-.01.002-.009.002.007 0 .01 0 .015-.002.016-.007 0 0-.004 0a.052.052 0 0 0-.023.006c-.033.011-.083.02-.134.054-.052.03-.116.066-.174.116-.058.047-.118.1-.174.154-.108.11-.203.22-.269.299-.068.081-.105.129-.105.129l-.048.057a.854.854 0 0 1-1.163.131.774.774 0 0 1-.304-.747s.015-.088.056-.24a2.858 2.858 0 0 1 .958-1.449 2.329 2.329 0 0 1 .82-.418c.067-.017.121-.037.214-.05l.129-.019.105-.01.114-.01.064-.001h.019l.026.002h.05l.106.006c.07.007.138.02.206.03.135.026.27.062.391.11.249.09.458.22.63.356.349.273.556.57.698.824.073.127.127.247.166.352.043.101.074.208.1.288.022.077.022.118.032.154a.866.866 0 0 1 .009.054c.076.433-.232.843-.685.914a.848.848 0 0 1-.817-.322ZM17.682 11.286s-.01-.015-.033-.043l-.087-.116a17.133 17.133 0 0 0-.112-.122c-.043-.051-.097-.105-.151-.16-.056-.054-.114-.11-.174-.155-.058-.05-.122-.086-.174-.116-.053-.035-.103-.043-.134-.054-.017-.006-.031-.006-.043-.008-.007.002-.013-.003-.019 0l-.008.002H16.738l.056-.002-.114.004c-.029 0-.01.002-.008.002.006 0 .01 0 .015-.002.016-.007 0 0-.004 0a.053.053 0 0 0-.023.006c-.033.011-.083.02-.135.054-.051.03-.115.066-.173.116-.058.047-.118.1-.174.154a5 5 0 0 0-.375.428l-.047.057a.854.854 0 0 1-1.163.131.774.774 0 0 1-.304-.747s.015-.088.056-.24c.043-.152.116-.37.259-.625a2.68 2.68 0 0 1 .699-.824 2.329 2.329 0 0 1 .819-.418c.068-.017.122-.037.215-.05l.128-.019.106-.01.114-.01.064-.001H16.767l.027.002h.05l.105.006c.07.007.139.02.207.03.135.026.27.062.391.11.248.09.457.22.63.356.349.273.556.57.698.824.073.127.127.247.166.352.043.101.074.208.1.288.022.077.022.118.032.154a.866.866 0 0 1 .009.054c.076.433-.232.843-.685.914a.843.843 0 0 1-.815-.322ZM12.625 19.25c-2.6 0-4.657-1.277-5.79-2.645a.458.458 0 0 1-.069-.483.443.443 0 0 1 .4-.272.44.44 0 0 1 .223.062c1.169.7 3.132 1.565 5.23 1.565h.033c2.1 0 4.06-.867 5.23-1.565a.425.425 0 0 1 .223-.062c.17 0 .326.107.399.272a.462.462 0 0 1-.069.483c-1.133 1.365-3.191 2.645-5.79 2.645"
243 />
244 <defs>
245 <radialGradient
246 id="a"
247 cx={0}
248 cy={0}
249 r={1}
250 gradientTransform="matrix(11.7829 0 0 12.2256 12.537 12.576)"
251 gradientUnits="userSpaceOnUse"
252 >
253 <stop offset={0.5} stopColor="#FDE030" />
254 <stop offset={0.919} stopColor="#F7C02B" />
255 <stop offset={1} stopColor="#F4A223" />
256 </radialGradient>
257 <radialGradient
258 id="b"
259 cx={0}
260 cy={0}
261 r={1}
262 gradientTransform="matrix(3.93829 0 0 3.88173 5.015 14.492)"
263 gradientUnits="userSpaceOnUse"
264 >
265 <stop stopColor="#ED7770" />
266 <stop offset={0.9} stopColor="#ED7770" stopOpacity={0} />
267 </radialGradient>
268 <radialGradient
269 id="c"
270 cx={0}
271 cy={0}
272 r={1}
273 gradientTransform="matrix(3.93829 0 0 3.88173 20.22 14.492)"
274 gradientUnits="userSpaceOnUse"
275 >
276 <stop stopColor="#ED7770" />
277 <stop offset={0.9} stopColor="#ED7770" stopOpacity={0} />
278 </radialGradient>
279 </defs>
280 </svg>
281 );
282 };
283
284 export const ReactionIconLayout3Neutral = () => {
285 return (
286 <svg
287 xmlns="http://www.w3.org/2000/svg"
288 width={25}
289 height={25}
290 viewBox="0 0 25 25"
291 fill="none"
292 >
293 <path
294 fill="url(#a)"
295 d="M12.241 24.142C6.47 24.142.243 20.386.243 12.143.243 3.901 6.47.145 12.241.145c3.207 0 6.165 1.094 8.358 3.09 2.379 2.19 3.64 5.28 3.64 8.908 0 3.628-1.261 6.697-3.64 8.887-2.193 1.996-5.172 3.112-8.358 3.112Z"
296 />
297 <path
298 fill="#EB8F00"
299 d="M22.151 5.014c1.103 1.846 1.678 4.044 1.678 6.488 0 3.628-1.262 6.697-3.641 8.887-2.193 1.996-5.172 3.112-8.357 3.112-3.736 0-7.654-1.578-9.967-4.924 2.226 3.79 6.413 5.568 10.38 5.568 3.186 0 6.165-1.116 8.358-3.112 2.379-2.19 3.64-5.26 3.64-8.887 0-2.734-.717-5.164-2.09-7.132Z"
300 />
301 <path
302 fill="#422B0D"
303 d="M17.495 17.534H7.152c-.457 0-.827-.385-.827-.859s.37-.859.827-.859h10.343c.458 0 .828.385.828.859s-.37.859-.828.859ZM8.324 8.506c-.867 0-1.655.76-1.655 2.022 0 1.262.788 2.02 1.655 2.02s1.655-.76 1.655-2.02-.788-2.022-1.655-2.022Z"
304 />
305 <path
306 fill="#896024"
307 d="M8.245 9.351a.585.585 0 0 0-.79.288.633.633 0 0 0 .124.708.585.585 0 0 0 .79-.287.633.633 0 0 0-.124-.709Z"
308 />
309 <path
310 fill="#422B0D"
311 d="M16.257 8.506c-.867 0-1.655.76-1.655 2.022 0 1.262.788 2.02 1.655 2.02s1.655-.76 1.655-2.02-.784-2.022-1.655-2.022Z"
312 />
313 <path
314 fill="#896024"
315 d="M16.178 9.351a.585.585 0 0 0-.79.288.633.633 0 0 0 .124.708.585.585 0 0 0 .79-.287.633.633 0 0 0-.124-.709Z"
316 />
317 <defs>
318 <radialGradient
319 id="a"
320 cx={0}
321 cy={0}
322 r={1}
323 gradientTransform="matrix(11.7831 0 0 12.2262 12.241 12.143)"
324 gradientUnits="userSpaceOnUse"
325 >
326 <stop offset={0.5} stopColor="#FDE030" />
327 <stop offset={0.92} stopColor="#F7C02B" />
328 <stop offset={1} stopColor="#F4A223" />
329 </radialGradient>
330 </defs>
331 </svg>
332 );
333 };
334
335 export const ReactionIconLayout3Sad = () => {
336 return (
337 <svg
338 xmlns="http://www.w3.org/2000/svg"
339 width={25}
340 height={24}
341 viewBox="0 0 25 25"
342 fill="none"
343 >
344 <path
345 fill="url(#a)"
346 d="M12.726 24C6.954 24 .728 20.242.728 12 .728 3.759 6.954.003 12.726.003c3.206 0 6.164 1.095 8.357 3.09 2.38 2.19 3.641 5.281 3.641 8.909 0 3.627-1.262 6.697-3.64 8.886-2.194 1.996-5.172 3.112-8.358 3.112Z"
347 />
348 <path
349 fill="#EB8F00"
350 d="M22.634 4.871c1.102 1.846 1.677 4.044 1.677 6.489 0 3.627-1.262 6.697-3.64 8.886-2.193 1.996-5.172 3.113-8.358 3.113-3.736 0-7.654-1.578-9.967-4.924 2.226 3.79 6.413 5.568 10.38 5.568 3.186 0 6.165-1.117 8.358-3.113 2.38-2.19 3.641-5.259 3.641-8.886 0-2.735-.718-5.165-2.091-7.133Z"
351 />
352 <path
353 fill="#422B0D"
354 d="M12.813 17.215c2.234 0 3.682 1.695 4.075 2.49.145.3.145.558.02.665a.398.398 0 0 1-.434 0 .904.904 0 0 1-.186-.107 5.914 5.914 0 0 0-3.475-1.18 6.068 6.068 0 0 0-3.476 1.158.898.898 0 0 1-.186.108.399.399 0 0 1-.434 0c-.124-.13-.124-.365.02-.666.393-.773 1.841-2.468 4.076-2.468ZM14.966 13.028a.736.736 0 0 0 .103 1.137 6.146 6.146 0 0 0 2.007 1.03c.73.19 1.485.247 2.234.172a.722.722 0 0 0 .687-.751.793.793 0 0 0-.025-.172.83.83 0 0 0-.849-.58 4.99 4.99 0 0 1-1.654-.107 4.96 4.96 0 0 1-1.49-.772.787.787 0 0 0-1.013.043ZM10.661 13.028a.736.736 0 0 1-.103 1.137 6.147 6.147 0 0 1-2.007 1.03 6.371 6.371 0 0 1-2.234.172c-.379-.006-.679-.33-.672-.723a.802.802 0 0 1 .03-.2.83.83 0 0 1 .849-.58 4.99 4.99 0 0 0 1.655-.107 4.962 4.962 0 0 0 1.49-.772.759.759 0 0 1 .992.043Z"
355 />
356 <defs>
357 <radialGradient
358 id="a"
359 cx={0}
360 cy={0}
361 r={1}
362 gradientTransform="matrix(11.7831 0 0 12.2262 12.726 12)"
363 gradientUnits="userSpaceOnUse"
364 >
365 <stop offset={0.5} stopColor="#FDE030" />
366 <stop offset={0.92} stopColor="#F7C02B" />
367 <stop offset={1} stopColor="#F4A223" />
368 </radialGradient>
369 </defs>
370 </svg>
371 );
372 };
373