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


工具索引