是否有时需要一个图标添加到您的设计中,但你不希望引入图像或整个 Font Awesome 到您的网页? 我们有好消息告诉你 - 你的浏览器中使用的图标和字形已经是一个巨大的图标库。 这就是所谓的 Unicode, 并且它是一个标准,该标准用于字符,符号和图标不断扩大数(目前超过110000)分配一个唯一的标识符。我们收集了一些可用在Windows,Linux和OS X,Android和iOS的符号。你可以在你的网页设计使用它们。
如何使用这些图标
下表中列出的图标,是常规字符,你可以像文本一样自由的复制和粘贴。但如果用来保存你的HTML/CSS文件的编码不是UTF-8,他们可能不会正确显示。但是我们提供了一个HTML escape,这样就可以始终正常显示。 以下是你需要做的,使用这些图标:
图标样式
| 名称 | 预览 | 代码 | |
|---|---|---|---|
| 笑脸 | ☺ | ☺ | ☺ | 
| 热茶 | ♨ | ♨ | ♨ | 
| 8 球 | ➑ | ➑ | ➑ | 
| 白星星 | ☆ | ☆ | ☆ | 
| 黑星星 | ★ | ★ | ★ | 
| ♡ | ♡ | ♡ | |
| 黑桃心 | ❤ | ❤ | ❤ | 
| 飞机 | ✈ | ✈ | ✈ | 
| 黑色剪刀 | ✂ | ✂ | ✂ | 
| 白色剪刀 | ✄ | ✄ | ✄ | 
| 皇冠 | ♕ | ♕ | ♕ | 
| 十字 | ✝ | ✝ | ✝ | 
| 黑白色的圆圈 | ◑ | ◑ | ◑ | 
| 八分音符 | ♪ | ♪ | ♪ | 
| 横梁八分音符 | ♫ | ♫ | ♫ | 
| 四气球星号 | ✣ | ✣ | ✣ | 
| 盘旋白星 | ✪ | ✪ | ✪ | 
| 白星星 | ✰ | ✰ | ✰ | 
| 白四角星 | ✧ | ✧ | ✧ | 
| 黑四角星 | ✦ | ✦ | ✦ | 
| 多选 | ☑ | ☑ | ☑ | 
| 对号 | ✔ | ✔ | ✔ | 
| 错号 | ✘ | ✘ | ✘ | 
| 铅笔 | ✎ | ✎ | ✎ | 
| 写手 | ✍ | ✍ | ✍ | 
| 女姓 | ♀ | ♀ | ♀ | 
| 男姓 | ♂ | ♂ | ♂ | 
| 黑色电话 | ☎ | ☎ | ☎ | 
| 白色电话 | ☏ | ☏ | ☏ | 
| 信封 | ✉ | ✉ | ✉ | 
| 电话位置 | ✆ | ✆ | ✆ | 
箭头
| 名称 | 预览 | 代码 | |
|---|---|---|---|
| 左箭头 | ← | ← | ← | 
| 右箭头 | → | → | → | 
| 上箭头 | ↑ | ↑ | ↑ | 
| 下箭头 | ↓ | ↓ | ↓ | 
| 左右箭头 | ↔ | ↔ | ↔ | 
| 上下箭头 | ↕ | ↕ | ↕ | 
| 左和右箭头 | ⇄ | ⇄ | ⇄ | 
| 上和下箭头 | ⇅ | ⇅ | ⇅ | 
| 左下90度箭头 | ↲ | ↲ | ↲ | 
| 右下90度箭头 | ↳ | ↳ | ↳ | 
| 左上90度箭头 | ↰ | ↰ | ↰ | 
| 右上90度箭头 | ↱ | ↱ | ↱ | 
| 左边箭头 | ⇤ | ⇤ | ⇤ | 
| 右边箭头 | ⇥ | ⇥ | ⇥ | 
| 逆时针半圆箭头 | ↶ | ↶ | ↶ | 
| 顺时针半圆箭头 | ↷ | ↷ | ↷ | 
| 逆时针圈箭头 | ↺ | ↺ | ↺ | 
| 顺时针圈箭头 | ↻ | ↻ | ↻ | 
| 宽向右箭头 | ➔ | ➔ | ➔ | 
| 曲折向下箭头 | ↯ | ↯ | ↯ | 
| 北西箭头 | ↖ | ↖ | ↖ | 
| 南东箭头 | ➘ | ➘ | ➘ | 
| 重型向右箭头 | ➙ | ➙ | ➙ | 
| 重型北东箭头 | ➚ | ➚ | ➚ | 
| 虚线向右箭头 | ➟ | ➟ | ➟ | 
| 虚点线向左箭头 | ⇠ | ⇠ | ⇠ | 
| 黑色向右箭头 | ➤ | ➤ | ➤ | 
| 向左空心箭头 | ⇦ | ⇦ | ⇦ | 
| 向右空心箭头 | ⇨ | ⇨ | ⇨ | 
| 左向标记 | « | « | « | 
| 右向标记 | » | » | » | 
| 右黑色指针 | ► | ► | ► | 
| 左黑色指针 | ◀ | ◀ | ◀ | 
| 上黑色指针 | ▲ | ▲ | ▲ | 
| 下黑色指针 | ▼ | ▼ | ▼ | 
| 右白色指针 | ▷ | ▷ | ▷ | 
| 左白色指针 | ◁ | ◁ | ◁ | 
| 上白色指针 | △ | △ | △ | 
| 下白色指针 | ▽ | ▽ | ▽ | 
| 弓箭 | ➴ | ➴ | ➴ | 
特殊符号
| 名称 | 预览 | 代码 | |
|---|---|---|---|
| 数字 | № | № | № | 
| 版权 | © | © | © | 
| 注册 | ® | ® | ® | 
| 商标 | ™ | ™ | ™ | 
| 预测 | ℮ | ℮ | ℮ | 
| 子弹 | • | • | • | 
| 中间点 | · | · | · | 
货币
| 名称 | 预览 | 代码 | |
|---|---|---|---|
| 欧元 | € | € | € | 
| 英镑 | £ | £ | £ | 
| 里拉 | ₤ | ₤ | ₤ | 
| 日元 | ¥ | ¥ | ¥ | 
| 分 | ¢ | ¢ | ¢ | 
| 货币 | ¤ | ¤ | ¤ | 
天气
| 名称 | 预览 | 代码 | |
|---|---|---|---|
| 度 | ° | ° | ° | 
| 小太阳 | ☀ | ☀ | ☀ | 
| 大太阳 | ☼ | ☼ | ☼ | 
| 云 | ☁ | ☁ | ☁ | 
| 雪花 1 | ❆ | ❆ | ❆ | 
| 雪花 2 | ❅ | ❅ | ❅ | 
| 雪花 3 | ❄ | ❄ | ❄ | 
指针
| 名称 | 预览 | 代码 | |
|---|---|---|---|
| 黑色左指针 | ☚ | ☚ | ☚ | 
| 黑色右指针 | ☛ | ☛ | ☛ | 
| 白色左指针 | ☜ | ☜ | ☜ | 
| 白色上指针 | ☝ | ☝ | ☝ | 
| 白色右指针 | ☞ | ☞ | ☞ | 
| 白色下指针 | ☟ | ☟ | ☟ | 
纸牌
| 名称 | 预览 | 代码 | |
|---|---|---|---|
| 实心黑桃 | ♠ | ♠ | ♠ | 
| 实心红桃 | ♥ | ♥ | ♥ | 
| 实心方块 | ♦ | ♦ | ♦ | 
| 实心梅花 | ♣ | ♣ | ♣ | 
| 空心黑桃 | ♤ | ♤ | ♤ | 
| 空心红桃 | ♡ | ♡ | ♡ | 
| 空心方块 | ♢ | ♢ | ♢ | 
| 空心梅花 | ♧ | ♧ | ♧ | 
国际像棋
| 名称 | 预览 | 代码 | |
|---|---|---|---|
| King White | ♔ | ♔ | ♔ | 
| Queen White | ♕ | ♕ | ♕ | 
| Rook White | ♖ | ♖ | ♖ | 
| Bishop White | ♗ | ♗ | ♗ | 
| Knight White | ♘ | ♘ | ♘ | 
| Pawn White | ♙ | ♙ | ♙ | 
| King Black | ♚ | ♚ | ♚ | 
| Queen Black | ♛ | ♛ | ♛ | 
| Rook Black | ♜ | ♜ | ♜ | 
| Bishop Black | ♝ | ♝ | ♝ | 
| Knight Black | ♞ | ♞ | ♞ | 
| Pawn Black | ♟ | ♟ | ♟ | 
数学
| 名称 | 预览 | 代码 | |
|---|---|---|---|
| Infinity | ∞ | ∞ | ∞ | 
| Plus Minus | ± | ± | ± | 
| Less-Than Or Equal To | ≤ | ≤ | ≤ | 
| More-Than Or Equal To | ≥ | ≥ | ≥ | 
| Not Equal To | ≠ | ≠ | ≠ | 
| Division | ÷ | ÷ | ÷ | 
| Multiplication x | × | × | × | 
| Heavy Multiplication x | ✖ | ✖ | ✖ | 
| Superscript One | ¹ | ¹ | ¹ | 
| Superscript Two | ² | ² | ² | 
| Superscript Three | ³ | ³ | ³ | 
| Circled Plus | ⊕ | ⊕ | ⊕ | 
| Circled Multiplication | ⊗ | ⊗ | ⊗ | 
| Logical AND | ∧ | ∧ | ∧ | 
| Logical OR | ∨ | ∨ | ∨ | 
| Delta | ∆ | ∆ | ∆ | 
| Pie | ∏ | ∏ | ∏ | 
| Sigma (SUM) | ∑ | ∑ | ∑ | 
| Omega | Ω | Ω | Ω | 
| Empty Set | ∅ | ∅ | ∅ | 
| Angle | ∠ | ∠ | ∠ | 
| Parallel | ∥ | ∥ | ∥ | 
| Perpendicular | ⊥ | ⊥ | ⊥ | 
| Almost Equal To | ≈ | ≈ | ≈ | 
| Triangle | △ | △ | △ | 
| Circle | ○ | ○ | ○ | 
| Square | □ | □ | □ | 
分数
| 名称 | 预览 | 代码 | |
|---|---|---|---|
| One Quarter (1/4) | ¼ | ¼ | ¼ | 
| One Half (1/2) | ½ | ½ | ½ | 
| Three Quarters (3/4) | ¾ | ¾ | ¾ | 
| One Third (1/3) | ⅓ | ⅓ | ⅓ | 
| Two Thirds (2/3) | ⅔ | ⅔ | ⅔ | 
| One Eight (1/8) | ⅛ | ⅛ | ⅛ | 
| Three Eights (3/8) | ⅜ | ⅜ | ⅜ | 
| Five Eights (5/8) | ⅝ | ⅝ | ⅝ | 
| Seven Eights (7/8) | ⅞ | ⅞ | ⅞ | 
罗马数字
| 名称 | 预览 | 代码 | |
|---|---|---|---|
| Roman Numeral One | Ⅰ | Ⅰ | Ⅰ | 
| Roman Numeral Two | Ⅱ | Ⅱ | Ⅱ | 
| Roman Numeral Three | Ⅲ | Ⅲ | Ⅲ | 
| Roman Numeral Four | Ⅳ | Ⅳ | Ⅳ | 
| Roman Numeral Five | Ⅴ | Ⅴ | Ⅴ | 
| Roman Numeral Six | Ⅵ | Ⅵ | Ⅵ | 
| Roman Numeral Seven | Ⅶ | Ⅶ | Ⅶ | 
| Roman Numeral Eight | Ⅷ | Ⅷ | Ⅷ | 
| Roman Numeral Nine | Ⅸ | Ⅸ | Ⅸ | 
| Roman Numeral Ten | Ⅹ | Ⅹ | Ⅹ | 
| Roman Numeral Eleven | Ⅺ | Ⅺ | Ⅺ | 
| Roman Numeral Twelve | Ⅻ | Ⅻ | Ⅻ | 
注意事项
有跨操作系统的符号,这些符号会有一些差异呈现。这是通过所使用的不同的字体而引起的。此外,iOS和Android用表情符号代替某些Unicode字符,所以一定要先测试,以确保不会发生这种情况的图标显示。