···
1
1
+
public
2
2
+
.DS_Store
3
3
+
*/.DS_Store
4
4
+
*/*/.DS_Store
5
5
+
*/*/*/.DS_Store
6
6
+
*/*/*/*/.DS_Store
7
7
+
*/*/*/*/*/.DS_Store
···
1
1
+
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" width="1024" height="1024">
2
2
+
<path fill-rule="evenodd" fill="#F6E717" d="
3
3
+
M 619,232
4
4
+
L 512,7
5
5
+
L 405,232
6
6
+
A 300,300 0 0,0 216,559
7
7
+
L 75,765
8
8
+
L 323,745
9
9
+
A 300,300 0 0,0 701,745
10
10
+
L 949,765
11
11
+
L 808,559
12
12
+
A 300,300 0 0,0 619,232
13
13
+
Z
14
14
+
M 512,337
15
15
+
A 175,175 0 0,0 512,687
16
16
+
A 175,175 0 0,0 512,337
17
17
+
Z
18
18
+
"/>
19
19
+
</svg>
···
1
1
+
/* SVG Animation Package
2
2
+
* Hover animation for syui.ai icon
3
3
+
* Pure CSS - no JavaScript required
4
4
+
*/
5
5
+
6
6
+
:root {
7
7
+
--syui-color: #ef454a;
8
8
+
--particle-color: #ef454aba;
9
9
+
--explosion-color: #ef454a;
10
10
+
}
11
11
+
12
12
+
/* Core SVG button setup */
13
13
+
.likeButton {
14
14
+
cursor: pointer;
15
15
+
display: inline-block;
16
16
+
}
17
17
+
18
18
+
/* Explosion circle - initially hidden */
19
19
+
.likeButton .explosion {
20
20
+
transform-origin: center center;
21
21
+
transform: scale(1);
22
22
+
stroke: var(--explosion-color);
23
23
+
fill: none;
24
24
+
opacity: 0;
25
25
+
stroke-width: 1;
26
26
+
}
27
27
+
28
28
+
/* Particle layer - initially hidden */
29
29
+
.likeButton .particleLayer {
30
30
+
opacity: 0;
31
31
+
transform: scale(0);
32
32
+
}
33
33
+
34
34
+
.likeButton .particleLayer circle {
35
35
+
opacity: 0;
36
36
+
transform-origin: center center;
37
37
+
transform: scale(0);
38
38
+
}
39
39
+
40
40
+
/* Syui logo */
41
41
+
.likeButton .syui {
42
42
+
fill: var(--syui-color);
43
43
+
transform: scale(1);
44
44
+
transform-origin: center center;
45
45
+
}
46
46
+
47
47
+
/* Hover animations */
48
48
+
.likeButton:hover .explosion {
49
49
+
animation: explosionAnime 800ms forwards;
50
50
+
}
51
51
+
52
52
+
.likeButton:hover .particleLayer {
53
53
+
animation: particleLayerAnime 800ms forwards;
54
54
+
}
55
55
+
56
56
+
.likeButton:hover .syui,
57
57
+
.likeButton:hover path.syui {
58
58
+
animation: syuiDeluxeAnime 400ms forwards;
59
59
+
}
60
60
+
61
61
+
/* Individual particle animations on hover */
62
62
+
.likeButton:hover .particleLayer circle:nth-child(1) { animation: particleAnimate1 800ms forwards; }
63
63
+
.likeButton:hover .particleLayer circle:nth-child(2) { animation: particleAnimate2 800ms forwards; }
64
64
+
.likeButton:hover .particleLayer circle:nth-child(3) { animation: particleAnimate3 800ms forwards; }
65
65
+
.likeButton:hover .particleLayer circle:nth-child(4) { animation: particleAnimate4 800ms forwards; }
66
66
+
.likeButton:hover .particleLayer circle:nth-child(5) { animation: particleAnimate5 800ms forwards; }
67
67
+
.likeButton:hover .particleLayer circle:nth-child(6) { animation: particleAnimate6 800ms forwards; }
68
68
+
.likeButton:hover .particleLayer circle:nth-child(7) { animation: particleAnimate7 800ms forwards; }
69
69
+
.likeButton:hover .particleLayer circle:nth-child(8) { animation: particleAnimate8 800ms forwards; }
70
70
+
.likeButton:hover .particleLayer circle:nth-child(9) { animation: particleAnimate9 800ms forwards; }
71
71
+
.likeButton:hover .particleLayer circle:nth-child(10) { animation: particleAnimate10 800ms forwards; }
72
72
+
.likeButton:hover .particleLayer circle:nth-child(11) { animation: particleAnimate11 800ms forwards; }
73
73
+
.likeButton:hover .particleLayer circle:nth-child(12) { animation: particleAnimate12 800ms forwards; }
74
74
+
.likeButton:hover .particleLayer circle:nth-child(13) { animation: particleAnimate13 800ms forwards; }
75
75
+
.likeButton:hover .particleLayer circle:nth-child(14) { animation: particleAnimate14 800ms forwards; }
76
76
+
77
77
+
/* Keyframe animations */
78
78
+
@keyframes explosionAnime {
79
79
+
0% { opacity: 0; transform: scale(0.01); }
80
80
+
1% { opacity: 1; transform: scale(0.01); }
81
81
+
5% { stroke-width: 200; }
82
82
+
20% { stroke-width: 300; }
83
83
+
50% { stroke: var(--particle-color); transform: scale(1.1); stroke-width: 1; }
84
84
+
50.1% { stroke-width: 0; }
85
85
+
100% { stroke: var(--particle-color); transform: scale(1.1); stroke-width: 0; }
86
86
+
}
87
87
+
88
88
+
@keyframes particleLayerAnime {
89
89
+
0% { transform: translate(0, 0); opacity: 0; }
90
90
+
30% { opacity: 0; }
91
91
+
31% { opacity: 1; }
92
92
+
60% { transform: translate(0, 0); }
93
93
+
70% { opacity: 1; }
94
94
+
100% { opacity: 0; transform: translate(0, -20px); }
95
95
+
}
96
96
+
97
97
+
@keyframes syuiDeluxeAnime {
98
98
+
0% { fill: var(--syui-color); transform: scale(1) translate(0%, 0%); }
99
99
+
40% { fill: #ef454a66; transform: scale(1, 0.9) translate(-9%, 9%); }
100
100
+
50% { fill: #ef454ab3; transform: scale(1, 0.9) translate(-7%, 7%); }
101
101
+
60% { transform: scale(1) translate(-7%, 7%); }
102
102
+
70% { transform: scale(1.04) translate(-5%, 5%); }
103
103
+
80% { fill: #ef454a99; transform: scale(1.04) translate(-5%, 5%); }
104
104
+
90% { fill: #ff6b6b; transform: scale(1) translate(0%); }
105
105
+
100% { fill: var(--syui-color); transform: scale(1, 1) translate(0%, 0%); }
106
106
+
}
107
107
+
108
108
+
/* Individual particle keyframes */
109
109
+
@keyframes particleAnimate1 {
110
110
+
0% { transform: translate(0, 0); }
111
111
+
30% { opacity: 1; transform: translate(0, 0); }
112
112
+
100% { opacity: 1; transform: translate(-16px, -59px); }
113
113
+
}
114
114
+
115
115
+
@keyframes particleAnimate2 {
116
116
+
0% { transform: translate(0, 0); }
117
117
+
30% { opacity: 1; transform: translate(0, 0); }
118
118
+
100% { opacity: 1; transform: translate(41px, 43px); }
119
119
+
}
120
120
+
121
121
+
@keyframes particleAnimate3 {
122
122
+
0% { transform: translate(0, 0); }
123
123
+
30% { opacity: 1; transform: translate(0, 0); }
124
124
+
100% { opacity: 1; transform: translate(50px, -48px); }
125
125
+
}
126
126
+
127
127
+
@keyframes particleAnimate4 {
128
128
+
0% { transform: translate(0, 0); }
129
129
+
30% { opacity: 1; transform: translate(0, 0); }
130
130
+
100% { opacity: 1; transform: translate(-39px, 36px); }
131
131
+
}
132
132
+
133
133
+
@keyframes particleAnimate5 {
134
134
+
0% { transform: translate(0, 0); }
135
135
+
30% { opacity: 1; transform: translate(0, 0); }
136
136
+
100% { opacity: 1; transform: translate(-39px, 32px); }
137
137
+
}
138
138
+
139
139
+
@keyframes particleAnimate6 {
140
140
+
0% { transform: translate(0, 0); }
141
141
+
30% { opacity: 1; transform: translate(0, 0); }
142
142
+
100% { opacity: 1; transform: translate(48px, 6px); }
143
143
+
}
144
144
+
145
145
+
@keyframes particleAnimate7 {
146
146
+
0% { transform: translate(0, 0); }
147
147
+
30% { opacity: 1; transform: translate(0, 0); }
148
148
+
100% { opacity: 1; transform: translate(-69px, -36px); }
149
149
+
}
150
150
+
151
151
+
@keyframes particleAnimate8 {
152
152
+
0% { transform: translate(0, 0); }
153
153
+
30% { opacity: 1; transform: translate(0, 0); }
154
154
+
100% { opacity: 1; transform: translate(-12px, -52px); }
155
155
+
}
156
156
+
157
157
+
@keyframes particleAnimate9 {
158
158
+
0% { transform: translate(0, 0); }
159
159
+
30% { opacity: 1; transform: translate(0, 0); }
160
160
+
100% { opacity: 1; transform: translate(-43px, -21px); }
161
161
+
}
162
162
+
163
163
+
@keyframes particleAnimate10 {
164
164
+
0% { transform: translate(0, 0); }
165
165
+
30% { opacity: 1; transform: translate(0, 0); }
166
166
+
100% { opacity: 1; transform: translate(-10px, 47px); }
167
167
+
}
168
168
+
169
169
+
@keyframes particleAnimate11 {
170
170
+
0% { transform: translate(0, 0); }
171
171
+
30% { opacity: 1; transform: translate(0, 0); }
172
172
+
100% { opacity: 1; transform: translate(66px, -9px); }
173
173
+
}
174
174
+
175
175
+
@keyframes particleAnimate12 {
176
176
+
0% { transform: translate(0, 0); }
177
177
+
30% { opacity: 1; transform: translate(0, 0); }
178
178
+
100% { opacity: 1; transform: translate(40px, -45px); }
179
179
+
}
180
180
+
181
181
+
@keyframes particleAnimate13 {
182
182
+
0% { transform: translate(0, 0); }
183
183
+
30% { opacity: 1; transform: translate(0, 0); }
184
184
+
100% { opacity: 1; transform: translate(29px, 24px); }
185
185
+
}
186
186
+
187
187
+
@keyframes particleAnimate14 {
188
188
+
0% { transform: translate(0, 0); }
189
189
+
30% { opacity: 1; transform: translate(0, 0); }
190
190
+
100% { opacity: 1; transform: translate(-10px, 50px); }
191
191
+
}
···
1
1
+
<svg width="77pt" height="77pt" viewBox="0 0 512 512" class="likeButton" >
2
2
+
<circle class="explosion" r="150" cx="250" cy="250"></circle>
3
3
+
<g class="particleLayer">
4
4
+
<circle fill="#ef454aba" cx="130" cy="126.5" r="12.5"/>
5
5
+
<circle fill="#ef454acc" cx="411" cy="313.5" r="12.5"/>
6
6
+
<circle fill="#ef454aba" cx="279" cy="86.5" r="12.5"/>
7
7
+
<circle fill="#ef454aba" cx="155" cy="390.5" r="12.5"/>
8
8
+
<circle fill="#ef454aba" cx="89" cy="292.5" r="10.5"/>
9
9
+
<circle fill="#ef454aba" cx="414" cy="282.5" r="10.5"/>
10
10
+
<circle fill="#ef454a91" cx="115" cy="149.5" r="10.5"/>
11
11
+
<circle fill="#ef454aba" cx="250" cy="80.5" r="10.5"/>
12
12
+
<circle fill="#ef454aba" cx="78" cy="261.5" r="10.5"/>
13
13
+
<circle fill="#ef454a91" cx="182" cy="402.5" r="10.5"/>
14
14
+
<circle fill="#ef454aba" cx="401.5" cy="166" r="13"/>
15
15
+
<circle fill="#ef454aba" cx="379" cy="141.5" r="10.5"/>
16
16
+
<circle fill="#ef454a91" cx="327" cy="397.5" r="10.5"/>
17
17
+
<circle fill="#ef454aba" cx="296" cy="392.5" r="10.5"/>
18
18
+
</g>
19
19
+
<g transform="translate(0,512) scale(0.1,-0.1)" fill="#000000" class="icon_syui">
20
20
+
<path class="syui" d="M3660 4460 c-11 -11 -33 -47 -48 -80 l-29 -60 -12 38 c-27 88 -58 92 -98 11 -35 -70 -73 -159 -73 -169 0 -6 -5 -10 -10 -10 -6 0 -15 -10 -21 -22 -33 -73 -52 -92 -47 -48 2 26 -1 35 -14 38 -16 3 -168 -121 -168 -138 0 -5 -13 -16 -28 -24 -24 -13 -35 -12 -87 0 -221 55 -231 56 -480 56 -219 1 -247 -1 -320 -22 -44 -12 -96 -26 -115 -30 -57 -13 -122 -39 -200 -82 -8 -4 -31 -14 -50 -23 -41 -17 -34 -13 -146 -90 -87 -59 -292 -252 -351 -330 -63 -83 -143 -209 -143 -225 0 -10 -7 -23 -15 -30 -8 -7 -15 -17 -15 -22 0 -5 -13 -37 -28 -71 -16 -34 -36 -93 -45 -132 -9 -38 -24 -104 -34 -145 -13 -60 -17 -121 -17 -300 1 -224 1 -225 36 -365 24 -94 53 -175 87 -247 28 -58 51 -108 51 -112 0 -3 13 -24 28 -48 42 -63 46 -79 22 -85 -11 -3 -20 -9 -20 -14 0 -5 -4 -9 -10 -9 -5 0 -22 -11 -37 -25 -16 -13 -75 -59 -133 -100 -58 -42 -113 -82 -123 -90 -9 -8 -22 -15 -27 -15 -6 0 -10 -6 -10 -13 0 -8 -11 -20 -25 -27 -34 -18 -34 -54 0 -48 14 3 25 2 25 -1 0 -3 -43 -31 -95 -61 -52 -30 -95 -58 -95 -62 0 -5 -5 -8 -11 -8 -19 0 -84 -33 -92 -47 -4 -7 -15 -13 -22 -13 -14 0 -17 -4 -19 -32 -1 -8 15 -15 37 -18 l38 -5 -47 -48 c-56 -59 -54 -81 9 -75 30 3 45 0 54 -11 9 -13 16 -14 43 -4 29 11 30 10 18 -5 -7 -9 -19 -23 -25 -30 -7 -7 -13 -20 -13 -29 0 -12 8 -14 38 -9 20 4 57 8 82 9 25 2 54 8 66 15 18 10 23 8 32 -13 17 -38 86 -35 152 6 27 17 50 34 50 38 0 16 62 30 85 19 33 -15 72 -2 89 30 8 15 31 43 51 62 35 34 38 35 118 35 77 0 85 2 126 33 24 17 52 32 61 32 9 0 42 18 73 40 30 22 61 40 69 40 21 0 88 -26 100 -38 7 -7 17 -12 24 -12 7 0 35 -11 62 -25 66 -33 263 -84 387 -101 189 -25 372 -12 574 41 106 27 130 37 261 97 41 20 80 37 85 39 6 2 51 31 100 64 166 111 405 372 489 534 10 20 22 43 27 51 5 8 12 22 15 30 3 8 17 40 31 70 54 115 95 313 108 520 13 200 -43 480 -134 672 -28 58 -51 108 -51 112 0 3 -13 24 -29 48 -15 24 -34 60 -40 80 -19 57 3 142 50 193 10 11 22 49 28 85 6 36 16 67 21 68 18 6 31 53 25 83 -4 18 -17 33 -36 41 -16 7 -29 15 -29 18 1 10 38 50 47 50 5 0 20 11 33 25 18 19 22 31 17 61 -3 20 -14 45 -23 55 -16 18 -16 20 6 44 15 16 21 32 18 49 -3 15 1 34 8 43 32 43 7 73 -46 55 l-30 -11 0 85 c0 74 -2 84 -18 84 -21 0 -53 -33 -103 -104 l-34 -48 -5 74 c-7 102 -35 133 -80 88z m-870 -740 c36 -7 75 -14 88 -16 21 -4 23 -9 16 -37 -3 -18 -14 -43 -24 -57 -10 -14 -20 -35 -24 -46 -4 -12 -16 -32 -27 -45 -12 -13 -37 -49 -56 -79 -20 -30 -52 -73 -72 -96 -53 -60 -114 -133 -156 -189 -21 -27 -44 -54 -52 -58 -7 -4 -13 -14 -13 -22 0 -7 -18 -33 -40 -57 -22 -23 -40 -46 -40 -50 0 -5 -19 -21 -42 -38 -47 -35 -85 -38 -188 -15 -115 25 -173 20 -264 -23 -45 -22 -106 -46 -136 -56 -48 -15 -77 -25 -140 -50 -70 -28 -100 -77 -51 -84 14 -2 34 -10 45 -17 12 -7 53 -16 91 -20 90 -9 131 -22 178 -57 20 -16 52 -35 70 -43 18 -7 40 -22 49 -32 16 -18 15 -22 -24 -88 -23 -39 -47 -74 -53 -80 -7 -5 -23 -26 -36 -45 -26 -39 -92 -113 -207 -232 -4 -4 -37 -36 -73 -71 l-66 -64 -20 41 c-58 119 -105 240 -115 301 -40 244 -35 409 20 595 8 30 21 66 28 80 7 14 24 54 38 89 15 35 35 75 46 89 11 13 20 31 20 38 0 8 3 14 8 14 4 0 16 16 27 36 24 45 221 245 278 281 23 15 44 30 47 33 20 20 138 78 250 123 61 24 167 50 250 61 60 7 302 -1 370 -14z m837 -661 c52 -101 102 -279 106 -379 2 -42 0 -45 -28 -51 -16 -4 -101 -7 -187 -8 -166 -1 -229 10 -271 49 -19 19 -19 19 14 49 22 21 44 31 65 31 41 0 84 34 84 66 0 30 12 55 56 112 19 25 37 65 44 95 11 51 53 111 74 104 6 -2 25 -32 43 -68z m-662 -810 c17 -10 40 -24 53 -30 12 -7 22 -16 22 -20 0 -4 17 -13 38 -19 20 -7 44 -18 52 -24 8 -7 33 -21 55 -31 22 -11 42 -23 45 -26 11 -14 109 -49 164 -58 62 -11 101 -7 126 14 15 14 38 18 78 16 39 -2 26 -41 -49 -146 -78 -109 -85 -118 -186 -219 -61 -61 -239 -189 -281 -203 -17 -5 -73 -29 -104 -44 -187 -92 -605 -103 -791 -21 -42 19 -47 24 -37 41 5 11 28 32 51 48 22 15 51 38 64 51 13 12 28 22 33 22 17 0 242 233 242 250 0 6 5 10 10 10 6 0 10 6 10 14 0 25 50 55 100 62 59 8 56 6 115 83 50 66 74 117 75 162 0 14 7 40 16 57 18 38 52 41 99 11z"/>
21
21
+
</g>
22
22
+
</svg>
···
1
1
+
<?xml version="1.0" standalone="no"?>
2
2
+
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
3
3
+
"http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
4
4
+
<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
5
5
+
width="512.000000pt" height="512.000000pt" viewBox="0 0 512.000000 512.000000"
6
6
+
preserveAspectRatio="xMidYMid meet">
7
7
+
<metadata>
8
8
+
syui
9
9
+
</metadata>
10
10
+
11
11
+
<g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
12
12
+
fill="#000000" stroke="none">
13
13
+
<path d="M3660 4460 c-11 -11 -33 -47 -48 -80 l-29 -60 -12 38 c-27 88 -58 92
14
14
+
-98 11 -35 -70 -73 -159 -73 -169 0 -6 -5 -10 -10 -10 -6 0 -15 -10 -21 -22
15
15
+
-33 -73 -52 -92 -47 -48 2 26 -1 35 -14 38 -16 3 -168 -121 -168 -138 0 -5
16
16
+
-13 -16 -28 -24 -24 -13 -35 -12 -87 0 -221 55 -231 56 -480 56 -219 1 -247
17
17
+
-1 -320 -22 -44 -12 -96 -26 -115 -30 -57 -13 -122 -39 -200 -82 -8 -4 -31
18
18
+
-14 -50 -23 -41 -17 -34 -13 -146 -90 -87 -59 -292 -252 -351 -330 -63 -83
19
19
+
-143 -209 -143 -225 0 -10 -7 -23 -15 -30 -8 -7 -15 -17 -15 -22 0 -5 -13 -37
20
20
+
-28 -71 -16 -34 -36 -93 -45 -132 -9 -38 -24 -104 -34 -145 -13 -60 -17 -121
21
21
+
-17 -300 1 -224 1 -225 36 -365 24 -94 53 -175 87 -247 28 -58 51 -108 51
22
22
+
-112 0 -3 13 -24 28 -48 42 -63 46 -79 22 -85 -11 -3 -20 -9 -20 -14 0 -5 -4
23
23
+
-9 -10 -9 -5 0 -22 -11 -37 -25 -16 -13 -75 -59 -133 -100 -58 -42 -113 -82
24
24
+
-123 -90 -9 -8 -22 -15 -27 -15 -6 0 -10 -6 -10 -13 0 -8 -11 -20 -25 -27 -34
25
25
+
-18 -34 -54 0 -48 14 3 25 2 25 -1 0 -3 -43 -31 -95 -61 -52 -30 -95 -58 -95
26
26
+
-62 0 -5 -5 -8 -11 -8 -19 0 -84 -33 -92 -47 -4 -7 -15 -13 -22 -13 -14 0 -17
27
27
+
-4 -19 -32 -1 -8 15 -15 37 -18 l38 -5 -47 -48 c-56 -59 -54 -81 9 -75 30 3
28
28
+
45 0 54 -11 9 -13 16 -14 43 -4 29 11 30 10 18 -5 -7 -9 -19 -23 -25 -30 -7
29
29
+
-7 -13 -20 -13 -29 0 -12 8 -14 38 -9 20 4 57 8 82 9 25 2 54 8 66 15 18 10
30
30
+
23 8 32 -13 17 -38 86 -35 152 6 27 17 50 34 50 38 0 16 62 30 85 19 33 -15
31
31
+
72 -2 89 30 8 15 31 43 51 62 35 34 38 35 118 35 77 0 85 2 126 33 24 17 52
32
32
+
32 61 32 9 0 42 18 73 40 30 22 61 40 69 40 21 0 88 -26 100 -38 7 -7 17 -12
33
33
+
24 -12 7 0 35 -11 62 -25 66 -33 263 -84 387 -101 189 -25 372 -12 574 41 106
34
34
+
27 130 37 261 97 41 20 80 37 85 39 6 2 51 31 100 64 166 111 405 372 489 534
35
35
+
10 20 22 43 27 51 5 8 12 22 15 30 3 8 17 40 31 70 54 115 95 313 108 520 13
36
36
+
200 -43 480 -134 672 -28 58 -51 108 -51 112 0 3 -13 24 -29 48 -15 24 -34 60
37
37
+
-40 80 -19 57 3 142 50 193 10 11 22 49 28 85 6 36 16 67 21 68 18 6 31 53 25
38
38
+
83 -4 18 -17 33 -36 41 -16 7 -29 15 -29 18 1 10 38 50 47 50 5 0 20 11 33 25
39
39
+
18 19 22 31 17 61 -3 20 -14 45 -23 55 -16 18 -16 20 6 44 15 16 21 32 18 49
40
40
+
-3 15 1 34 8 43 32 43 7 73 -46 55 l-30 -11 0 85 c0 74 -2 84 -18 84 -21 0
41
41
+
-53 -33 -103 -104 l-34 -48 -5 74 c-7 102 -35 133 -80 88z m-870 -740 c36 -7
42
42
+
75 -14 88 -16 21 -4 23 -9 16 -37 -3 -18 -14 -43 -24 -57 -10 -14 -20 -35 -24
43
43
+
-46 -4 -12 -16 -32 -27 -45 -12 -13 -37 -49 -56 -79 -20 -30 -52 -73 -72 -96
44
44
+
-53 -60 -114 -133 -156 -189 -21 -27 -44 -54 -52 -58 -7 -4 -13 -14 -13 -22 0
45
45
+
-7 -18 -33 -40 -57 -22 -23 -40 -46 -40 -50 0 -5 -19 -21 -42 -38 -47 -35 -85
46
46
+
-38 -188 -15 -115 25 -173 20 -264 -23 -45 -22 -106 -46 -136 -56 -48 -15 -77
47
47
+
-25 -140 -50 -70 -28 -100 -77 -51 -84 14 -2 34 -10 45 -17 12 -7 53 -16 91
48
48
+
-20 90 -9 131 -22 178 -57 20 -16 52 -35 70 -43 18 -7 40 -22 49 -32 16 -18
49
49
+
15 -22 -24 -88 -23 -39 -47 -74 -53 -80 -7 -5 -23 -26 -36 -45 -26 -39 -92
50
50
+
-113 -207 -232 -4 -4 -37 -36 -73 -71 l-66 -64 -20 41 c-58 119 -105 240 -115
51
51
+
301 -40 244 -35 409 20 595 8 30 21 66 28 80 7 14 24 54 38 89 15 35 35 75 46
52
52
+
89 11 13 20 31 20 38 0 8 3 14 8 14 4 0 16 16 27 36 24 45 221 245 278 281 23
53
53
+
15 44 30 47 33 20 20 138 78 250 123 61 24 167 50 250 61 60 7 302 -1 370 -14z
54
54
+
m837 -661 c52 -101 102 -279 106 -379 2 -42 0 -45 -28 -51 -16 -4 -101 -7
55
55
+
-187 -8 -166 -1 -229 10 -271 49 -19 19 -19 19 14 49 22 21 44 31 65 31 41 0
56
56
+
84 34 84 66 0 30 12 55 56 112 19 25 37 65 44 95 11 51 53 111 74 104 6 -2 25
57
57
+
-32 43 -68z m-662 -810 c17 -10 40 -24 53 -30 12 -7 22 -16 22 -20 0 -4 17
58
58
+
-13 38 -19 20 -7 44 -18 52 -24 8 -7 33 -21 55 -31 22 -11 42 -23 45 -26 11
59
59
+
-14 109 -49 164 -58 62 -11 101 -7 126 14 15 14 38 18 78 16 39 -2 26 -41 -49
60
60
+
-146 -78 -109 -85 -118 -186 -219 -61 -61 -239 -189 -281 -203 -17 -5 -73 -29
61
61
+
-104 -44 -187 -92 -605 -103 -791 -21 -42 19 -47 24 -37 41 5 11 28 32 51 48
62
62
+
22 15 51 38 64 51 13 12 28 22 33 22 17 0 242 233 242 250 0 6 5 10 10 10 6 0
63
63
+
10 6 10 14 0 25 50 55 100 62 59 8 56 6 115 83 50 66 74 117 75 162 0 14 7 40
64
64
+
16 57 18 38 52 41 99 11z" fill="#EF454A"/>
65
65
+
66
66
+
</g>
67
67
+
<g transform="scale(3 3) matrix(0.866, -0.5, 0.25, 0.433, 85, 85)" >
68
68
+
<path d="M 0,70 A 65,70 0 0,0 65,0 5,5 0 0,1 75,0 75,70 0 0,1 0,70Z" fill="#FF6633" >
69
69
+
<animateTransform attributeName="transform" type="rotate" from="360 0 0" to="0 0 0" dur="1s" repeatCount="indefinite" />
70
70
+
<animate fill="freeze" dur="4000ms" begin="0s" values="#d38eff;#DD6699;#DDDD00;#008ccf" calMode="linear" attributeName="fill" repeatCount="indefinite" />
71
71
+
</path>
72
72
+
</g>
73
73
+
</svg>
74
74
+
···
1
1
+
<div align="center">
2
2
+
<a href="https://syui.ai"> <img src="./syui.svg" width="64"> </a>
3
3
+
<p><a href="https://syu.is/ai"><img src="./ai.svg" width="20"></a> <a href="https://syu.is/syui">syui</a></p>
4
4
+
</div>
···
1
1
+
<?xml version="1.0" standalone="no"?>
2
2
+
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
3
3
+
"http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
4
4
+
<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
5
5
+
width="512.000000pt" height="512.000000pt" viewBox="0 0 512.000000 512.000000"
6
6
+
preserveAspectRatio="xMidYMid meet">
7
7
+
<metadata>
8
8
+
syui
9
9
+
</metadata>
10
10
+
11
11
+
<g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
12
12
+
fill="#000000" stroke="none">
13
13
+
<path d="M3660 4460 c-11 -11 -33 -47 -48 -80 l-29 -60 -12 38 c-27 88 -58 92
14
14
+
-98 11 -35 -70 -73 -159 -73 -169 0 -6 -5 -10 -10 -10 -6 0 -15 -10 -21 -22
15
15
+
-33 -73 -52 -92 -47 -48 2 26 -1 35 -14 38 -16 3 -168 -121 -168 -138 0 -5
16
16
+
-13 -16 -28 -24 -24 -13 -35 -12 -87 0 -221 55 -231 56 -480 56 -219 1 -247
17
17
+
-1 -320 -22 -44 -12 -96 -26 -115 -30 -57 -13 -122 -39 -200 -82 -8 -4 -31
18
18
+
-14 -50 -23 -41 -17 -34 -13 -146 -90 -87 -59 -292 -252 -351 -330 -63 -83
19
19
+
-143 -209 -143 -225 0 -10 -7 -23 -15 -30 -8 -7 -15 -17 -15 -22 0 -5 -13 -37
20
20
+
-28 -71 -16 -34 -36 -93 -45 -132 -9 -38 -24 -104 -34 -145 -13 -60 -17 -121
21
21
+
-17 -300 1 -224 1 -225 36 -365 24 -94 53 -175 87 -247 28 -58 51 -108 51
22
22
+
-112 0 -3 13 -24 28 -48 42 -63 46 -79 22 -85 -11 -3 -20 -9 -20 -14 0 -5 -4
23
23
+
-9 -10 -9 -5 0 -22 -11 -37 -25 -16 -13 -75 -59 -133 -100 -58 -42 -113 -82
24
24
+
-123 -90 -9 -8 -22 -15 -27 -15 -6 0 -10 -6 -10 -13 0 -8 -11 -20 -25 -27 -34
25
25
+
-18 -34 -54 0 -48 14 3 25 2 25 -1 0 -3 -43 -31 -95 -61 -52 -30 -95 -58 -95
26
26
+
-62 0 -5 -5 -8 -11 -8 -19 0 -84 -33 -92 -47 -4 -7 -15 -13 -22 -13 -14 0 -17
27
27
+
-4 -19 -32 -1 -8 15 -15 37 -18 l38 -5 -47 -48 c-56 -59 -54 -81 9 -75 30 3
28
28
+
45 0 54 -11 9 -13 16 -14 43 -4 29 11 30 10 18 -5 -7 -9 -19 -23 -25 -30 -7
29
29
+
-7 -13 -20 -13 -29 0 -12 8 -14 38 -9 20 4 57 8 82 9 25 2 54 8 66 15 18 10
30
30
+
23 8 32 -13 17 -38 86 -35 152 6 27 17 50 34 50 38 0 16 62 30 85 19 33 -15
31
31
+
72 -2 89 30 8 15 31 43 51 62 35 34 38 35 118 35 77 0 85 2 126 33 24 17 52
32
32
+
32 61 32 9 0 42 18 73 40 30 22 61 40 69 40 21 0 88 -26 100 -38 7 -7 17 -12
33
33
+
24 -12 7 0 35 -11 62 -25 66 -33 263 -84 387 -101 189 -25 372 -12 574 41 106
34
34
+
27 130 37 261 97 41 20 80 37 85 39 6 2 51 31 100 64 166 111 405 372 489 534
35
35
+
10 20 22 43 27 51 5 8 12 22 15 30 3 8 17 40 31 70 54 115 95 313 108 520 13
36
36
+
200 -43 480 -134 672 -28 58 -51 108 -51 112 0 3 -13 24 -29 48 -15 24 -34 60
37
37
+
-40 80 -19 57 3 142 50 193 10 11 22 49 28 85 6 36 16 67 21 68 18 6 31 53 25
38
38
+
83 -4 18 -17 33 -36 41 -16 7 -29 15 -29 18 1 10 38 50 47 50 5 0 20 11 33 25
39
39
+
18 19 22 31 17 61 -3 20 -14 45 -23 55 -16 18 -16 20 6 44 15 16 21 32 18 49
40
40
+
-3 15 1 34 8 43 32 43 7 73 -46 55 l-30 -11 0 85 c0 74 -2 84 -18 84 -21 0
41
41
+
-53 -33 -103 -104 l-34 -48 -5 74 c-7 102 -35 133 -80 88z m-870 -740 c36 -7
42
42
+
75 -14 88 -16 21 -4 23 -9 16 -37 -3 -18 -14 -43 -24 -57 -10 -14 -20 -35 -24
43
43
+
-46 -4 -12 -16 -32 -27 -45 -12 -13 -37 -49 -56 -79 -20 -30 -52 -73 -72 -96
44
44
+
-53 -60 -114 -133 -156 -189 -21 -27 -44 -54 -52 -58 -7 -4 -13 -14 -13 -22 0
45
45
+
-7 -18 -33 -40 -57 -22 -23 -40 -46 -40 -50 0 -5 -19 -21 -42 -38 -47 -35 -85
46
46
+
-38 -188 -15 -115 25 -173 20 -264 -23 -45 -22 -106 -46 -136 -56 -48 -15 -77
47
47
+
-25 -140 -50 -70 -28 -100 -77 -51 -84 14 -2 34 -10 45 -17 12 -7 53 -16 91
48
48
+
-20 90 -9 131 -22 178 -57 20 -16 52 -35 70 -43 18 -7 40 -22 49 -32 16 -18
49
49
+
15 -22 -24 -88 -23 -39 -47 -74 -53 -80 -7 -5 -23 -26 -36 -45 -26 -39 -92
50
50
+
-113 -207 -232 -4 -4 -37 -36 -73 -71 l-66 -64 -20 41 c-58 119 -105 240 -115
51
51
+
301 -40 244 -35 409 20 595 8 30 21 66 28 80 7 14 24 54 38 89 15 35 35 75 46
52
52
+
89 11 13 20 31 20 38 0 8 3 14 8 14 4 0 16 16 27 36 24 45 221 245 278 281 23
53
53
+
15 44 30 47 33 20 20 138 78 250 123 61 24 167 50 250 61 60 7 302 -1 370 -14z
54
54
+
m837 -661 c52 -101 102 -279 106 -379 2 -42 0 -45 -28 -51 -16 -4 -101 -7
55
55
+
-187 -8 -166 -1 -229 10 -271 49 -19 19 -19 19 14 49 22 21 44 31 65 31 41 0
56
56
+
84 34 84 66 0 30 12 55 56 112 19 25 37 65 44 95 11 51 53 111 74 104 6 -2 25
57
57
+
-32 43 -68z m-662 -810 c17 -10 40 -24 53 -30 12 -7 22 -16 22 -20 0 -4 17
58
58
+
-13 38 -19 20 -7 44 -18 52 -24 8 -7 33 -21 55 -31 22 -11 42 -23 45 -26 11
59
59
+
-14 109 -49 164 -58 62 -11 101 -7 126 14 15 14 38 18 78 16 39 -2 26 -41 -49
60
60
+
-146 -78 -109 -85 -118 -186 -219 -61 -61 -239 -189 -281 -203 -17 -5 -73 -29
61
61
+
-104 -44 -187 -92 -605 -103 -791 -21 -42 19 -47 24 -37 41 5 11 28 32 51 48
62
62
+
22 15 51 38 64 51 13 12 28 22 33 22 17 0 242 233 242 250 0 6 5 10 10 10 6 0
63
63
+
10 6 10 14 0 25 50 55 100 62 59 8 56 6 115 83 50 66 74 117 75 162 0 14 7 40
64
64
+
16 57 18 38 52 41 99 11z" fill="#EF454A"/>
65
65
+
66
66
+
</g>
67
67
+
</svg>