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


工具索引