Unicode 中包含了各种符号,我们可以作为图标来使用。这里整理一下常用的一些符号。

一、拉丁字母补全(Latin-1 Supplement):U+0080 至 U+00FF

Unicode 编号 字符描述 字符形状 HTML 编码
U+00A4 CURRENCY SIGN ¤ ¤ 
U+00AB LEFT-POINTING DOUBLE ANGLE QUOTATION MARK « « 
U+00B1 PLUS-MINUS SIGN ± ±
U+00BB RIGHT-POINTING DOUBLE ANGLE QUOTATION MARK » »
U+00D7 MULTIPLICATION SIGN × × 
U+00F7 DIVISION SIGN ÷ ÷

二、箭头字符(Arrows):U+2190 至 U+21FF

Unicode 编号 字符描述 字符形状 HTML 编码
U+2190 LEFTWARDS ARROW ←
U+2191 UPWARDS ARROW ↑
U+2192 RIGHTWARDS ARROW →
U+2193 DOWNWARDS ARROW ↓
U+2194 LEFT RIGHT ARROW ↔
U+2195 UP DOWN ARROW
U+2196 NORTH WEST ARROW
U+2197 NORTH EAST ARROW
U+2198 SOUTH EAST ARROW
U+2199 SOUTH WEST ARROW
U+21B5 DOWNWARDS ARROW WITH CORNER LEFTWARDS ↵
U+21BA ANTICLOCKWISE OPEN CIRCLE ARROW
U+21BB CLOCKWISE OPEN CIRCLE ARROW
U+21D0 LEFTWARDS DOUBLE ARROW ⇐
U+21D1 UPWARDS DOUBLE ARROW ⇑
U+21D2 RIGHTWARDS DOUBLE ARROW ⇒
U+21D3 DOWNWARDS DOUBLE ARROW ⇓
U+21D4 LEFT RIGHT DOUBLE ARROW ⇔
U+21D5 UP DOWN DOUBLE ARROW

三、几何形状字符(Geometric Shapes):U+25A0 至 U+25FF

Unicode 编号 字符描述 字符形状 HTML 编码
U+25A0 BLACK SQUARE
U+25A1 WHITE SQUARE
U+25AA BLACK SMALL SQUARE ▪ 
U+25AB WHITE SMALL SQUARE ▫ 
U+25AE BLACK VERTICAL RECTANGLE
U+25AF WHITE VERTICAL RECTANGLE
U+25B2 BLACK UP-POINTING TRIANGLE
U+25B3 WHITE UP-POINTING TRIANGLE
U+25B4 BLACK UP-POINTING SMALL TRIANGLE
U+25B5 WHITE UP-POINTING SMALL TRIANGLE
U+25B6 BLACK RIGHT-POINTING TRIANGLE
U+25B7 WHITE RIGHT-POINTING TRIANGLE
U+25B8 BLACK RIGHT-POINTING SMALL TRIANGLE
U+25B9 WHITE RIGHT-POINTING SMALL TRIANGLE
U+25BC BLACK DOWN-POINTING TRIANGLE
U+25BD WHITE DOWN-POINTING TRIANGLE ▽ 
U+25BE BLACK DOWN-POINTING SMALL TRIANGLE
U+25BF WHITE DOWN-POINTING SMALL TRIANGLE
U+25C0 BLACK LEFT-POINTING TRIANGLE
U+25C1 WHITE LEFT-POINTING TRIANGLE
U+25C2 BLACK LEFT-POINTING SMALL TRIANGLE
U+25C3 WHITE LEFT-POINTING SMALL TRIANGLE
U+25CB WHITE CIRCLE ○ 
U+25CF BLACK CIRCLE
U+25D0 CIRCLE WITH LEFT HALF BLACK ◐ 
U+25D1 CIRCLE WITH RIGHT HALF BLACK
U+25D2 CIRCLE WITH LOWER HALF BLACK
U+25D3 CIRCLE WITH UPPER HALF BLACK
U+25D4 CIRCLE WITH UPPER RIGHT QUADRANT BLACK
U+25D5 CIRCLE WITH ALL BUT UPPER LEFT QUADRANT BLACK 
U+25E7 SQUARE WITH LEFT HALF BLACK
U+25E8 SQUARE WITH RIGHT HALF BLACK
U+25E9 SQUARE WITH UPPER LEFT DIAGONAL HALF BLACK
U+25EA SQUARE WITH LOWER RIGHT DIAGONAL HALF BLACK
U+25EB WHITE SQUARE WITH VERTICAL BISECTING LINE
U+25F0 WHITE SQUARE WITH UPPER LEFT QUADRANT
U+25F1 WHITE SQUARE WITH LOWER LEFT QUADRANT
U+25F2 WHITE SQUARE WITH LOWER RIGHT QUADRANT
U+25F3 WHITE SQUARE WITH UPPER RIGHT QUADRANT

四、装饰字符(Dingbats):U+2700 至 U+27BF

Unicode 编号 字符描述 字符形状 HTML 编码
U+2713 CHECK MARK
U+2714          HEAVY CHECK MARK
U+2717 BALLOT X
U+2718  HEAVY BALLOT X
U+2729 STRESS OUTLINED WHITE STAR
U+274F LOWER RIGHT DROP-SHADOWED WHITE SQUARE
U+2750 UPPER RIGHT DROP-SHADOWED WHITE SQUARE

Unicode 中的符号太多,所以操作系统中自带的字体未必能包含足够多的符号。例如对于前面介绍的几何形状区块(U+25A0 至 U+25FF),Windows 中完整支持的只有 Windows 7 中开始包含的 Segoe UI Symbol,大部分支持的只有 Windows XP 中开始包含的 Lucida Sans Unicode 和 Office 2007 中包含的 Arial Unicode MS

Mac OS X 中也包含了和 Lucida Sans Unicode 类似的 Lucida Grande 字体,而在 Mac OS X 10.5 中也开始包含 Arial Unicode MS 字体。

Android 4.0 之前的默认字体是 Droid Sans,从 4.0 开始的默认字体是 Roboto;这两个字体都只包含少量的字符,而另外有个 Droid Sans Fallback 字体包含了许多字符,但还是不够全,例如几何形状区块的 96 个字符中它只包含 32 个。

第三方的字体也有不少支持这个区块的全部字符,例如 DejaVu Sans,FreeSans,STIX-Regular,STIXMath-Regular,Symbola 等。在 FileFormat.Info 网站中,我们可以看到 Unicode 各区块字符在各种常见字体中的完整度。

在浏览器渲染页面时,如果发现指定的字体缺少某个字符,它会按照自己的规则选择替代字体。这时候,在 Firefox 22Chrome 31 的调试工具中我们依然能看到浏览器实际使用的字体。

注记:如果需要使用的图标较多,就会发现 Unicode 字符中还是有不少缺少的图形,这时候还是用第三方制作的图标字体(例如 Font Awesome)比较方便。

参考资料:
[1] Unicode 6.3 Character Code Charts
[2] Wikipedia - Unicode block
[3] Wikipedia - List of Unicode characters
[4] Wikipedia - Unicode symbols
[5] Wikipedia - Arrow (symbol)
[6] Wikipedia - Geometric Shapes
[7] Wikipedia - Miscellaneous Symbols
[8] Wikipedia - Dingbat
[9] FileFormat.Info - Unicode Blocks
[A] Wikipedia - Unicode font
[B] Unicode table for you
[C] Search for character(s) in Unicode 6.0.0
[D] Wikipedia - Unicode font
[E] Microsoft Typography - Fonts and Products
[F] Common fonts to all versions of Windows & Mac equivalents
[G] Typetester - Compare fonts for the screen
[H] CSS-Tricks - Icon Fonts are Awesome
[I] 一些可能会用到的特殊符号(Unicode) - Whikiey - 博客园
[J] 维基百科 - XML与HTML字符实体引用列表

常用 Unicode 符号列表的更多相关文章

  1. Unicode字符列表(超完整)

    Unicode字符列表(超完整)Unicode, 字符, 列表代码 显示 描述U+0020  空格 U+0021 ! 叹号 U+0022 " 双引号 U+0023 # 井号 U+0024 $ ...

  2. vim符号列表窗口

    有时使用vim开发时,需要能够直观的查看文件的符号列表或者变量list,但是vim不直接支持这个功能,需要使用ctags的插件支持. 以下是在ubuntu下的详细设置方法: 步骤1:安装ctags u ...

  3. LaTeX常用数学符号表示方法

    转自:http://www.mohu.org/info/symbols/symbols.htm 常用数学符号的 LaTeX 表示方法 (以下内容主要摘自“一份不太简短的 LATEX2e 介绍”) 1. ...

  4. LaTeX常用数学符号

    之前在写博客做笔记时经常会在Word或WPS里写好数学公式再截图上传,一直觉得这样很low.现在实在是不想再去截图上传了,于是决定开始学一下LaTeX.在博客园中使用数学公式的设置可以参考在博客园使用 ...

  5. 常用数学符号的 LaTeX 表示方法

    常用数学符号的 LaTeX 表示方法 (以下内容主要摘自"一份不太简短的 LATEX2e 介绍") 1.指数和下标可以用^和_后加相应字符来实现.比如: 2.平方根(square ...

  6. C# /VB.NET 创建PDF项目符号列表和多级编号列表

    使用项目符号和编号,可以让文档的层次结构更清晰.更有条理,也更容易突出重点.在编辑文档的过程中,我个人也比较偏爱项目标号来标注文章重点信息.在之前的文章中,介绍了如何在Word中来创建项目标号和编号列 ...

  7. Docker 共有 13 个管理命令和 41 个通用命令,以下是常用 Docker 命令列表

    开发人员一直在努力提高 Docker 的使用率和性能,命令也在不停变化.Docker 命令经常被弃用,或被替换为更新且更有效的命令,本文总结了近年来资深专家最常用的命令列表并给出部分使用方法. 目前, ...

  8. Latex常用数学符号(转)

    http://blog.sina.com.cn/s/blog_642075770100u0np.html Latex常用数学符号(转) 1.指数和下标可以用^和_后加相应字符来实现.比如: 2.平方根 ...

  9. Java 在Word中创建多级项目符号列表和编号列表

    本文分享通过Java程序代码在Word中创建多级项目符号列表和编号列表的方法.程序运行环境如下: IntelliJ IDEA 2018(JDK 1.8.0) Word 2013 Word Jar包:F ...

随机推荐

  1. Java API ——StringBuffer类

    1.StringBuffer类概述 1)我们如果对字符串进行拼接操作,每次拼接,都会构建一个新的String对象,既耗时,又浪费空间.而StringBuffer就可以解决这个问题 2)线程安全的可变字 ...

  2. org.apache.http.ProtocolException: Target host is not specified

    对于httpClient4.3访问指定页面,可以从下面的demo抽取方法使用. 注意:对于URL必须使用 http://开始,否则会有如下报错信息: Caused by: org.apache.htt ...

  3. Xcode中的iOS工程模板

    1. Application类型 我们大部分的开发工作都是从使用Application类型模板创建iOS程序开始的.该类型共包含7个模板,具体如下所示. Master-Detail Applicati ...

  4. 爬虫实现(hpricot)

    1.基本代码 在gemfile中加入gem "hpricot",bundler install之后,在application.rb中require "hpricot&qu ...

  5. poj 1080 Human Gene Functions(dp)

    题目:http://poj.org/problem?id=1080 题意:比较两个基因序列,测定它们的相似度,将两个基因排成直线,如果需要的话插入空格,使基因的长度相等,然后根据那个表格计算出相似度. ...

  6. 【 D3.js 高级系列 — 5.0 】 颜色

    颜色是作图不可少的概念,常用的标准有 RGB 和 HSL,D3 提供了创建颜色对象的方法,能够相互转换和插值. RGB色彩模式是通过对红(Red).绿(Green).蓝(Blue)三个颜色通道相互叠加 ...

  7. JPA---一对一关系

    在JPA中,使用@oneToOne来标示. package com.yl.demo1.bean.oneToone; import javax.persistence.CascadeType; impo ...

  8. NET下RabbitMQ实践[WCF发布篇]

    在之前的两篇文章中,主要介绍了RabbitMQ环境配置,简单示例的编写.今天将会介绍如何使用WCF将RabbitMQ列队以服务的方式进行发布.          注:因为RabbitMQ的官方.net ...

  9. JS组件Bootstrap实现弹出框和提示框效果代码

    这篇文章主要介绍了JS组件Bootstrap实现弹出框和提示框效果代码,对弹出框和提示框感兴趣的小伙伴们可以参考一下 前言:对于Web开发人员,弹出框和提示框的使用肯定不会陌生,比如常见的表格新增和编 ...

  10. poj2686-Traveling by Stagecoach(状压dp)

    题意: n张马票,m个城市,马票上有马数(决定速度),一张只能用一次,给出地图,求从城市a到b的最短时间. 分析:n值很小状态压缩 #include <map> #include < ...