是否有时需要一个图标添加到您的设计中,但你不希望引入图像或整个 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字符,所以一定要先测试,以确保不会发生这种情况的图标显示。