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