@charcoal-ui/icons 3.3.0 → 3.4.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -0,0 +1,3346 @@
1
+ // Jest Snapshot v1, https://goo.gl/fbAQLP
2
+
3
+ exports[`Storyshots Icons/PixivIcon (<pixiv-icon>) Default 1`] = `
4
+ .c2 {
5
+ display: grid;
6
+ gap: 8px;
7
+ grid-template-columns: 1fr 1fr 1fr;
8
+ }
9
+
10
+ .c0 + .c0 {
11
+ margin-top: 64px;
12
+ }
13
+
14
+ .c3 {
15
+ color: #000000;
16
+ display: -webkit-inline-box;
17
+ display: -webkit-inline-flex;
18
+ display: -ms-inline-flexbox;
19
+ display: inline-flex;
20
+ -webkit-align-items: center;
21
+ -webkit-box-align: center;
22
+ -ms-flex-align: center;
23
+ align-items: center;
24
+ min-height: 32px;
25
+ }
26
+
27
+ .c3 pixiv-icon {
28
+ display: block;
29
+ -webkit-flex-shrink: 0;
30
+ -ms-flex-negative: 0;
31
+ flex-shrink: 0;
32
+ }
33
+
34
+ .c3 pixiv-icon + div {
35
+ -webkit-flex: 1 0;
36
+ -ms-flex: 1 0;
37
+ flex: 1 0;
38
+ margin-left: 8px;
39
+ font-size: 14px;
40
+ line-height: 22px;
41
+ }
42
+
43
+ .c1 {
44
+ font-size: 20px;
45
+ line-height: 28px;
46
+ font-weight: bold;
47
+ margin: 16px 0;
48
+ }
49
+
50
+ <div
51
+ data-dark={false}
52
+ >
53
+ <div
54
+ className="c0 "
55
+ >
56
+ <h2
57
+ className="c1"
58
+ >
59
+ 16
60
+ (scale:
61
+ 1
62
+ )
63
+ </h2>
64
+ <div
65
+ className="c2"
66
+ >
67
+ <div
68
+ className="c3"
69
+ color="#000000"
70
+ >
71
+ <pixiv-icon
72
+ name="16/Add"
73
+ scale={1}
74
+ />
75
+ <div>
76
+ 16/Add
77
+ </div>
78
+ </div>
79
+ <div
80
+ className="c3"
81
+ color="#000000"
82
+ >
83
+ <pixiv-icon
84
+ name="16/Archive"
85
+ scale={1}
86
+ />
87
+ <div>
88
+ 16/Archive
89
+ </div>
90
+ </div>
91
+ <div
92
+ className="c3"
93
+ color="#000000"
94
+ >
95
+ <pixiv-icon
96
+ name="16/ArrowDown"
97
+ scale={1}
98
+ />
99
+ <div>
100
+ 16/ArrowDown
101
+ </div>
102
+ </div>
103
+ <div
104
+ className="c3"
105
+ color="#000000"
106
+ >
107
+ <pixiv-icon
108
+ name="16/Artwork"
109
+ scale={1}
110
+ />
111
+ <div>
112
+ 16/Artwork
113
+ </div>
114
+ </div>
115
+ <div
116
+ className="c3"
117
+ color="#000000"
118
+ >
119
+ <pixiv-icon
120
+ name="16/Back"
121
+ scale={1}
122
+ />
123
+ <div>
124
+ 16/Back
125
+ </div>
126
+ </div>
127
+ <div
128
+ className="c3"
129
+ color="#000000"
130
+ >
131
+ <pixiv-icon
132
+ name="16/Book"
133
+ scale={1}
134
+ />
135
+ <div>
136
+ 16/Book
137
+ </div>
138
+ </div>
139
+ <div
140
+ className="c3"
141
+ color="#000000"
142
+ >
143
+ <pixiv-icon
144
+ name="16/BookmarkOff"
145
+ scale={1}
146
+ />
147
+ <div>
148
+ 16/BookmarkOff
149
+ </div>
150
+ </div>
151
+ <div
152
+ className="c3"
153
+ color="#000000"
154
+ >
155
+ <pixiv-icon
156
+ name="16/BookmarkOn"
157
+ scale={1}
158
+ />
159
+ <div>
160
+ 16/BookmarkOn
161
+ </div>
162
+ </div>
163
+ <div
164
+ className="c3"
165
+ color="#000000"
166
+ >
167
+ <pixiv-icon
168
+ name="16/Check"
169
+ scale={1}
170
+ />
171
+ <div>
172
+ 16/Check
173
+ </div>
174
+ </div>
175
+ <div
176
+ className="c3"
177
+ color="#000000"
178
+ >
179
+ <pixiv-icon
180
+ name="16/Comment"
181
+ scale={1}
182
+ />
183
+ <div>
184
+ 16/Comment
185
+ </div>
186
+ </div>
187
+ <div
188
+ className="c3"
189
+ color="#000000"
190
+ >
191
+ <pixiv-icon
192
+ name="16/Dot"
193
+ scale={1}
194
+ />
195
+ <div>
196
+ 16/Dot
197
+ </div>
198
+ </div>
199
+ <div
200
+ className="c3"
201
+ color="#000000"
202
+ >
203
+ <pixiv-icon
204
+ name="16/Error"
205
+ scale={1}
206
+ />
207
+ <div>
208
+ 16/Error
209
+ </div>
210
+ </div>
211
+ <div
212
+ className="c3"
213
+ color="#000000"
214
+ >
215
+ <pixiv-icon
216
+ name="16/Filter"
217
+ scale={1}
218
+ />
219
+ <div>
220
+ 16/Filter
221
+ </div>
222
+ </div>
223
+ <div
224
+ className="c3"
225
+ color="#000000"
226
+ >
227
+ <pixiv-icon
228
+ name="16/ImageResponse"
229
+ scale={1}
230
+ />
231
+ <div>
232
+ 16/ImageResponse
233
+ </div>
234
+ </div>
235
+ <div
236
+ className="c3"
237
+ color="#000000"
238
+ >
239
+ <pixiv-icon
240
+ name="16/Info"
241
+ scale={1}
242
+ />
243
+ <div>
244
+ 16/Info
245
+ </div>
246
+ </div>
247
+ <div
248
+ className="c3"
249
+ color="#000000"
250
+ >
251
+ <pixiv-icon
252
+ name="16/Like"
253
+ scale={1}
254
+ />
255
+ <div>
256
+ 16/Like
257
+ </div>
258
+ </div>
259
+ <div
260
+ className="c3"
261
+ color="#000000"
262
+ >
263
+ <pixiv-icon
264
+ name="16/Menu"
265
+ scale={1}
266
+ />
267
+ <div>
268
+ 16/Menu
269
+ </div>
270
+ </div>
271
+ <div
272
+ className="c3"
273
+ color="#000000"
274
+ >
275
+ <pixiv-icon
276
+ name="16/More"
277
+ scale={1}
278
+ />
279
+ <div>
280
+ 16/More
281
+ </div>
282
+ </div>
283
+ <div
284
+ className="c3"
285
+ color="#000000"
286
+ >
287
+ <pixiv-icon
288
+ name="16/Nextworks"
289
+ scale={1}
290
+ />
291
+ <div>
292
+ 16/Nextworks
293
+ </div>
294
+ </div>
295
+ <div
296
+ className="c3"
297
+ color="#000000"
298
+ >
299
+ <pixiv-icon
300
+ name="16/Pencil"
301
+ scale={1}
302
+ />
303
+ <div>
304
+ 16/Pencil
305
+ </div>
306
+ </div>
307
+ <div
308
+ className="c3"
309
+ color="#000000"
310
+ >
311
+ <pixiv-icon
312
+ name="16/Question"
313
+ scale={1}
314
+ />
315
+ <div>
316
+ 16/Question
317
+ </div>
318
+ </div>
319
+ <div
320
+ className="c3"
321
+ color="#000000"
322
+ >
323
+ <pixiv-icon
324
+ name="16/Ranking"
325
+ scale={1}
326
+ />
327
+ <div>
328
+ 16/Ranking
329
+ </div>
330
+ </div>
331
+ <div
332
+ className="c3"
333
+ color="#000000"
334
+ >
335
+ <pixiv-icon
336
+ name="16/Remove"
337
+ scale={1}
338
+ />
339
+ <div>
340
+ 16/Remove
341
+ </div>
342
+ </div>
343
+ <div
344
+ className="c3"
345
+ color="#000000"
346
+ >
347
+ <pixiv-icon
348
+ name="16/Search"
349
+ scale={1}
350
+ />
351
+ <div>
352
+ 16/Search
353
+ </div>
354
+ </div>
355
+ <div
356
+ className="c3"
357
+ color="#000000"
358
+ >
359
+ <pixiv-icon
360
+ name="16/Smile"
361
+ scale={1}
362
+ />
363
+ <div>
364
+ 16/Smile
365
+ </div>
366
+ </div>
367
+ <div
368
+ className="c3"
369
+ color="#000000"
370
+ >
371
+ <pixiv-icon
372
+ name="16/Speaker"
373
+ scale={1}
374
+ />
375
+ <div>
376
+ 16/Speaker
377
+ </div>
378
+ </div>
379
+ <div
380
+ className="c3"
381
+ color="#000000"
382
+ >
383
+ <pixiv-icon
384
+ name="16/View"
385
+ scale={1}
386
+ />
387
+ <div>
388
+ 16/View
389
+ </div>
390
+ </div>
391
+ </div>
392
+ </div>
393
+ <div
394
+ className="c0 "
395
+ >
396
+ <h2
397
+ className="c1"
398
+ >
399
+ 24
400
+ (scale:
401
+ 1
402
+ )
403
+ </h2>
404
+ <div
405
+ className="c2"
406
+ >
407
+ <div
408
+ className="c3"
409
+ color="#000000"
410
+ >
411
+ <pixiv-icon
412
+ name="24/Add"
413
+ scale={1}
414
+ />
415
+ <div>
416
+ 24/Add
417
+ </div>
418
+ </div>
419
+ <div
420
+ className="c3"
421
+ color="#000000"
422
+ >
423
+ <pixiv-icon
424
+ name="24/AddImage"
425
+ scale={1}
426
+ />
427
+ <div>
428
+ 24/AddImage
429
+ </div>
430
+ </div>
431
+ <div
432
+ className="c3"
433
+ color="#000000"
434
+ >
435
+ <pixiv-icon
436
+ name="24/AddModel"
437
+ scale={1}
438
+ />
439
+ <div>
440
+ 24/AddModel
441
+ </div>
442
+ </div>
443
+ <div
444
+ className="c3"
445
+ color="#000000"
446
+ >
447
+ <pixiv-icon
448
+ name="24/AddPeople"
449
+ scale={1}
450
+ />
451
+ <div>
452
+ 24/AddPeople
453
+ </div>
454
+ </div>
455
+ <div
456
+ className="c3"
457
+ color="#000000"
458
+ >
459
+ <pixiv-icon
460
+ name="24/AddRubi"
461
+ scale={1}
462
+ />
463
+ <div>
464
+ 24/AddRubi
465
+ </div>
466
+ </div>
467
+ <div
468
+ className="c3"
469
+ color="#000000"
470
+ >
471
+ <pixiv-icon
472
+ name="24/AddText"
473
+ scale={1}
474
+ />
475
+ <div>
476
+ 24/AddText
477
+ </div>
478
+ </div>
479
+ <div
480
+ className="c3"
481
+ color="#000000"
482
+ >
483
+ <pixiv-icon
484
+ name="24/Alart"
485
+ scale={1}
486
+ />
487
+ <div>
488
+ 24/Alart
489
+ </div>
490
+ </div>
491
+ <div
492
+ className="c3"
493
+ color="#000000"
494
+ >
495
+ <pixiv-icon
496
+ name="24/Announcement"
497
+ scale={1}
498
+ />
499
+ <div>
500
+ 24/Announcement
501
+ </div>
502
+ </div>
503
+ <div
504
+ className="c3"
505
+ color="#000000"
506
+ >
507
+ <pixiv-icon
508
+ name="24/Ar"
509
+ scale={1}
510
+ />
511
+ <div>
512
+ 24/Ar
513
+ </div>
514
+ </div>
515
+ <div
516
+ className="c3"
517
+ color="#000000"
518
+ >
519
+ <pixiv-icon
520
+ name="24/Archive"
521
+ scale={1}
522
+ />
523
+ <div>
524
+ 24/Archive
525
+ </div>
526
+ </div>
527
+ <div
528
+ className="c3"
529
+ color="#000000"
530
+ >
531
+ <pixiv-icon
532
+ name="24/ArrowDown"
533
+ scale={1}
534
+ />
535
+ <div>
536
+ 24/ArrowDown
537
+ </div>
538
+ </div>
539
+ <div
540
+ className="c3"
541
+ color="#000000"
542
+ >
543
+ <pixiv-icon
544
+ name="24/ArrowUp"
545
+ scale={1}
546
+ />
547
+ <div>
548
+ 24/ArrowUp
549
+ </div>
550
+ </div>
551
+ <div
552
+ className="c3"
553
+ color="#000000"
554
+ >
555
+ <pixiv-icon
556
+ name="24/Binet"
557
+ scale={1}
558
+ />
559
+ <div>
560
+ 24/Binet
561
+ </div>
562
+ </div>
563
+ <div
564
+ className="c3"
565
+ color="#000000"
566
+ >
567
+ <pixiv-icon
568
+ name="24/Body"
569
+ scale={1}
570
+ />
571
+ <div>
572
+ 24/Body
573
+ </div>
574
+ </div>
575
+ <div
576
+ className="c3"
577
+ color="#000000"
578
+ >
579
+ <pixiv-icon
580
+ name="24/BodyEdit"
581
+ scale={1}
582
+ />
583
+ <div>
584
+ 24/BodyEdit
585
+ </div>
586
+ </div>
587
+ <div
588
+ className="c3"
589
+ color="#000000"
590
+ >
591
+ <pixiv-icon
592
+ name="24/Book"
593
+ scale={1}
594
+ />
595
+ <div>
596
+ 24/Book
597
+ </div>
598
+ </div>
599
+ <div
600
+ className="c3"
601
+ color="#000000"
602
+ >
603
+ <pixiv-icon
604
+ name="24/BringBackward"
605
+ scale={1}
606
+ />
607
+ <div>
608
+ 24/BringBackward
609
+ </div>
610
+ </div>
611
+ <div
612
+ className="c3"
613
+ color="#000000"
614
+ >
615
+ <pixiv-icon
616
+ name="24/BringForward"
617
+ scale={1}
618
+ />
619
+ <div>
620
+ 24/BringForward
621
+ </div>
622
+ </div>
623
+ <div
624
+ className="c3"
625
+ color="#000000"
626
+ >
627
+ <pixiv-icon
628
+ name="24/Calendar"
629
+ scale={1}
630
+ />
631
+ <div>
632
+ 24/Calendar
633
+ </div>
634
+ </div>
635
+ <div
636
+ className="c3"
637
+ color="#000000"
638
+ >
639
+ <pixiv-icon
640
+ name="24/Camera"
641
+ scale={1}
642
+ />
643
+ <div>
644
+ 24/Camera
645
+ </div>
646
+ </div>
647
+ <div
648
+ className="c3"
649
+ color="#000000"
650
+ >
651
+ <pixiv-icon
652
+ name="24/CameraVideo"
653
+ scale={1}
654
+ />
655
+ <div>
656
+ 24/CameraVideo
657
+ </div>
658
+ </div>
659
+ <div
660
+ className="c3"
661
+ color="#000000"
662
+ >
663
+ <pixiv-icon
664
+ name="24/ChangeCharactor"
665
+ scale={1}
666
+ />
667
+ <div>
668
+ 24/ChangeCharactor
669
+ </div>
670
+ </div>
671
+ <div
672
+ className="c3"
673
+ color="#000000"
674
+ >
675
+ <pixiv-icon
676
+ name="24/ChatBot"
677
+ scale={1}
678
+ />
679
+ <div>
680
+ 24/ChatBot
681
+ </div>
682
+ </div>
683
+ <div
684
+ className="c3"
685
+ color="#000000"
686
+ >
687
+ <pixiv-icon
688
+ name="24/Check"
689
+ scale={1}
690
+ />
691
+ <div>
692
+ 24/Check
693
+ </div>
694
+ </div>
695
+ <div
696
+ className="c3"
697
+ color="#000000"
698
+ >
699
+ <pixiv-icon
700
+ name="24/ChromaticAberration"
701
+ scale={1}
702
+ />
703
+ <div>
704
+ 24/ChromaticAberration
705
+ </div>
706
+ </div>
707
+ <div
708
+ className="c3"
709
+ color="#000000"
710
+ >
711
+ <pixiv-icon
712
+ name="24/Close"
713
+ scale={1}
714
+ />
715
+ <div>
716
+ 24/Close
717
+ </div>
718
+ </div>
719
+ <div
720
+ className="c3"
721
+ color="#000000"
722
+ >
723
+ <pixiv-icon
724
+ name="24/Codes"
725
+ scale={1}
726
+ />
727
+ <div>
728
+ 24/Codes
729
+ </div>
730
+ </div>
731
+ <div
732
+ className="c3"
733
+ color="#000000"
734
+ >
735
+ <pixiv-icon
736
+ name="24/Collapse"
737
+ scale={1}
738
+ />
739
+ <div>
740
+ 24/Collapse
741
+ </div>
742
+ </div>
743
+ <div
744
+ className="c3"
745
+ color="#000000"
746
+ >
747
+ <pixiv-icon
748
+ name="24/CommentFill"
749
+ scale={1}
750
+ />
751
+ <div>
752
+ 24/CommentFill
753
+ </div>
754
+ </div>
755
+ <div
756
+ className="c3"
757
+ color="#000000"
758
+ >
759
+ <pixiv-icon
760
+ name="24/CommentOutline"
761
+ scale={1}
762
+ />
763
+ <div>
764
+ 24/CommentOutline
765
+ </div>
766
+ </div>
767
+ <div
768
+ className="c3"
769
+ color="#000000"
770
+ >
771
+ <pixiv-icon
772
+ name="24/Contest"
773
+ scale={1}
774
+ />
775
+ <div>
776
+ 24/Contest
777
+ </div>
778
+ </div>
779
+ <div
780
+ className="c3"
781
+ color="#000000"
782
+ >
783
+ <pixiv-icon
784
+ name="24/Contrast"
785
+ scale={1}
786
+ />
787
+ <div>
788
+ 24/Contrast
789
+ </div>
790
+ </div>
791
+ <div
792
+ className="c3"
793
+ color="#000000"
794
+ >
795
+ <pixiv-icon
796
+ name="24/Description"
797
+ scale={1}
798
+ />
799
+ <div>
800
+ 24/Description
801
+ </div>
802
+ </div>
803
+ <div
804
+ className="c3"
805
+ color="#000000"
806
+ >
807
+ <pixiv-icon
808
+ name="24/DeviceRotation"
809
+ scale={1}
810
+ />
811
+ <div>
812
+ 24/DeviceRotation
813
+ </div>
814
+ </div>
815
+ <div
816
+ className="c3"
817
+ color="#000000"
818
+ >
819
+ <pixiv-icon
820
+ name="24/Discovery"
821
+ scale={1}
822
+ />
823
+ <div>
824
+ 24/Discovery
825
+ </div>
826
+ </div>
827
+ <div
828
+ className="c3"
829
+ color="#000000"
830
+ >
831
+ <pixiv-icon
832
+ name="24/Dot"
833
+ scale={1}
834
+ />
835
+ <div>
836
+ 24/Dot
837
+ </div>
838
+ </div>
839
+ <div
840
+ className="c3"
841
+ color="#000000"
842
+ >
843
+ <pixiv-icon
844
+ name="24/DotAlt"
845
+ scale={1}
846
+ />
847
+ <div>
848
+ 24/DotAlt
849
+ </div>
850
+ </div>
851
+ <div
852
+ className="c3"
853
+ color="#000000"
854
+ >
855
+ <pixiv-icon
856
+ name="24/Down"
857
+ scale={1}
858
+ />
859
+ <div>
860
+ 24/Down
861
+ </div>
862
+ </div>
863
+ <div
864
+ className="c3"
865
+ color="#000000"
866
+ >
867
+ <pixiv-icon
868
+ name="24/DownloadAlt"
869
+ scale={1}
870
+ />
871
+ <div>
872
+ 24/DownloadAlt
873
+ </div>
874
+ </div>
875
+ <div
876
+ className="c3"
877
+ color="#000000"
878
+ >
879
+ <pixiv-icon
880
+ name="24/Duplicate"
881
+ scale={1}
882
+ />
883
+ <div>
884
+ 24/Duplicate
885
+ </div>
886
+ </div>
887
+ <div
888
+ className="c3"
889
+ color="#000000"
890
+ >
891
+ <pixiv-icon
892
+ name="24/Dust"
893
+ scale={1}
894
+ />
895
+ <div>
896
+ 24/Dust
897
+ </div>
898
+ </div>
899
+ <div
900
+ className="c3"
901
+ color="#000000"
902
+ >
903
+ <pixiv-icon
904
+ name="24/Emoji"
905
+ scale={1}
906
+ />
907
+ <div>
908
+ 24/Emoji
909
+ </div>
910
+ </div>
911
+ <div
912
+ className="c3"
913
+ color="#000000"
914
+ >
915
+ <pixiv-icon
916
+ name="24/Error"
917
+ scale={1}
918
+ />
919
+ <div>
920
+ 24/Error
921
+ </div>
922
+ </div>
923
+ <div
924
+ className="c3"
925
+ color="#000000"
926
+ >
927
+ <pixiv-icon
928
+ name="24/ErrorOctagon"
929
+ scale={1}
930
+ />
931
+ <div>
932
+ 24/ErrorOctagon
933
+ </div>
934
+ </div>
935
+ <div
936
+ className="c3"
937
+ color="#000000"
938
+ >
939
+ <pixiv-icon
940
+ name="24/Events"
941
+ scale={1}
942
+ />
943
+ <div>
944
+ 24/Events
945
+ </div>
946
+ </div>
947
+ <div
948
+ className="c3"
949
+ color="#000000"
950
+ >
951
+ <pixiv-icon
952
+ name="24/Expand"
953
+ scale={1}
954
+ />
955
+ <div>
956
+ 24/Expand
957
+ </div>
958
+ </div>
959
+ <div
960
+ className="c3"
961
+ color="#000000"
962
+ >
963
+ <pixiv-icon
964
+ name="24/FaceEdit"
965
+ scale={1}
966
+ />
967
+ <div>
968
+ 24/FaceEdit
969
+ </div>
970
+ </div>
971
+ <div
972
+ className="c3"
973
+ color="#000000"
974
+ >
975
+ <pixiv-icon
976
+ name="24/Fashion"
977
+ scale={1}
978
+ />
979
+ <div>
980
+ 24/Fashion
981
+ </div>
982
+ </div>
983
+ <div
984
+ className="c3"
985
+ color="#000000"
986
+ >
987
+ <pixiv-icon
988
+ name="24/Feed"
989
+ scale={1}
990
+ />
991
+ <div>
992
+ 24/Feed
993
+ </div>
994
+ </div>
995
+ <div
996
+ className="c3"
997
+ color="#000000"
998
+ >
999
+ <pixiv-icon
1000
+ name="24/File"
1001
+ scale={1}
1002
+ />
1003
+ <div>
1004
+ 24/File
1005
+ </div>
1006
+ </div>
1007
+ <div
1008
+ className="c3"
1009
+ color="#000000"
1010
+ >
1011
+ <pixiv-icon
1012
+ name="24/Filter"
1013
+ scale={1}
1014
+ />
1015
+ <div>
1016
+ 24/Filter
1017
+ </div>
1018
+ </div>
1019
+ <div
1020
+ className="c3"
1021
+ color="#000000"
1022
+ >
1023
+ <pixiv-icon
1024
+ name="24/Flare"
1025
+ scale={1}
1026
+ />
1027
+ <div>
1028
+ 24/Flare
1029
+ </div>
1030
+ </div>
1031
+ <div
1032
+ className="c3"
1033
+ color="#000000"
1034
+ >
1035
+ <pixiv-icon
1036
+ name="24/FormatAlignCenter"
1037
+ scale={1}
1038
+ />
1039
+ <div>
1040
+ 24/FormatAlignCenter
1041
+ </div>
1042
+ </div>
1043
+ <div
1044
+ className="c3"
1045
+ color="#000000"
1046
+ >
1047
+ <pixiv-icon
1048
+ name="24/FormatAlignLeft"
1049
+ scale={1}
1050
+ />
1051
+ <div>
1052
+ 24/FormatAlignLeft
1053
+ </div>
1054
+ </div>
1055
+ <div
1056
+ className="c3"
1057
+ color="#000000"
1058
+ >
1059
+ <pixiv-icon
1060
+ name="24/FormatAlignRight"
1061
+ scale={1}
1062
+ />
1063
+ <div>
1064
+ 24/FormatAlignRight
1065
+ </div>
1066
+ </div>
1067
+ <div
1068
+ className="c3"
1069
+ color="#000000"
1070
+ >
1071
+ <pixiv-icon
1072
+ name="24/FormatColorFill"
1073
+ scale={1}
1074
+ />
1075
+ <div>
1076
+ 24/FormatColorFill
1077
+ </div>
1078
+ </div>
1079
+ <div
1080
+ className="c3"
1081
+ color="#000000"
1082
+ >
1083
+ <pixiv-icon
1084
+ name="24/FormatColorFillNoColor"
1085
+ scale={1}
1086
+ />
1087
+ <div>
1088
+ 24/FormatColorFillNoColor
1089
+ </div>
1090
+ </div>
1091
+ <div
1092
+ className="c3"
1093
+ color="#000000"
1094
+ >
1095
+ <pixiv-icon
1096
+ name="24/FormatFontFamily"
1097
+ scale={1}
1098
+ />
1099
+ <div>
1100
+ 24/FormatFontFamily
1101
+ </div>
1102
+ </div>
1103
+ <div
1104
+ className="c3"
1105
+ color="#000000"
1106
+ >
1107
+ <pixiv-icon
1108
+ name="24/FormatFontSize"
1109
+ scale={1}
1110
+ />
1111
+ <div>
1112
+ 24/FormatFontSize
1113
+ </div>
1114
+ </div>
1115
+ <div
1116
+ className="c3"
1117
+ color="#000000"
1118
+ >
1119
+ <pixiv-icon
1120
+ name="24/FormatLetterSpacing"
1121
+ scale={1}
1122
+ />
1123
+ <div>
1124
+ 24/FormatLetterSpacing
1125
+ </div>
1126
+ </div>
1127
+ <div
1128
+ className="c3"
1129
+ color="#000000"
1130
+ >
1131
+ <pixiv-icon
1132
+ name="24/FormatLineSpacing"
1133
+ scale={1}
1134
+ />
1135
+ <div>
1136
+ 24/FormatLineSpacing
1137
+ </div>
1138
+ </div>
1139
+ <div
1140
+ className="c3"
1141
+ color="#000000"
1142
+ >
1143
+ <pixiv-icon
1144
+ name="24/Fov"
1145
+ scale={1}
1146
+ />
1147
+ <div>
1148
+ 24/Fov
1149
+ </div>
1150
+ </div>
1151
+ <div
1152
+ className="c3"
1153
+ color="#000000"
1154
+ >
1155
+ <pixiv-icon
1156
+ name="24/FrameEffect"
1157
+ scale={1}
1158
+ />
1159
+ <div>
1160
+ 24/FrameEffect
1161
+ </div>
1162
+ </div>
1163
+ <div
1164
+ className="c3"
1165
+ color="#000000"
1166
+ >
1167
+ <pixiv-icon
1168
+ name="24/FrameSize"
1169
+ scale={1}
1170
+ />
1171
+ <div>
1172
+ 24/FrameSize
1173
+ </div>
1174
+ </div>
1175
+ <div
1176
+ className="c3"
1177
+ color="#000000"
1178
+ >
1179
+ <pixiv-icon
1180
+ name="24/Gift"
1181
+ scale={1}
1182
+ />
1183
+ <div>
1184
+ 24/Gift
1185
+ </div>
1186
+ </div>
1187
+ <div
1188
+ className="c3"
1189
+ color="#000000"
1190
+ >
1191
+ <pixiv-icon
1192
+ name="24/Glow"
1193
+ scale={1}
1194
+ />
1195
+ <div>
1196
+ 24/Glow
1197
+ </div>
1198
+ </div>
1199
+ <div
1200
+ className="c3"
1201
+ color="#000000"
1202
+ >
1203
+ <pixiv-icon
1204
+ name="24/Groups"
1205
+ scale={1}
1206
+ />
1207
+ <div>
1208
+ 24/Groups
1209
+ </div>
1210
+ </div>
1211
+ <div
1212
+ className="c3"
1213
+ color="#000000"
1214
+ >
1215
+ <pixiv-icon
1216
+ name="24/HairEdit"
1217
+ scale={1}
1218
+ />
1219
+ <div>
1220
+ 24/HairEdit
1221
+ </div>
1222
+ </div>
1223
+ <div
1224
+ className="c3"
1225
+ color="#000000"
1226
+ >
1227
+ <pixiv-icon
1228
+ name="24/Hashtag"
1229
+ scale={1}
1230
+ />
1231
+ <div>
1232
+ 24/Hashtag
1233
+ </div>
1234
+ </div>
1235
+ <div
1236
+ className="c3"
1237
+ color="#000000"
1238
+ >
1239
+ <pixiv-icon
1240
+ name="24/Hide"
1241
+ scale={1}
1242
+ />
1243
+ <div>
1244
+ 24/Hide
1245
+ </div>
1246
+ </div>
1247
+ <div
1248
+ className="c3"
1249
+ color="#000000"
1250
+ >
1251
+ <pixiv-icon
1252
+ name="24/Home"
1253
+ scale={1}
1254
+ />
1255
+ <div>
1256
+ 24/Home
1257
+ </div>
1258
+ </div>
1259
+ <div
1260
+ className="c3"
1261
+ color="#000000"
1262
+ >
1263
+ <pixiv-icon
1264
+ name="24/Hue"
1265
+ scale={1}
1266
+ />
1267
+ <div>
1268
+ 24/Hue
1269
+ </div>
1270
+ </div>
1271
+ <div
1272
+ className="c3"
1273
+ color="#000000"
1274
+ >
1275
+ <pixiv-icon
1276
+ name="24/Idea"
1277
+ scale={1}
1278
+ />
1279
+ <div>
1280
+ 24/Idea
1281
+ </div>
1282
+ </div>
1283
+ <div
1284
+ className="c3"
1285
+ color="#000000"
1286
+ >
1287
+ <pixiv-icon
1288
+ name="24/Image"
1289
+ scale={1}
1290
+ />
1291
+ <div>
1292
+ 24/Image
1293
+ </div>
1294
+ </div>
1295
+ <div
1296
+ className="c3"
1297
+ color="#000000"
1298
+ >
1299
+ <pixiv-icon
1300
+ name="24/ImageAlt"
1301
+ scale={1}
1302
+ />
1303
+ <div>
1304
+ 24/ImageAlt
1305
+ </div>
1306
+ </div>
1307
+ <div
1308
+ className="c3"
1309
+ color="#000000"
1310
+ >
1311
+ <pixiv-icon
1312
+ name="24/ImageHidden"
1313
+ scale={1}
1314
+ />
1315
+ <div>
1316
+ 24/ImageHidden
1317
+ </div>
1318
+ </div>
1319
+ <div
1320
+ className="c3"
1321
+ color="#000000"
1322
+ >
1323
+ <pixiv-icon
1324
+ name="24/ImageReplace"
1325
+ scale={1}
1326
+ />
1327
+ <div>
1328
+ 24/ImageReplace
1329
+ </div>
1330
+ </div>
1331
+ <div
1332
+ className="c3"
1333
+ color="#000000"
1334
+ >
1335
+ <pixiv-icon
1336
+ name="24/Images"
1337
+ scale={1}
1338
+ />
1339
+ <div>
1340
+ 24/Images
1341
+ </div>
1342
+ </div>
1343
+ <div
1344
+ className="c3"
1345
+ color="#000000"
1346
+ >
1347
+ <pixiv-icon
1348
+ name="24/ImgContain"
1349
+ scale={1}
1350
+ />
1351
+ <div>
1352
+ 24/ImgContain
1353
+ </div>
1354
+ </div>
1355
+ <div
1356
+ className="c3"
1357
+ color="#000000"
1358
+ >
1359
+ <pixiv-icon
1360
+ name="24/ImgCover"
1361
+ scale={1}
1362
+ />
1363
+ <div>
1364
+ 24/ImgCover
1365
+ </div>
1366
+ </div>
1367
+ <div
1368
+ className="c3"
1369
+ color="#000000"
1370
+ >
1371
+ <pixiv-icon
1372
+ name="24/Index"
1373
+ scale={1}
1374
+ />
1375
+ <div>
1376
+ 24/Index
1377
+ </div>
1378
+ </div>
1379
+ <div
1380
+ className="c3"
1381
+ color="#000000"
1382
+ >
1383
+ <pixiv-icon
1384
+ name="24/Info"
1385
+ scale={1}
1386
+ />
1387
+ <div>
1388
+ 24/Info
1389
+ </div>
1390
+ </div>
1391
+ <div
1392
+ className="c3"
1393
+ color="#000000"
1394
+ >
1395
+ <pixiv-icon
1396
+ name="24/Invalid"
1397
+ scale={1}
1398
+ />
1399
+ <div>
1400
+ 24/Invalid
1401
+ </div>
1402
+ </div>
1403
+ <div
1404
+ className="c3"
1405
+ color="#000000"
1406
+ >
1407
+ <pixiv-icon
1408
+ name="24/Invoice"
1409
+ scale={1}
1410
+ />
1411
+ <div>
1412
+ 24/Invoice
1413
+ </div>
1414
+ </div>
1415
+ <div
1416
+ className="c3"
1417
+ color="#000000"
1418
+ >
1419
+ <pixiv-icon
1420
+ name="24/ItemRemove"
1421
+ scale={1}
1422
+ />
1423
+ <div>
1424
+ 24/ItemRemove
1425
+ </div>
1426
+ </div>
1427
+ <div
1428
+ className="c3"
1429
+ color="#000000"
1430
+ >
1431
+ <pixiv-icon
1432
+ name="24/LatestWorks"
1433
+ scale={1}
1434
+ />
1435
+ <div>
1436
+ 24/LatestWorks
1437
+ </div>
1438
+ </div>
1439
+ <div
1440
+ className="c3"
1441
+ color="#000000"
1442
+ >
1443
+ <pixiv-icon
1444
+ name="24/LikeOff"
1445
+ scale={1}
1446
+ />
1447
+ <div>
1448
+ 24/LikeOff
1449
+ </div>
1450
+ </div>
1451
+ <div
1452
+ className="c3"
1453
+ color="#000000"
1454
+ >
1455
+ <pixiv-icon
1456
+ name="24/LikeOn"
1457
+ scale={1}
1458
+ />
1459
+ <div>
1460
+ 24/LikeOn
1461
+ </div>
1462
+ </div>
1463
+ <div
1464
+ className="c3"
1465
+ color="#000000"
1466
+ >
1467
+ <pixiv-icon
1468
+ name="24/Link"
1469
+ scale={1}
1470
+ />
1471
+ <div>
1472
+ 24/Link
1473
+ </div>
1474
+ </div>
1475
+ <div
1476
+ className="c3"
1477
+ color="#000000"
1478
+ >
1479
+ <pixiv-icon
1480
+ name="24/List"
1481
+ scale={1}
1482
+ />
1483
+ <div>
1484
+ 24/List
1485
+ </div>
1486
+ </div>
1487
+ <div
1488
+ className="c3"
1489
+ color="#000000"
1490
+ >
1491
+ <pixiv-icon
1492
+ name="24/LockLock"
1493
+ scale={1}
1494
+ />
1495
+ <div>
1496
+ 24/LockLock
1497
+ </div>
1498
+ </div>
1499
+ <div
1500
+ className="c3"
1501
+ color="#000000"
1502
+ >
1503
+ <pixiv-icon
1504
+ name="24/LockUnlock"
1505
+ scale={1}
1506
+ />
1507
+ <div>
1508
+ 24/LockUnlock
1509
+ </div>
1510
+ </div>
1511
+ <div
1512
+ className="c3"
1513
+ color="#000000"
1514
+ >
1515
+ <pixiv-icon
1516
+ name="24/Logout"
1517
+ scale={1}
1518
+ />
1519
+ <div>
1520
+ 24/Logout
1521
+ </div>
1522
+ </div>
1523
+ <div
1524
+ className="c3"
1525
+ color="#000000"
1526
+ >
1527
+ <pixiv-icon
1528
+ name="24/Manga"
1529
+ scale={1}
1530
+ />
1531
+ <div>
1532
+ 24/Manga
1533
+ </div>
1534
+ </div>
1535
+ <div
1536
+ className="c3"
1537
+ color="#000000"
1538
+ >
1539
+ <pixiv-icon
1540
+ name="24/Menu"
1541
+ scale={1}
1542
+ />
1543
+ <div>
1544
+ 24/Menu
1545
+ </div>
1546
+ </div>
1547
+ <div
1548
+ className="c3"
1549
+ color="#000000"
1550
+ >
1551
+ <pixiv-icon
1552
+ name="24/Message"
1553
+ scale={1}
1554
+ />
1555
+ <div>
1556
+ 24/Message
1557
+ </div>
1558
+ </div>
1559
+ <div
1560
+ className="c3"
1561
+ color="#000000"
1562
+ >
1563
+ <pixiv-icon
1564
+ name="24/Microphone"
1565
+ scale={1}
1566
+ />
1567
+ <div>
1568
+ 24/Microphone
1569
+ </div>
1570
+ </div>
1571
+ <div
1572
+ className="c3"
1573
+ color="#000000"
1574
+ >
1575
+ <pixiv-icon
1576
+ name="24/MobilePhone"
1577
+ scale={1}
1578
+ />
1579
+ <div>
1580
+ 24/MobilePhone
1581
+ </div>
1582
+ </div>
1583
+ <div
1584
+ className="c3"
1585
+ color="#000000"
1586
+ >
1587
+ <pixiv-icon
1588
+ name="24/Move1"
1589
+ scale={1}
1590
+ />
1591
+ <div>
1592
+ 24/Move1
1593
+ </div>
1594
+ </div>
1595
+ <div
1596
+ className="c3"
1597
+ color="#000000"
1598
+ >
1599
+ <pixiv-icon
1600
+ name="24/Next"
1601
+ scale={1}
1602
+ />
1603
+ <div>
1604
+ 24/Next
1605
+ </div>
1606
+ </div>
1607
+ <div
1608
+ className="c3"
1609
+ color="#000000"
1610
+ >
1611
+ <pixiv-icon
1612
+ name="24/NoImage"
1613
+ scale={1}
1614
+ />
1615
+ <div>
1616
+ 24/NoImage
1617
+ </div>
1618
+ </div>
1619
+ <div
1620
+ className="c3"
1621
+ color="#000000"
1622
+ >
1623
+ <pixiv-icon
1624
+ name="24/Notification"
1625
+ scale={1}
1626
+ />
1627
+ <div>
1628
+ 24/Notification
1629
+ </div>
1630
+ </div>
1631
+ <div
1632
+ className="c3"
1633
+ color="#000000"
1634
+ >
1635
+ <pixiv-icon
1636
+ name="24/NotificationOff"
1637
+ scale={1}
1638
+ />
1639
+ <div>
1640
+ 24/NotificationOff
1641
+ </div>
1642
+ </div>
1643
+ <div
1644
+ className="c3"
1645
+ color="#000000"
1646
+ >
1647
+ <pixiv-icon
1648
+ name="24/Novels"
1649
+ scale={1}
1650
+ />
1651
+ <div>
1652
+ 24/Novels
1653
+ </div>
1654
+ </div>
1655
+ <div
1656
+ className="c3"
1657
+ color="#000000"
1658
+ >
1659
+ <pixiv-icon
1660
+ name="24/OpenInNew"
1661
+ scale={1}
1662
+ />
1663
+ <div>
1664
+ 24/OpenInNew
1665
+ </div>
1666
+ </div>
1667
+ <div
1668
+ className="c3"
1669
+ color="#000000"
1670
+ >
1671
+ <pixiv-icon
1672
+ name="24/Options"
1673
+ scale={1}
1674
+ />
1675
+ <div>
1676
+ 24/Options
1677
+ </div>
1678
+ </div>
1679
+ <div
1680
+ className="c3"
1681
+ color="#000000"
1682
+ >
1683
+ <pixiv-icon
1684
+ name="24/OptionsAlt"
1685
+ scale={1}
1686
+ />
1687
+ <div>
1688
+ 24/OptionsAlt
1689
+ </div>
1690
+ </div>
1691
+ <div
1692
+ className="c3"
1693
+ color="#000000"
1694
+ >
1695
+ <pixiv-icon
1696
+ name="24/Overlay"
1697
+ scale={1}
1698
+ />
1699
+ <div>
1700
+ 24/Overlay
1701
+ </div>
1702
+ </div>
1703
+ <div
1704
+ className="c3"
1705
+ color="#000000"
1706
+ >
1707
+ <pixiv-icon
1708
+ name="24/Palette"
1709
+ scale={1}
1710
+ />
1711
+ <div>
1712
+ 24/Palette
1713
+ </div>
1714
+ </div>
1715
+ <div
1716
+ className="c3"
1717
+ color="#000000"
1718
+ >
1719
+ <pixiv-icon
1720
+ name="24/Pause"
1721
+ scale={1}
1722
+ />
1723
+ <div>
1724
+ 24/Pause
1725
+ </div>
1726
+ </div>
1727
+ <div
1728
+ className="c3"
1729
+ color="#000000"
1730
+ >
1731
+ <pixiv-icon
1732
+ name="24/PauseAlt"
1733
+ scale={1}
1734
+ />
1735
+ <div>
1736
+ 24/PauseAlt
1737
+ </div>
1738
+ </div>
1739
+ <div
1740
+ className="c3"
1741
+ color="#000000"
1742
+ >
1743
+ <pixiv-icon
1744
+ name="24/Pencil"
1745
+ scale={1}
1746
+ />
1747
+ <div>
1748
+ 24/Pencil
1749
+ </div>
1750
+ </div>
1751
+ <div
1752
+ className="c3"
1753
+ color="#000000"
1754
+ >
1755
+ <pixiv-icon
1756
+ name="24/PencilDraw"
1757
+ scale={1}
1758
+ />
1759
+ <div>
1760
+ 24/PencilDraw
1761
+ </div>
1762
+ </div>
1763
+ <div
1764
+ className="c3"
1765
+ color="#000000"
1766
+ >
1767
+ <pixiv-icon
1768
+ name="24/PencilLive"
1769
+ scale={1}
1770
+ />
1771
+ <div>
1772
+ 24/PencilLive
1773
+ </div>
1774
+ </div>
1775
+ <div
1776
+ className="c3"
1777
+ color="#000000"
1778
+ >
1779
+ <pixiv-icon
1780
+ name="24/PencilText"
1781
+ scale={1}
1782
+ />
1783
+ <div>
1784
+ 24/PencilText
1785
+ </div>
1786
+ </div>
1787
+ <div
1788
+ className="c3"
1789
+ color="#000000"
1790
+ >
1791
+ <pixiv-icon
1792
+ name="24/Person"
1793
+ scale={1}
1794
+ />
1795
+ <div>
1796
+ 24/Person
1797
+ </div>
1798
+ </div>
1799
+ <div
1800
+ className="c3"
1801
+ color="#000000"
1802
+ >
1803
+ <pixiv-icon
1804
+ name="24/Play"
1805
+ scale={1}
1806
+ />
1807
+ <div>
1808
+ 24/Play
1809
+ </div>
1810
+ </div>
1811
+ <div
1812
+ className="c3"
1813
+ color="#000000"
1814
+ >
1815
+ <pixiv-icon
1816
+ name="24/Pose"
1817
+ scale={1}
1818
+ />
1819
+ <div>
1820
+ 24/Pose
1821
+ </div>
1822
+ </div>
1823
+ <div
1824
+ className="c3"
1825
+ color="#000000"
1826
+ >
1827
+ <pixiv-icon
1828
+ name="24/Prev"
1829
+ scale={1}
1830
+ />
1831
+ <div>
1832
+ 24/Prev
1833
+ </div>
1834
+ </div>
1835
+ <div
1836
+ className="c3"
1837
+ color="#000000"
1838
+ >
1839
+ <pixiv-icon
1840
+ name="24/Projects"
1841
+ scale={1}
1842
+ />
1843
+ <div>
1844
+ 24/Projects
1845
+ </div>
1846
+ </div>
1847
+ <div
1848
+ className="c3"
1849
+ color="#000000"
1850
+ >
1851
+ <pixiv-icon
1852
+ name="24/PullDown"
1853
+ scale={1}
1854
+ />
1855
+ <div>
1856
+ 24/PullDown
1857
+ </div>
1858
+ </div>
1859
+ <div
1860
+ className="c3"
1861
+ color="#000000"
1862
+ >
1863
+ <pixiv-icon
1864
+ name="24/PullUp"
1865
+ scale={1}
1866
+ />
1867
+ <div>
1868
+ 24/PullUp
1869
+ </div>
1870
+ </div>
1871
+ <div
1872
+ className="c3"
1873
+ color="#000000"
1874
+ >
1875
+ <pixiv-icon
1876
+ name="24/Question"
1877
+ scale={1}
1878
+ />
1879
+ <div>
1880
+ 24/Question
1881
+ </div>
1882
+ </div>
1883
+ <div
1884
+ className="c3"
1885
+ color="#000000"
1886
+ >
1887
+ <pixiv-icon
1888
+ name="24/QuestionOutline"
1889
+ scale={1}
1890
+ />
1891
+ <div>
1892
+ 24/QuestionOutline
1893
+ </div>
1894
+ </div>
1895
+ <div
1896
+ className="c3"
1897
+ color="#000000"
1898
+ >
1899
+ <pixiv-icon
1900
+ name="24/Ranking"
1901
+ scale={1}
1902
+ />
1903
+ <div>
1904
+ 24/Ranking
1905
+ </div>
1906
+ </div>
1907
+ <div
1908
+ className="c3"
1909
+ color="#000000"
1910
+ >
1911
+ <pixiv-icon
1912
+ name="24/ReadHorizontalLeft"
1913
+ scale={1}
1914
+ />
1915
+ <div>
1916
+ 24/ReadHorizontalLeft
1917
+ </div>
1918
+ </div>
1919
+ <div
1920
+ className="c3"
1921
+ color="#000000"
1922
+ >
1923
+ <pixiv-icon
1924
+ name="24/ReadHorizontalRight"
1925
+ scale={1}
1926
+ />
1927
+ <div>
1928
+ 24/ReadHorizontalRight
1929
+ </div>
1930
+ </div>
1931
+ <div
1932
+ className="c3"
1933
+ color="#000000"
1934
+ >
1935
+ <pixiv-icon
1936
+ name="24/ReadVertical"
1937
+ scale={1}
1938
+ />
1939
+ <div>
1940
+ 24/ReadVertical
1941
+ </div>
1942
+ </div>
1943
+ <div
1944
+ className="c3"
1945
+ color="#000000"
1946
+ >
1947
+ <pixiv-icon
1948
+ name="24/Reload"
1949
+ scale={1}
1950
+ />
1951
+ <div>
1952
+ 24/Reload
1953
+ </div>
1954
+ </div>
1955
+ <div
1956
+ className="c3"
1957
+ color="#000000"
1958
+ >
1959
+ <pixiv-icon
1960
+ name="24/ReloadLoop"
1961
+ scale={1}
1962
+ />
1963
+ <div>
1964
+ 24/ReloadLoop
1965
+ </div>
1966
+ </div>
1967
+ <div
1968
+ className="c3"
1969
+ color="#000000"
1970
+ >
1971
+ <pixiv-icon
1972
+ name="24/Reorder"
1973
+ scale={1}
1974
+ />
1975
+ <div>
1976
+ 24/Reorder
1977
+ </div>
1978
+ </div>
1979
+ <div
1980
+ className="c3"
1981
+ color="#000000"
1982
+ >
1983
+ <pixiv-icon
1984
+ name="24/Roll"
1985
+ scale={1}
1986
+ />
1987
+ <div>
1988
+ 24/Roll
1989
+ </div>
1990
+ </div>
1991
+ <div
1992
+ className="c3"
1993
+ color="#000000"
1994
+ >
1995
+ <pixiv-icon
1996
+ name="24/Rotate90DegreesC"
1997
+ scale={1}
1998
+ />
1999
+ <div>
2000
+ 24/Rotate90DegreesC
2001
+ </div>
2002
+ </div>
2003
+ <div
2004
+ className="c3"
2005
+ color="#000000"
2006
+ >
2007
+ <pixiv-icon
2008
+ name="24/Rotate90DegreesCc"
2009
+ scale={1}
2010
+ />
2011
+ <div>
2012
+ 24/Rotate90DegreesCc
2013
+ </div>
2014
+ </div>
2015
+ <div
2016
+ className="c3"
2017
+ color="#000000"
2018
+ >
2019
+ <pixiv-icon
2020
+ name="24/RotateRight"
2021
+ scale={1}
2022
+ />
2023
+ <div>
2024
+ 24/RotateRight
2025
+ </div>
2026
+ </div>
2027
+ <div
2028
+ className="c3"
2029
+ color="#000000"
2030
+ >
2031
+ <pixiv-icon
2032
+ name="24/Saturation"
2033
+ scale={1}
2034
+ />
2035
+ <div>
2036
+ 24/Saturation
2037
+ </div>
2038
+ </div>
2039
+ <div
2040
+ className="c3"
2041
+ color="#000000"
2042
+ >
2043
+ <pixiv-icon
2044
+ name="24/Save"
2045
+ scale={1}
2046
+ />
2047
+ <div>
2048
+ 24/Save
2049
+ </div>
2050
+ </div>
2051
+ <div
2052
+ className="c3"
2053
+ color="#000000"
2054
+ >
2055
+ <pixiv-icon
2056
+ name="24/Search"
2057
+ scale={1}
2058
+ />
2059
+ <div>
2060
+ 24/Search
2061
+ </div>
2062
+ </div>
2063
+ <div
2064
+ className="c3"
2065
+ color="#000000"
2066
+ >
2067
+ <pixiv-icon
2068
+ name="24/Send"
2069
+ scale={1}
2070
+ />
2071
+ <div>
2072
+ 24/Send
2073
+ </div>
2074
+ </div>
2075
+ <div
2076
+ className="c3"
2077
+ color="#000000"
2078
+ >
2079
+ <pixiv-icon
2080
+ name="24/Services"
2081
+ scale={1}
2082
+ />
2083
+ <div>
2084
+ 24/Services
2085
+ </div>
2086
+ </div>
2087
+ <div
2088
+ className="c3"
2089
+ color="#000000"
2090
+ >
2091
+ <pixiv-icon
2092
+ name="24/Set"
2093
+ scale={1}
2094
+ />
2095
+ <div>
2096
+ 24/Set
2097
+ </div>
2098
+ </div>
2099
+ <div
2100
+ className="c3"
2101
+ color="#000000"
2102
+ >
2103
+ <pixiv-icon
2104
+ name="24/Settings"
2105
+ scale={1}
2106
+ />
2107
+ <div>
2108
+ 24/Settings
2109
+ </div>
2110
+ </div>
2111
+ <div
2112
+ className="c3"
2113
+ color="#000000"
2114
+ >
2115
+ <pixiv-icon
2116
+ name="24/ShareAndroid"
2117
+ scale={1}
2118
+ />
2119
+ <div>
2120
+ 24/ShareAndroid
2121
+ </div>
2122
+ </div>
2123
+ <div
2124
+ className="c3"
2125
+ color="#000000"
2126
+ >
2127
+ <pixiv-icon
2128
+ name="24/ShareIos"
2129
+ scale={1}
2130
+ />
2131
+ <div>
2132
+ 24/ShareIos
2133
+ </div>
2134
+ </div>
2135
+ <div
2136
+ className="c3"
2137
+ color="#000000"
2138
+ >
2139
+ <pixiv-icon
2140
+ name="24/Shopping"
2141
+ scale={1}
2142
+ />
2143
+ <div>
2144
+ 24/Shopping
2145
+ </div>
2146
+ </div>
2147
+ <div
2148
+ className="c3"
2149
+ color="#000000"
2150
+ >
2151
+ <pixiv-icon
2152
+ name="24/Show"
2153
+ scale={1}
2154
+ />
2155
+ <div>
2156
+ 24/Show
2157
+ </div>
2158
+ </div>
2159
+ <div
2160
+ className="c3"
2161
+ color="#000000"
2162
+ >
2163
+ <pixiv-icon
2164
+ name="24/ShowOutline"
2165
+ scale={1}
2166
+ />
2167
+ <div>
2168
+ 24/ShowOutline
2169
+ </div>
2170
+ </div>
2171
+ <div
2172
+ className="c3"
2173
+ color="#000000"
2174
+ >
2175
+ <pixiv-icon
2176
+ name="24/Shutter"
2177
+ scale={1}
2178
+ />
2179
+ <div>
2180
+ 24/Shutter
2181
+ </div>
2182
+ </div>
2183
+ <div
2184
+ className="c3"
2185
+ color="#000000"
2186
+ >
2187
+ <pixiv-icon
2188
+ name="24/Star"
2189
+ scale={1}
2190
+ />
2191
+ <div>
2192
+ 24/Star
2193
+ </div>
2194
+ </div>
2195
+ <div
2196
+ className="c3"
2197
+ color="#000000"
2198
+ >
2199
+ <pixiv-icon
2200
+ name="24/Subtract"
2201
+ scale={1}
2202
+ />
2203
+ <div>
2204
+ 24/Subtract
2205
+ </div>
2206
+ </div>
2207
+ <div
2208
+ className="c3"
2209
+ color="#000000"
2210
+ >
2211
+ <pixiv-icon
2212
+ name="24/Sun"
2213
+ scale={1}
2214
+ />
2215
+ <div>
2216
+ 24/Sun
2217
+ </div>
2218
+ </div>
2219
+ <div
2220
+ className="c3"
2221
+ color="#000000"
2222
+ >
2223
+ <pixiv-icon
2224
+ name="24/Temperature"
2225
+ scale={1}
2226
+ />
2227
+ <div>
2228
+ 24/Temperature
2229
+ </div>
2230
+ </div>
2231
+ <div
2232
+ className="c3"
2233
+ color="#000000"
2234
+ >
2235
+ <pixiv-icon
2236
+ name="24/Text"
2237
+ scale={1}
2238
+ />
2239
+ <div>
2240
+ 24/Text
2241
+ </div>
2242
+ </div>
2243
+ <div
2244
+ className="c3"
2245
+ color="#000000"
2246
+ >
2247
+ <pixiv-icon
2248
+ name="24/Trash"
2249
+ scale={1}
2250
+ />
2251
+ <div>
2252
+ 24/Trash
2253
+ </div>
2254
+ </div>
2255
+ <div
2256
+ className="c3"
2257
+ color="#000000"
2258
+ >
2259
+ <pixiv-icon
2260
+ name="24/TrashAlt"
2261
+ scale={1}
2262
+ />
2263
+ <div>
2264
+ 24/TrashAlt
2265
+ </div>
2266
+ </div>
2267
+ <div
2268
+ className="c3"
2269
+ color="#000000"
2270
+ >
2271
+ <pixiv-icon
2272
+ name="24/Up"
2273
+ scale={1}
2274
+ />
2275
+ <div>
2276
+ 24/Up
2277
+ </div>
2278
+ </div>
2279
+ <div
2280
+ className="c3"
2281
+ color="#000000"
2282
+ >
2283
+ <pixiv-icon
2284
+ name="24/Upload"
2285
+ scale={1}
2286
+ />
2287
+ <div>
2288
+ 24/Upload
2289
+ </div>
2290
+ </div>
2291
+ <div
2292
+ className="c3"
2293
+ color="#000000"
2294
+ >
2295
+ <pixiv-icon
2296
+ name="24/UploadAlt"
2297
+ scale={1}
2298
+ />
2299
+ <div>
2300
+ 24/UploadAlt
2301
+ </div>
2302
+ </div>
2303
+ <div
2304
+ className="c3"
2305
+ color="#000000"
2306
+ >
2307
+ <pixiv-icon
2308
+ name="24/Usagi"
2309
+ scale={1}
2310
+ />
2311
+ <div>
2312
+ 24/Usagi
2313
+ </div>
2314
+ </div>
2315
+ <div
2316
+ className="c3"
2317
+ color="#000000"
2318
+ >
2319
+ <pixiv-icon
2320
+ name="24/UsagiAlt"
2321
+ scale={1}
2322
+ />
2323
+ <div>
2324
+ 24/UsagiAlt
2325
+ </div>
2326
+ </div>
2327
+ <div
2328
+ className="c3"
2329
+ color="#000000"
2330
+ >
2331
+ <pixiv-icon
2332
+ name="24/Users"
2333
+ scale={1}
2334
+ />
2335
+ <div>
2336
+ 24/Users
2337
+ </div>
2338
+ </div>
2339
+ <div
2340
+ className="c3"
2341
+ color="#000000"
2342
+ >
2343
+ <pixiv-icon
2344
+ name="24/Video"
2345
+ scale={1}
2346
+ />
2347
+ <div>
2348
+ 24/Video
2349
+ </div>
2350
+ </div>
2351
+ <div
2352
+ className="c3"
2353
+ color="#000000"
2354
+ >
2355
+ <pixiv-icon
2356
+ name="24/ViewGrid2Columns"
2357
+ scale={1}
2358
+ />
2359
+ <div>
2360
+ 24/ViewGrid2Columns
2361
+ </div>
2362
+ </div>
2363
+ <div
2364
+ className="c3"
2365
+ color="#000000"
2366
+ >
2367
+ <pixiv-icon
2368
+ name="24/ViewGrid3Columns"
2369
+ scale={1}
2370
+ />
2371
+ <div>
2372
+ 24/ViewGrid3Columns
2373
+ </div>
2374
+ </div>
2375
+ <div
2376
+ className="c3"
2377
+ color="#000000"
2378
+ >
2379
+ <pixiv-icon
2380
+ name="24/ViewList"
2381
+ scale={1}
2382
+ />
2383
+ <div>
2384
+ 24/ViewList
2385
+ </div>
2386
+ </div>
2387
+ <div
2388
+ className="c3"
2389
+ color="#000000"
2390
+ >
2391
+ <pixiv-icon
2392
+ name="24/Warning"
2393
+ scale={1}
2394
+ />
2395
+ <div>
2396
+ 24/Warning
2397
+ </div>
2398
+ </div>
2399
+ </div>
2400
+ </div>
2401
+ <div
2402
+ className="c0 "
2403
+ >
2404
+ <h2
2405
+ className="c1"
2406
+ >
2407
+ 32
2408
+ (scale:
2409
+ 1
2410
+ )
2411
+ </h2>
2412
+ <div
2413
+ className="c2"
2414
+ >
2415
+ <div
2416
+ className="c3"
2417
+ color="#000000"
2418
+ >
2419
+ <pixiv-icon
2420
+ name="32/BookmarkOff"
2421
+ scale={1}
2422
+ />
2423
+ <div>
2424
+ 32/BookmarkOff
2425
+ </div>
2426
+ </div>
2427
+ <div
2428
+ className="c3"
2429
+ color="#000000"
2430
+ >
2431
+ <pixiv-icon
2432
+ name="32/BookmarkOn"
2433
+ scale={1}
2434
+ />
2435
+ <div>
2436
+ 32/BookmarkOn
2437
+ </div>
2438
+ </div>
2439
+ <div
2440
+ className="c3"
2441
+ color="#000000"
2442
+ >
2443
+ <pixiv-icon
2444
+ name="32/Camera"
2445
+ scale={1}
2446
+ />
2447
+ <div>
2448
+ 32/Camera
2449
+ </div>
2450
+ </div>
2451
+ <div
2452
+ className="c3"
2453
+ color="#000000"
2454
+ >
2455
+ <pixiv-icon
2456
+ name="32/Close"
2457
+ scale={1}
2458
+ />
2459
+ <div>
2460
+ 32/Close
2461
+ </div>
2462
+ </div>
2463
+ <div
2464
+ className="c3"
2465
+ color="#000000"
2466
+ >
2467
+ <pixiv-icon
2468
+ name="32/Collapse"
2469
+ scale={1}
2470
+ />
2471
+ <div>
2472
+ 32/Collapse
2473
+ </div>
2474
+ </div>
2475
+ <div
2476
+ className="c3"
2477
+ color="#000000"
2478
+ >
2479
+ <pixiv-icon
2480
+ name="32/CommentOff"
2481
+ scale={1}
2482
+ />
2483
+ <div>
2484
+ 32/CommentOff
2485
+ </div>
2486
+ </div>
2487
+ <div
2488
+ className="c3"
2489
+ color="#000000"
2490
+ >
2491
+ <pixiv-icon
2492
+ name="32/CommentOn"
2493
+ scale={1}
2494
+ />
2495
+ <div>
2496
+ 32/CommentOn
2497
+ </div>
2498
+ </div>
2499
+ <div
2500
+ className="c3"
2501
+ color="#000000"
2502
+ >
2503
+ <pixiv-icon
2504
+ name="32/Delete"
2505
+ scale={1}
2506
+ />
2507
+ <div>
2508
+ 32/Delete
2509
+ </div>
2510
+ </div>
2511
+ <div
2512
+ className="c3"
2513
+ color="#000000"
2514
+ >
2515
+ <pixiv-icon
2516
+ name="32/Dot"
2517
+ scale={1}
2518
+ />
2519
+ <div>
2520
+ 32/Dot
2521
+ </div>
2522
+ </div>
2523
+ <div
2524
+ className="c3"
2525
+ color="#000000"
2526
+ >
2527
+ <pixiv-icon
2528
+ name="32/Edit"
2529
+ scale={1}
2530
+ />
2531
+ <div>
2532
+ 32/Edit
2533
+ </div>
2534
+ </div>
2535
+ <div
2536
+ className="c3"
2537
+ color="#000000"
2538
+ >
2539
+ <pixiv-icon
2540
+ name="32/Expand"
2541
+ scale={1}
2542
+ />
2543
+ <div>
2544
+ 32/Expand
2545
+ </div>
2546
+ </div>
2547
+ <div
2548
+ className="c3"
2549
+ color="#000000"
2550
+ >
2551
+ <pixiv-icon
2552
+ name="32/Gift"
2553
+ scale={1}
2554
+ />
2555
+ <div>
2556
+ 32/Gift
2557
+ </div>
2558
+ </div>
2559
+ <div
2560
+ className="c3"
2561
+ color="#000000"
2562
+ >
2563
+ <pixiv-icon
2564
+ name="32/Home"
2565
+ scale={1}
2566
+ />
2567
+ <div>
2568
+ 32/Home
2569
+ </div>
2570
+ </div>
2571
+ <div
2572
+ className="c3"
2573
+ color="#000000"
2574
+ >
2575
+ <pixiv-icon
2576
+ name="32/HorizontalWriting"
2577
+ scale={1}
2578
+ />
2579
+ <div>
2580
+ 32/HorizontalWriting
2581
+ </div>
2582
+ </div>
2583
+ <div
2584
+ className="c3"
2585
+ color="#000000"
2586
+ >
2587
+ <pixiv-icon
2588
+ name="32/Index"
2589
+ scale={1}
2590
+ />
2591
+ <div>
2592
+ 32/Index
2593
+ </div>
2594
+ </div>
2595
+ <div
2596
+ className="c3"
2597
+ color="#000000"
2598
+ >
2599
+ <pixiv-icon
2600
+ name="32/LikeOff"
2601
+ scale={1}
2602
+ />
2603
+ <div>
2604
+ 32/LikeOff
2605
+ </div>
2606
+ </div>
2607
+ <div
2608
+ className="c3"
2609
+ color="#000000"
2610
+ >
2611
+ <pixiv-icon
2612
+ name="32/LikeOn"
2613
+ scale={1}
2614
+ />
2615
+ <div>
2616
+ 32/LikeOn
2617
+ </div>
2618
+ </div>
2619
+ <div
2620
+ className="c3"
2621
+ color="#000000"
2622
+ >
2623
+ <pixiv-icon
2624
+ name="32/LikeOnPrivate"
2625
+ scale={1}
2626
+ />
2627
+ <div>
2628
+ 32/LikeOnPrivate
2629
+ </div>
2630
+ </div>
2631
+ <div
2632
+ className="c3"
2633
+ color="#000000"
2634
+ >
2635
+ <pixiv-icon
2636
+ name="32/Message"
2637
+ scale={1}
2638
+ />
2639
+ <div>
2640
+ 32/Message
2641
+ </div>
2642
+ </div>
2643
+ <div
2644
+ className="c3"
2645
+ color="#000000"
2646
+ >
2647
+ <pixiv-icon
2648
+ name="32/Next"
2649
+ scale={1}
2650
+ />
2651
+ <div>
2652
+ 32/Next
2653
+ </div>
2654
+ </div>
2655
+ <div
2656
+ className="c3"
2657
+ color="#000000"
2658
+ >
2659
+ <pixiv-icon
2660
+ name="32/Notification"
2661
+ scale={1}
2662
+ />
2663
+ <div>
2664
+ 32/Notification
2665
+ </div>
2666
+ </div>
2667
+ <div
2668
+ className="c3"
2669
+ color="#000000"
2670
+ >
2671
+ <pixiv-icon
2672
+ name="32/NotificationOff"
2673
+ scale={1}
2674
+ />
2675
+ <div>
2676
+ 32/NotificationOff
2677
+ </div>
2678
+ </div>
2679
+ <div
2680
+ className="c3"
2681
+ color="#000000"
2682
+ >
2683
+ <pixiv-icon
2684
+ name="32/NovelViewerSettings"
2685
+ scale={1}
2686
+ />
2687
+ <div>
2688
+ 32/NovelViewerSettings
2689
+ </div>
2690
+ </div>
2691
+ <div
2692
+ className="c3"
2693
+ color="#000000"
2694
+ >
2695
+ <pixiv-icon
2696
+ name="32/Pan"
2697
+ scale={1}
2698
+ />
2699
+ <div>
2700
+ 32/Pan
2701
+ </div>
2702
+ </div>
2703
+ <div
2704
+ className="c3"
2705
+ color="#000000"
2706
+ >
2707
+ <pixiv-icon
2708
+ name="32/Prev"
2709
+ scale={1}
2710
+ />
2711
+ <div>
2712
+ 32/Prev
2713
+ </div>
2714
+ </div>
2715
+ <div
2716
+ className="c3"
2717
+ color="#000000"
2718
+ >
2719
+ <pixiv-icon
2720
+ name="32/PullDown"
2721
+ scale={1}
2722
+ />
2723
+ <div>
2724
+ 32/PullDown
2725
+ </div>
2726
+ </div>
2727
+ <div
2728
+ className="c3"
2729
+ color="#000000"
2730
+ >
2731
+ <pixiv-icon
2732
+ name="32/PullUp"
2733
+ scale={1}
2734
+ />
2735
+ <div>
2736
+ 32/PullUp
2737
+ </div>
2738
+ </div>
2739
+ <div
2740
+ className="c3"
2741
+ color="#000000"
2742
+ >
2743
+ <pixiv-icon
2744
+ name="32/ReadHorizontalLeft"
2745
+ scale={1}
2746
+ />
2747
+ <div>
2748
+ 32/ReadHorizontalLeft
2749
+ </div>
2750
+ </div>
2751
+ <div
2752
+ className="c3"
2753
+ color="#000000"
2754
+ >
2755
+ <pixiv-icon
2756
+ name="32/ReadHorizontalRight"
2757
+ scale={1}
2758
+ />
2759
+ <div>
2760
+ 32/ReadHorizontalRight
2761
+ </div>
2762
+ </div>
2763
+ <div
2764
+ className="c3"
2765
+ color="#000000"
2766
+ >
2767
+ <pixiv-icon
2768
+ name="32/ReadVertical"
2769
+ scale={1}
2770
+ />
2771
+ <div>
2772
+ 32/ReadVertical
2773
+ </div>
2774
+ </div>
2775
+ <div
2776
+ className="c3"
2777
+ color="#000000"
2778
+ >
2779
+ <pixiv-icon
2780
+ name="32/RollHorizontal"
2781
+ scale={1}
2782
+ />
2783
+ <div>
2784
+ 32/RollHorizontal
2785
+ </div>
2786
+ </div>
2787
+ <div
2788
+ className="c3"
2789
+ color="#000000"
2790
+ >
2791
+ <pixiv-icon
2792
+ name="32/RollVertical"
2793
+ scale={1}
2794
+ />
2795
+ <div>
2796
+ 32/RollVertical
2797
+ </div>
2798
+ </div>
2799
+ <div
2800
+ className="c3"
2801
+ color="#000000"
2802
+ >
2803
+ <pixiv-icon
2804
+ name="32/SansSerif"
2805
+ scale={1}
2806
+ />
2807
+ <div>
2808
+ 32/SansSerif
2809
+ </div>
2810
+ </div>
2811
+ <div
2812
+ className="c3"
2813
+ color="#000000"
2814
+ >
2815
+ <pixiv-icon
2816
+ name="32/Serif"
2817
+ scale={1}
2818
+ />
2819
+ <div>
2820
+ 32/Serif
2821
+ </div>
2822
+ </div>
2823
+ <div
2824
+ className="c3"
2825
+ color="#000000"
2826
+ >
2827
+ <pixiv-icon
2828
+ name="32/ShareAndroid"
2829
+ scale={1}
2830
+ />
2831
+ <div>
2832
+ 32/ShareAndroid
2833
+ </div>
2834
+ </div>
2835
+ <div
2836
+ className="c3"
2837
+ color="#000000"
2838
+ >
2839
+ <pixiv-icon
2840
+ name="32/ShareIos"
2841
+ scale={1}
2842
+ />
2843
+ <div>
2844
+ 32/ShareIos
2845
+ </div>
2846
+ </div>
2847
+ <div
2848
+ className="c3"
2849
+ color="#000000"
2850
+ >
2851
+ <pixiv-icon
2852
+ name="32/Shopping"
2853
+ scale={1}
2854
+ />
2855
+ <div>
2856
+ 32/Shopping
2857
+ </div>
2858
+ </div>
2859
+ <div
2860
+ className="c3"
2861
+ color="#000000"
2862
+ >
2863
+ <pixiv-icon
2864
+ name="32/Upload"
2865
+ scale={1}
2866
+ />
2867
+ <div>
2868
+ 32/Upload
2869
+ </div>
2870
+ </div>
2871
+ <div
2872
+ className="c3"
2873
+ color="#000000"
2874
+ >
2875
+ <pixiv-icon
2876
+ name="32/User"
2877
+ scale={1}
2878
+ />
2879
+ <div>
2880
+ 32/User
2881
+ </div>
2882
+ </div>
2883
+ <div
2884
+ className="c3"
2885
+ color="#000000"
2886
+ >
2887
+ <pixiv-icon
2888
+ name="32/VerticalWriting"
2889
+ scale={1}
2890
+ />
2891
+ <div>
2892
+ 32/VerticalWriting
2893
+ </div>
2894
+ </div>
2895
+ <div
2896
+ className="c3"
2897
+ color="#000000"
2898
+ >
2899
+ <pixiv-icon
2900
+ name="32/ZoomIn"
2901
+ scale={1}
2902
+ />
2903
+ <div>
2904
+ 32/ZoomIn
2905
+ </div>
2906
+ </div>
2907
+ </div>
2908
+ </div>
2909
+ <div
2910
+ className="c0 "
2911
+ >
2912
+ <h2
2913
+ className="c1"
2914
+ >
2915
+ Inline
2916
+ (scale:
2917
+ 1
2918
+ )
2919
+ </h2>
2920
+ <div
2921
+ className="c2"
2922
+ >
2923
+ <div
2924
+ className="c3"
2925
+ color="#000000"
2926
+ >
2927
+ <pixiv-icon
2928
+ name="Inline/Add"
2929
+ scale={1}
2930
+ />
2931
+ <div>
2932
+ Inline/Add
2933
+ </div>
2934
+ </div>
2935
+ <div
2936
+ className="c3"
2937
+ color="#000000"
2938
+ >
2939
+ <pixiv-icon
2940
+ name="Inline/BookmarkOff"
2941
+ scale={1}
2942
+ />
2943
+ <div>
2944
+ Inline/BookmarkOff
2945
+ </div>
2946
+ </div>
2947
+ <div
2948
+ className="c3"
2949
+ color="#000000"
2950
+ >
2951
+ <pixiv-icon
2952
+ name="Inline/BookmarkOn"
2953
+ scale={1}
2954
+ />
2955
+ <div>
2956
+ Inline/BookmarkOn
2957
+ </div>
2958
+ </div>
2959
+ <div
2960
+ className="c3"
2961
+ color="#000000"
2962
+ >
2963
+ <pixiv-icon
2964
+ name="Inline/Breadcrumbs"
2965
+ scale={1}
2966
+ />
2967
+ <div>
2968
+ Inline/Breadcrumbs
2969
+ </div>
2970
+ </div>
2971
+ <div
2972
+ className="c3"
2973
+ color="#000000"
2974
+ >
2975
+ <pixiv-icon
2976
+ name="Inline/Check"
2977
+ scale={1}
2978
+ />
2979
+ <div>
2980
+ Inline/Check
2981
+ </div>
2982
+ </div>
2983
+ <div
2984
+ className="c3"
2985
+ color="#000000"
2986
+ >
2987
+ <pixiv-icon
2988
+ name="Inline/Comment"
2989
+ scale={1}
2990
+ />
2991
+ <div>
2992
+ Inline/Comment
2993
+ </div>
2994
+ </div>
2995
+ <div
2996
+ className="c3"
2997
+ color="#000000"
2998
+ >
2999
+ <pixiv-icon
3000
+ name="Inline/ContextMenu"
3001
+ scale={1}
3002
+ />
3003
+ <div>
3004
+ Inline/ContextMenu
3005
+ </div>
3006
+ </div>
3007
+ <div
3008
+ className="c3"
3009
+ color="#000000"
3010
+ >
3011
+ <pixiv-icon
3012
+ name="Inline/External"
3013
+ scale={1}
3014
+ />
3015
+ <div>
3016
+ Inline/External
3017
+ </div>
3018
+ </div>
3019
+ <div
3020
+ className="c3"
3021
+ color="#000000"
3022
+ >
3023
+ <pixiv-icon
3024
+ name="Inline/Filter"
3025
+ scale={1}
3026
+ />
3027
+ <div>
3028
+ Inline/Filter
3029
+ </div>
3030
+ </div>
3031
+ <div
3032
+ className="c3"
3033
+ color="#000000"
3034
+ >
3035
+ <pixiv-icon
3036
+ name="Inline/Folder"
3037
+ scale={1}
3038
+ />
3039
+ <div>
3040
+ Inline/Folder
3041
+ </div>
3042
+ </div>
3043
+ <div
3044
+ className="c3"
3045
+ color="#000000"
3046
+ >
3047
+ <pixiv-icon
3048
+ name="Inline/ImageResponse"
3049
+ scale={1}
3050
+ />
3051
+ <div>
3052
+ Inline/ImageResponse
3053
+ </div>
3054
+ </div>
3055
+ <div
3056
+ className="c3"
3057
+ color="#000000"
3058
+ >
3059
+ <pixiv-icon
3060
+ name="Inline/Images"
3061
+ scale={1}
3062
+ />
3063
+ <div>
3064
+ Inline/Images
3065
+ </div>
3066
+ </div>
3067
+ <div
3068
+ className="c3"
3069
+ color="#000000"
3070
+ >
3071
+ <pixiv-icon
3072
+ name="Inline/Like"
3073
+ scale={1}
3074
+ />
3075
+ <div>
3076
+ Inline/Like
3077
+ </div>
3078
+ </div>
3079
+ <div
3080
+ className="c3"
3081
+ color="#000000"
3082
+ >
3083
+ <pixiv-icon
3084
+ name="Inline/LikeOff"
3085
+ scale={1}
3086
+ />
3087
+ <div>
3088
+ Inline/LikeOff
3089
+ </div>
3090
+ </div>
3091
+ <div
3092
+ className="c3"
3093
+ color="#000000"
3094
+ >
3095
+ <pixiv-icon
3096
+ name="Inline/List"
3097
+ scale={1}
3098
+ />
3099
+ <div>
3100
+ Inline/List
3101
+ </div>
3102
+ </div>
3103
+ <div
3104
+ className="c3"
3105
+ color="#000000"
3106
+ >
3107
+ <pixiv-icon
3108
+ name="Inline/Location"
3109
+ scale={1}
3110
+ />
3111
+ <div>
3112
+ Inline/Location
3113
+ </div>
3114
+ </div>
3115
+ <div
3116
+ className="c3"
3117
+ color="#000000"
3118
+ >
3119
+ <pixiv-icon
3120
+ name="Inline/Lock"
3121
+ scale={1}
3122
+ />
3123
+ <div>
3124
+ Inline/Lock
3125
+ </div>
3126
+ </div>
3127
+ <div
3128
+ className="c3"
3129
+ color="#000000"
3130
+ >
3131
+ <pixiv-icon
3132
+ name="Inline/More"
3133
+ scale={1}
3134
+ />
3135
+ <div>
3136
+ Inline/More
3137
+ </div>
3138
+ </div>
3139
+ <div
3140
+ className="c3"
3141
+ color="#000000"
3142
+ >
3143
+ <pixiv-icon
3144
+ name="Inline/Nextworks"
3145
+ scale={1}
3146
+ />
3147
+ <div>
3148
+ Inline/Nextworks
3149
+ </div>
3150
+ </div>
3151
+ <div
3152
+ className="c3"
3153
+ color="#000000"
3154
+ >
3155
+ <pixiv-icon
3156
+ name="Inline/OpenInNew"
3157
+ scale={1}
3158
+ />
3159
+ <div>
3160
+ Inline/OpenInNew
3161
+ </div>
3162
+ </div>
3163
+ <div
3164
+ className="c3"
3165
+ color="#000000"
3166
+ >
3167
+ <pixiv-icon
3168
+ name="Inline/Pencil"
3169
+ scale={1}
3170
+ />
3171
+ <div>
3172
+ Inline/Pencil
3173
+ </div>
3174
+ </div>
3175
+ <div
3176
+ className="c3"
3177
+ color="#000000"
3178
+ >
3179
+ <pixiv-icon
3180
+ name="Inline/Remove"
3181
+ scale={1}
3182
+ />
3183
+ <div>
3184
+ Inline/Remove
3185
+ </div>
3186
+ </div>
3187
+ <div
3188
+ className="c3"
3189
+ color="#000000"
3190
+ >
3191
+ <pixiv-icon
3192
+ name="Inline/Smile"
3193
+ scale={1}
3194
+ />
3195
+ <div>
3196
+ Inline/Smile
3197
+ </div>
3198
+ </div>
3199
+ <div
3200
+ className="c3"
3201
+ color="#000000"
3202
+ >
3203
+ <pixiv-icon
3204
+ name="Inline/SmileOn"
3205
+ scale={1}
3206
+ />
3207
+ <div>
3208
+ Inline/SmileOn
3209
+ </div>
3210
+ </div>
3211
+ <div
3212
+ className="c3"
3213
+ color="#000000"
3214
+ >
3215
+ <pixiv-icon
3216
+ name="Inline/Users"
3217
+ scale={1}
3218
+ />
3219
+ <div>
3220
+ Inline/Users
3221
+ </div>
3222
+ </div>
3223
+ <div
3224
+ className="c3"
3225
+ color="#000000"
3226
+ >
3227
+ <pixiv-icon
3228
+ name="Inline/View"
3229
+ scale={1}
3230
+ />
3231
+ <div>
3232
+ Inline/View
3233
+ </div>
3234
+ </div>
3235
+ <div
3236
+ className="c3"
3237
+ color="#000000"
3238
+ >
3239
+ <pixiv-icon
3240
+ name="Inline/ViewOutline"
3241
+ scale={1}
3242
+ />
3243
+ <div>
3244
+ Inline/ViewOutline
3245
+ </div>
3246
+ </div>
3247
+ </div>
3248
+ </div>
3249
+ </div>
3250
+ `;
3251
+
3252
+ exports[`Storyshots Icons/PixivIcon (<pixiv-icon>) With Attributes 1`] = `
3253
+ .c0 {
3254
+ color: #000000;
3255
+ display: -webkit-inline-box;
3256
+ display: -webkit-inline-flex;
3257
+ display: -ms-inline-flexbox;
3258
+ display: inline-flex;
3259
+ -webkit-align-items: center;
3260
+ -webkit-box-align: center;
3261
+ -ms-flex-align: center;
3262
+ align-items: center;
3263
+ min-height: 32px;
3264
+ }
3265
+
3266
+ .c0 pixiv-icon {
3267
+ display: block;
3268
+ -webkit-flex-shrink: 0;
3269
+ -ms-flex-negative: 0;
3270
+ flex-shrink: 0;
3271
+ }
3272
+
3273
+ .c0 pixiv-icon + div {
3274
+ -webkit-flex: 1 0;
3275
+ -ms-flex: 1 0;
3276
+ flex: 1 0;
3277
+ margin-left: 8px;
3278
+ font-size: 14px;
3279
+ line-height: 22px;
3280
+ }
3281
+
3282
+ <div
3283
+ data-dark={false}
3284
+ >
3285
+ <div
3286
+ className="c0"
3287
+ color="#000000"
3288
+ >
3289
+ <pixiv-icon
3290
+ class="icon-class"
3291
+ name="16/Add"
3292
+ scale={1}
3293
+ />
3294
+ <div>
3295
+ アイコンと文字
3296
+ </div>
3297
+ </div>
3298
+ </div>
3299
+ `;
3300
+
3301
+ exports[`Storyshots Icons/PixivIcon (<pixiv-icon>) With Unsafe 1`] = `
3302
+ .c0 {
3303
+ color: #000000;
3304
+ display: -webkit-inline-box;
3305
+ display: -webkit-inline-flex;
3306
+ display: -ms-inline-flexbox;
3307
+ display: inline-flex;
3308
+ -webkit-align-items: center;
3309
+ -webkit-box-align: center;
3310
+ -ms-flex-align: center;
3311
+ align-items: center;
3312
+ min-height: 32px;
3313
+ }
3314
+
3315
+ .c0 pixiv-icon {
3316
+ display: block;
3317
+ -webkit-flex-shrink: 0;
3318
+ -ms-flex-negative: 0;
3319
+ flex-shrink: 0;
3320
+ }
3321
+
3322
+ .c0 pixiv-icon + div {
3323
+ -webkit-flex: 1 0;
3324
+ -ms-flex: 1 0;
3325
+ flex: 1 0;
3326
+ margin-left: 8px;
3327
+ font-size: 14px;
3328
+ line-height: 22px;
3329
+ }
3330
+
3331
+ <div
3332
+ data-dark={false}
3333
+ >
3334
+ <div
3335
+ className="c0"
3336
+ color="#000000"
3337
+ >
3338
+ <pixiv-icon
3339
+ name="16/Add"
3340
+ scale={1}
3341
+ unsafe-non-guideline-scale="3.75"
3342
+ />
3343
+ アイコンと文字
3344
+ </div>
3345
+ </div>
3346
+ `;