前端最常用符号

图标 形状 十进制 十六进制 图标 形状 十进制 十六进制 图标 形状 十进制 十六进制 图标 形状 十进制 十六进制
9794 2642 9792 2640 下拉-开启 9650 25B2 下拉-收起 9660 25BC
多选框-未选中 9744 2610 多选框-选中 9745 2611 多选框-禁止选择 9746 2612 正确 10004 2714
错误 10006 2716 加号 10010 271A 取消点赞 9825 2661 点赞 10084 2764
收藏 9733 2605 取消收藏 9734 2606 裁剪处 9988 27A4 书写 9997 270D
编辑-左 9998 270E 编辑-右 10000 2710 重做 8631 21B7 撤销 8630 21B6
顺时针 8635 21BB 刷新 10227 27F3 逆时针 10226 27F2 导航 10148 27A4
列表符号-实心 8226 2022 列表符号-空心 9702 25E6 摄氏度 8451 2103 ° 176 00B0
copyright © 169 00A9 左箭头 8592 2190 右箭头 8594 2192 上箭头 8593 2191
下箭头 8595 2193 左右双向 8644 21C4 上下双向 8645 21C5 人民币 ¥ 165 00A
美元 $ 36 0024 邮箱 9993 2709 电话-实心 9742 260E 电话-空心 9743 260F
拨打电话 9990 2706 警告注意 9888 26A0 指示-左 9756 261C 指示-右 9758 261E
指示-上 9757 261D 指示- 下 9759 261F 比耶 9996 270C 黄冠 9813 2655

基本形状

形状 十进制编码 十六进制编码 形状 十进制编码 十六进制编码 形状 十进制编码 十六进制编码 形状 十进制编码 十六进制编码
9650 25B2 9658 25BA 9658 25BA 9660 25BC
9668 25C4 10084 2764 9992 2708 9635 25A3
10022 2726 9728 2600 9670 25C6 9672 25C8

标点 | 特殊符号

形状 十进制编码 十六进制编码 形状 十进制编码 十六进制编码 形状 十进制编码 十六进制编码 形状 十进制编码 十六进制编码
« 171 00AB » 187 00BB 139 008B 155 009B
8220 201C 8221 201D 8216 2018 8217 2019
8226 2022 9702 25E6 ¡ 161 00A1 ¿ 191 00BF
8453 2105 8470 2116 & 38 0026 @ 64 0040
8478 211E 8451 2103 8457 2109 ° 176 00B0
| 124 007C ¦ 166 00A6 8211 2013 8212 2014
8230 2026 182 00B6 8764 223C 8800 2260

法律符号

形状 十进制编码 十六进制编码 形状 十进制编码 十六进制编码 形状 十进制编码 十六进制编码 形状 十进制编码 十六进制编码
® 174 00AE © 169 00A9 8471 2117 153 0099
8480 2120

各种箭头

形状 十进制编码 十六进制编码 形状 十进制编码 十六进制编码 形状 十进制编码 十六进制编码 形状 十进制编码 十六进制编码
8672 21E0 8674 21E2 8673 21E1 8675 21E3
8606 219E 8608 21A0 8607 219F 8609 21A1
8592 2190 8594 2192 8593 2191 8595 2193
8678 21E6 8680 21E8 8679 21E7 8681 21E9
8596 2194 8597 2195 8644 21C4 8645 21C5
8610 21A2 8611 21A3 8670 21DE 8671 21DF
8619 21AB 8620 21AC 8668 21DC 8669 21DD
8602 219A 8603 219B 8622 21AE 8621 21AD

向右的箭头

形状 十进制编码 十六进制编码 形状 十进制编码 十六进制编码 形状 十进制编码 十六进制编码 形状 十进制编码 十六进制编码
10132 2794 10137 2799 10152 27A8 10162 27B2
10140 279C 10142 279E 10143 279F 10144 27A0
10148 27A4 10149 27A5 10150 27A6 10151 27A7
10165 27B5 10168 27B8 10172 27BC 10173 27BD
10170 27BA 10163 27B3 10174 27BE

形状

形状 十进制编码 十六进制编码 形状 十进制编码 十六进制编码 形状 十进制编码 十六进制编码 形状 十进制编码 十六进制编码
8631 21B7 8630 21B6 8635 21BB 8634 21BA
10227 27F3 10226 27F2 10224 27F0 10225 27F1
8629 21B5 8623 21AF 8693 21F5

货币

形状 十进制编码 十六进制编码 形状 十进制编码 十六进制编码 形状 十进制编码 十六进制编码 形状 十进制编码 十六进制编码
$ 36 0024 ¢ 162 00A2 £ 163 00A3 ¤ 164 00A4
8364 20AC ¥ 165 00A 8369 20B1 8377 20B9

数学

形状 十进制编码 十六进制编码 形状 十进制编码 十六进制编码 形状 十进制编码 十六进制编码 形状 十进制编码 十六进制编码
½ 189 00BD ¼ 188 00BC ¾ 190 00BE 8531 2153
8532 2154 8539 215B 8540 215C 8541 215D
8240 2030 % 37 0025 < 60 003C > 62 003E

音乐符号

形状 十进制编码 十六进制编码 形状 十进制编码 十六进制编码 形状 十进制编码 十六进制编码 形状 十进制编码 十六进制编码
9833 2669 9834 266A 9835 266B 9836 266C
9837 266D 9839 266F

对号 | 错号

形状 十进制编码 十六进制编码 形状 十进制编码 十六进制编码 形状 十进制编码 十六进制编码 形状 十进制编码 十六进制编码
9744 2610 9745 2611 9746 2612 10003 2713
10004 2714 10005 2715 10006 2716 10007 2717
10008 2718

十字

形状 十进制编码 十六进制编码 形状 十进制编码 十六进制编码 形状 十进制编码 十六进制编码 形状 十进制编码 十六进制编码
9768 2628 9769 2629 10013 271D 10014 271E
10015 271F 10016 2720 10010 271A 8224 2020
10018 2722 10020 2724 10019 2723 10021 2725

星星 | 星号 | 雪花

形状 十进制编码 十六进制编码 形状 十进制编码 十六进制编码 形状 十进制编码 十六进制编码 形状 十进制编码 十六进制编码
9734 2606 9733 2605 10029 272D 10030 272E
10037 2735 10026 272A 10017 2721 10031 272F
10042 273A 10038 2736 10040 2738 10041 2739
10035 2733 10033 2731 10034 2732 10036 2734
10054 2746 10043 273B 10045 273D 10059 274B
10052 2744 10053 2745

杂项

形状 十进制编码 十六进制编码 形状 十进制编码 十六进制编码 形状 十进制编码 十六进制编码 形状 十进制编码 十六进制编码
9787 263B 9786 263A 9785 2639 9993 2709
9742 260E 9743 260F 9990 2706 65533 FFFD
9729 2601 9730 2602 10052 2744 9731 2603
10056 2748 10047 273F 10048 2740 10049 2741
9752 2618 10086 2766 9749 9749 10050 2742
9765 2625 9774 262E 9775 262F 9770 262A
9764 2624 9988 2704 9986 2702 9784 2638
9875 2693 9763 2623 9888 26A0 9889 26A1
9762 2622 9851 267B 9855 267F 9760 2620

手型 | 铅笔 | 笔

形状 十进制编码 十六进制编码 形状 十进制编码 十六进制编码 形状 十进制编码 十六进制编码 形状 十进制编码 十六进制编码
9756 261C 9758 261E 9757 261D 9759 261F
9996 270C 9997 270D 9998 270E 10000 2710
9999 270F 10001 2711 10002 2712

天空 | 植物

形状 十进制编码 十六进制编码 形状 十进制编码 十六进制编码 形状 十进制编码 十六进制编码 形状 十进制编码 十六进制编码
9789 263D 9790 263E 9794 2642 9792 2640
9791 263F 9793 2641 9795 2643 9796 2644
9797 2645 9798 2646 9799 2647

星座

形状 十进制编码 十六进制编码 形状 十进制编码 十六进制编码 形状 十进制编码 十六进制编码 形状 十进制编码 十六进制编码
9800 2648 9801 2649 9802 264A 9803 264B
9804 264C 9805 264D 9806 264E 9807 264F
9809 2651 9810 2652 9811 2653

象棋 | 扑克牌

形状 十进制编码 十六进制编码 形状 十进制编码 十六进制编码 形状 十进制编码 十六进制编码 形状 十进制编码 十六进制编码
9818 265A 9819 265B 9820 265C 9821 265D
9822 265E 9823 265F 9812 2654 9813 2655
9814 2656 9815 2657 9816 2658 9817 2659
9824 2660 9827 2663 9829 2665 9830 2666
9828 2664 9831 2667 9825 2661 9826 2662

希腊字母

形状 十进制编码 十六进制编码 形状 十进制编码 十六进制编码 形状 十进制编码 十六进制编码 形状 十进制编码 十六进制编码
Α 913 0391 Β 914 0392 Γ 915 0393 Δ 916 0394
Ε 917 0395 Ζ 918 0396 Η 919 0397 Θ 920 0398
Ι 921 0399 Κ 922 039A Λ 923 039B Μ 924 039C
Ν 925 039D Ξ 926 039E Ο 927 039F Π 928 03A0
Ρ 929 03A1 Σ 931 03A3 Τ 932 03A4 Υ 933 03A5
Φ 934 03A6 Χ 935 03A7 Ψ 936 03A8 Ω 937 03A9
工具简介

在CSS中,Content属性可以配合Pseudo元素来插入一些额外的内容到HTML文档中。这也是一种强大的CSS技巧,可以帮助我们实现一些看似不可能的效果。Content属性可以对生成的内容进行控制,例如插入引号、计数器、图标等等。

使用方法:

h2{
  font-size: 18px;// 定义字体图标大小
  margin-right: 10px;// 右外边距
  color: #0091ff;// 定义字体图标颜色
  vertical-align: middle;// 垂直居中
  &:before{// 在最前面显示
    content: "22";
  }
}

声明

该工具由 程序员导航网(https://hao.panziye.com) 提供。所有操作均在前端运行,程序员导航网不会保存您的任何文本或文件,请放心使用,如该工具有任何问题,可以在下面评论区留言即可。

相关导航

暂无评论

您必须登录才能参与评论!
立即登录
暂无评论...