iconfont Demo

Font class

svg-0

.icon-mssvg-03
svg-1

.icon-mssvg-113
svg-2

.icon-mssvg-214
svg-3

.icon-mssvg-314
svg-4

.icon-mssvg-414
svg-5

.icon-mssvg-514
svg-6

.icon-mssvg-614
svg-7

.icon-mssvg-714
svg-8

.icon-mssvg-814
svg-9

.icon-mssvg-914
svg-10

.icon-mssvg-103
svg-11

.icon-mssvg-114
svg-12

.icon-mssvg-123
svg-13

.icon-mssvg-133
svg-14

.icon-mssvg-143
svg-15

.icon-mssvg-153
svg-16

.icon-mssvg-163
svg-17

.icon-mssvg-173
svg-18

.icon-mssvg-183
svg-19

.icon-mssvg-193
svg-21

.icon-mssvg-215
svg-20

.icon-mssvg-203
svg-22

.icon-mssvg-223
svg-24

.icon-mssvg-243
svg-23

.icon-mssvg-233
svg-25

.icon-mssvg-253
svg-26

.icon-mssvg-263
svg-28

.icon-mssvg-283
svg-27

.icon-mssvg-273
svg-30

.icon-mssvg-303
svg-29

.icon-mssvg-293
svg-32

.icon-mssvg-323
svg-33

.icon-mssvg-333
svg-31

.icon-mssvg-315
svg-35

.icon-mssvg-353
svg-34

.icon-mssvg-343
svg-36

.icon-mssvg-363
svg-37

.icon-mssvg-373
svg-38

.icon-mssvg-383
svg-39

.icon-mssvg-393
svg-42

.icon-mssvg-423
svg-41

.icon-mssvg-415
svg-40

.icon-mssvg-403
svg-43

.icon-mssvg-433
svg-44

.icon-mssvg-443
svg-0

.icon-mssvg-02
svg-1

.icon-mssvg-110
svg-3

.icon-mssvg-312
svg-2

.icon-mssvg-212
svg-4

.icon-mssvg-412
svg-5

.icon-mssvg-512
svg-6

.icon-mssvg-612
svg-7

.icon-mssvg-712
svg-9

.icon-mssvg-912
svg-8

.icon-mssvg-812
svg-10

.icon-mssvg-102
svg-11

.icon-mssvg-112
svg-12

.icon-mssvg-122
svg-13

.icon-mssvg-132
svg-14

.icon-mssvg-142
svg-15

.icon-mssvg-152
svg-16

.icon-mssvg-162
svg-17

.icon-mssvg-172
svg-18

.icon-mssvg-182
svg-19

.icon-mssvg-192
svg-21

.icon-mssvg-213
svg-20

.icon-mssvg-202
svg-22

.icon-mssvg-222
svg-23

.icon-mssvg-232
svg-24

.icon-mssvg-242
svg-26

.icon-mssvg-262
svg-25

.icon-mssvg-252
svg-27

.icon-mssvg-272
svg-28

.icon-mssvg-282
svg-29

.icon-mssvg-292
svg-30

.icon-mssvg-302
svg-31

.icon-mssvg-313
svg-32

.icon-mssvg-322
svg-33

.icon-mssvg-332
svg-34

.icon-mssvg-342
svg-35

.icon-mssvg-352
svg-36

.icon-mssvg-362
svg-37

.icon-mssvg-372
svg-38

.icon-mssvg-382
svg-39

.icon-mssvg-392
svg-40

.icon-mssvg-402
svg-41

.icon-mssvg-413
svg-42

.icon-mssvg-422
svg-43

.icon-mssvg-432
svg-44

.icon-mssvg-442
svg-45

.icon-mssvg-452
svg-46

.icon-mssvg-462
svg-47

.icon-mssvg-472
svg-48

.icon-mssvg-482
svg-49

.icon-mssvg-492
svg-51

.icon-mssvg-513
svg-52

.icon-mssvg-522
svg-53

.icon-mssvg-532
svg-50

.icon-mssvg-502
svg-54

.icon-mssvg-542
svg-55

.icon-mssvg-552
svg-57

.icon-mssvg-572
svg-59

.icon-mssvg-592
svg-61

.icon-mssvg-613
svg-56

.icon-mssvg-562
svg-60

.icon-mssvg-602
svg-58

.icon-mssvg-582
svg-62

.icon-mssvg-622
svg-63

.icon-mssvg-632
svg-64

.icon-mssvg-642
svg-66

.icon-mssvg-662
svg-65

.icon-mssvg-652
svg-67

.icon-mssvg-672
svg-68

.icon-mssvg-682
svg-69

.icon-mssvg-692
svg-70

.icon-mssvg-702
svg-71

.icon-mssvg-713
svg-72

.icon-mssvg-722
svg-75

.icon-mssvg-752
svg-74

.icon-mssvg-742
svg-73

.icon-mssvg-732
svg-77

.icon-mssvg-772
svg-78

.icon-mssvg-782
svg-79

.icon-mssvg-792
svg-81

.icon-mssvg-813
svg-76

.icon-mssvg-762
svg-82

.icon-mssvg-822
svg-83

.icon-mssvg-832
svg-84

.icon-mssvg-842
svg-80

.icon-mssvg-802
svg-86

.icon-mssvg-862
svg-91

.icon-mssvg-913
svg-89

.icon-mssvg-892
svg-93

.icon-mssvg-932
svg-92

.icon-mssvg-922
svg-90

.icon-mssvg-902
svg-85

.icon-mssvg-852
svg-95

.icon-mssvg-952
svg-87

.icon-mssvg-872
svg-94

.icon-mssvg-942
svg-96

.icon-mssvg-962
svg-97

.icon-mssvg-972
svg-88

.icon-mssvg-882
svg-98

.icon-mssvg-982
svg-99

.icon-mssvg-992
svg-62

.icon-mssvg-621
svg-63

.icon-mssvg-631
svg-65

.icon-mssvg-651
svg-64

.icon-mssvg-641
svg-66

.icon-mssvg-661
svg-67

.icon-mssvg-671
svg-68

.icon-mssvg-681
svg-69

.icon-mssvg-691
svg-70

.icon-mssvg-701
svg-71

.icon-mssvg-711
svg-73

.icon-mssvg-731
svg-72

.icon-mssvg-721
svg-74

.icon-mssvg-741
svg-75

.icon-mssvg-751
svg-76

.icon-mssvg-761
svg-77

.icon-mssvg-771
svg-78

.icon-mssvg-781
svg-79

.icon-mssvg-791
svg-80

.icon-mssvg-801
svg-81

.icon-mssvg-811
svg-82

.icon-mssvg-821
svg-83

.icon-mssvg-831
svg-84

.icon-mssvg-841
svg-85

.icon-mssvg-851
svg-86

.icon-mssvg-861
svg-87

.icon-mssvg-871
svg-88

.icon-mssvg-881
svg-89

.icon-mssvg-891
svg-90

.icon-mssvg-901
svg-91

.icon-mssvg-911
svg-92

.icon-mssvg-921
svg-94

.icon-mssvg-941
svg-95

.icon-mssvg-951
svg-93

.icon-mssvg-931
svg-96

.icon-mssvg-961
svg-97

.icon-mssvg-971
svg-98

.icon-mssvg-981
svg-99

.icon-mssvg-991
svg-0

.icon-mssvg-01
svg-1

.icon-mssvg-1
svg-2

.icon-mssvg-210
svg-3

.icon-mssvg-310
svg-4

.icon-mssvg-410
svg-5

.icon-mssvg-510
svg-6

.icon-mssvg-610
svg-7

.icon-mssvg-710
svg-8

.icon-mssvg-810
svg-9

.icon-mssvg-910
svg-11

.icon-mssvg-111
svg-10

.icon-mssvg-101
svg-12

.icon-mssvg-121
svg-13

.icon-mssvg-131
svg-14

.icon-mssvg-141
svg-15

.icon-mssvg-151
svg-16

.icon-mssvg-161
svg-17

.icon-mssvg-171
svg-19

.icon-mssvg-191
svg-20

.icon-mssvg-201
svg-18

.icon-mssvg-181
svg-21

.icon-mssvg-211
svg-22

.icon-mssvg-221
svg-23

.icon-mssvg-231
svg-24

.icon-mssvg-241
svg-25

.icon-mssvg-251
svg-26

.icon-mssvg-261
svg-27

.icon-mssvg-271
svg-28

.icon-mssvg-281
svg-29

.icon-mssvg-291
svg-30

.icon-mssvg-301
svg-31

.icon-mssvg-311
svg-32

.icon-mssvg-321
svg-36

.icon-mssvg-361
svg-35

.icon-mssvg-351
svg-33

.icon-mssvg-331
svg-34

.icon-mssvg-341
svg-37

.icon-mssvg-371
svg-38

.icon-mssvg-381
svg-39

.icon-mssvg-391
svg-40

.icon-mssvg-401
svg-41

.icon-mssvg-411
svg-42

.icon-mssvg-421
svg-43

.icon-mssvg-431
svg-44

.icon-mssvg-441
svg-45

.icon-mssvg-451
svg-46

.icon-mssvg-461
svg-47

.icon-mssvg-471
svg-48

.icon-mssvg-481
svg-49

.icon-mssvg-491
svg-50

.icon-mssvg-501
svg-51

.icon-mssvg-511
svg-52

.icon-mssvg-521
svg-53

.icon-mssvg-531
svg-54

.icon-mssvg-541
svg-55

.icon-mssvg-551
svg-56

.icon-mssvg-561
svg-57

.icon-mssvg-571
svg-58

.icon-mssvg-581
svg-59

.icon-mssvg-591
svg-61

.icon-mssvg-611
svg-60

.icon-mssvg-601
svg-0

.icon-mssvg-0
svg-2

.icon-mssvg-2
svg-5

.icon-mssvg-5
svg-6

.icon-mssvg-6
svg-7

.icon-mssvg-7
svg-4

.icon-mssvg-4
svg-9

.icon-mssvg-9
svg-8

.icon-mssvg-8
svg-3

.icon-mssvg-3
svg-10

.icon-mssvg-10
svg-12

.icon-mssvg-12
svg-13

.icon-mssvg-13
svg-14

.icon-mssvg-14
svg-11

.icon-mssvg-11
svg-17

.icon-mssvg-17
svg-18

.icon-mssvg-18
svg-16

.icon-mssvg-16
svg-19

.icon-mssvg-19
svg-15

.icon-mssvg-15
svg-22

.icon-mssvg-22
svg-21

.icon-mssvg-21
svg-26

.icon-mssvg-26
svg-20

.icon-mssvg-20
svg-23

.icon-mssvg-23
svg-25

.icon-mssvg-25
svg-24

.icon-mssvg-24
svg-27

.icon-mssvg-27
svg-28

.icon-mssvg-28
svg-32

.icon-mssvg-32
svg-29

.icon-mssvg-29
svg-30

.icon-mssvg-30
svg-31

.icon-mssvg-31
svg-33

.icon-mssvg-33
svg-34

.icon-mssvg-34
svg-35

.icon-mssvg-35
svg-36

.icon-mssvg-36
svg-38

.icon-mssvg-38
svg-41

.icon-mssvg-41
svg-37

.icon-mssvg-37
svg-39

.icon-mssvg-39
svg-40

.icon-mssvg-40
svg-42

.icon-mssvg-42
svg-43

.icon-mssvg-43
svg-44

.icon-mssvg-44
svg-45

.icon-mssvg-45
svg-46

.icon-mssvg-46
svg-47

.icon-mssvg-47
svg-50

.icon-mssvg-50
svg-48

.icon-mssvg-48
svg-49

.icon-mssvg-49
svg-51

.icon-mssvg-51
svg-52

.icon-mssvg-52
svg-54

.icon-mssvg-54
svg-53

.icon-mssvg-53
svg-55

.icon-mssvg-55
svg-56

.icon-mssvg-56
svg-57

.icon-mssvg-57
svg-58

.icon-mssvg-58
svg-64

.icon-mssvg-64
svg-61

.icon-mssvg-61
svg-65

.icon-mssvg-65
svg-63

.icon-mssvg-63
svg-60

.icon-mssvg-60
svg-62

.icon-mssvg-62
svg-67

.icon-mssvg-67
svg-59

.icon-mssvg-59
svg-72

.icon-mssvg-72
svg-69

.icon-mssvg-69
svg-73

.icon-mssvg-73
svg-68

.icon-mssvg-68
svg-75

.icon-mssvg-75
svg-76

.icon-mssvg-76
svg-66

.icon-mssvg-66
svg-70

.icon-mssvg-70
svg-71

.icon-mssvg-71
svg-74

.icon-mssvg-74
svg-77

.icon-mssvg-77
svg-78

.icon-mssvg-78
svg-79

.icon-mssvg-79
svg-81

.icon-mssvg-81
svg-82

.icon-mssvg-82
svg-83

.icon-mssvg-83
svg-85

.icon-mssvg-85
svg-86

.icon-mssvg-86
svg-80

.icon-mssvg-80
svg-84

.icon-mssvg-84
svg-88

.icon-mssvg-88
svg-87

.icon-mssvg-87
svg-90

.icon-mssvg-90
svg-91

.icon-mssvg-91
svg-92

.icon-mssvg-92
svg-89

.icon-mssvg-89
svg-93

.icon-mssvg-93
svg-94

.icon-mssvg-94
svg-95

.icon-mssvg-95
svg-96

.icon-mssvg-96
svg-97

.icon-mssvg-97
svg-99

.icon-mssvg-99
svg-98

.icon-mssvg-98

font-class 引用

使用步骤如下：

第一步：引入项目下面生成的 fontclass 代码：

<link rel="stylesheet" href="./iconfont.css">

第二步：挑选相应图标并获取类名，应用于页面：

<span class="ms-icon icon-msxxx"></span>