常见的HTML特殊字符：对钩与叉号，五角星

表示“对钩”，“叉号”的特殊转义符号汇总：

对钩符号	编码	描述	叉号符号	编码	描述
✓	✓	CHECK MARK 手写体对钩(细)	✗	✗	BALLOT X 手写体叉号(细)
✔	✔	HEAVY CHECK MARK 手写体对钩(粗)	✘	✘	HEAVY BALLOT X 手写体叉号(加粗)
√ 或 √	√ 或 √	SQUARE ROOT 平方根、常用于表示对钩符号	×	×	倍数乘号、常用于表示错误符号
☑	☑	BALLOT BOX WITH CHECK 方框对钩	☒	☒	BALLOT BOX WITH X 方框叉号
☐	☐	BALLOT BOX 选项 空方框 / 投票箱
✅	✅	WHITE HEAVY CHECK MARK 白色粗复选标记	❎	❎	NEGATIVE SQUARED CROSS MARK 负平方十字标记
			✕	✕	MULTIPLICATION X 乘法X
			✖	✖	HEAVY MULTIPLICATION X 乘法X (加粗)
			☓	☓	SALTIRE、X形十字图记
			⛌	⛌	CROSSING LANES、过街车道
			❌	❌	CROSS MARK、十字标记
			⛝	⛝	SQUARED SALTIRE 方框X形十字
			⛒	⛒	圆圈叉号，常用于表示禁止、异常提示
			⊗	⊗	圆圈叉号，常用于表示禁止、异常提示

表示“选项”（方框符号、圆框符号）的特殊转义符号汇总：

方框符号	编码	描述	圆框符号	编码	描述
☐	☐	BALLOT BOX 空白方框	◯	◯	LARGE CIRCLE 大圆圈
⛶	⛶	SQUARE FOUR CORNERS 方形四角，空白虚线方框
⛞	⛞	FALLING DIAGONAL IN WHITE CIRCLE IN BLACK SQUARE 黑色方块中白色圆圈中的下降对角线
			❍	❍	SHADOWED WHITE CIRCLE 阴影白色圆圈
			⚬	⚬	MEDIUM SMALL WHITE CIRCLE 中小型白色圆圈
			⚫	⚫	MEDIUM BLACK CIRCLE 中黑色圆圈，实体填充圆圈
			⚪	⚪	MEDIUM WHITE CIRCLE 中白色圆圈，镂空中空圆圈
			⛔	⛔	NO ENTRY 禁行
			⭕	⭕	红色圆圈
⬜	⬜	镂空中空方框
⬛	⬛	实体填充方框
◻	◻	WHITE MEDIUM SQUARE 白色中方形
◼	◼	BLACK MEDIUM SQUARE 黑色中方形
◽	◽	WHITE MEDIUM SMALL SQUARE 白色中小正方形
◾	◾	BLACK MEDIUM SMALL SQUARE 黑色中小正方形

表示“五角星”的特殊转义符号汇总：

特殊符号	编码	描述	示例
⋆	⋆	STAR OPERATOR 星形操作员	⋆、⋆
★	★	BLACK STAR 黑色五角星，实体填充五角星	★、★
☆	☆	WHITE STAR 白色五角星，镂空中空五角星	☆、☆
⚝	⚝	OUTLINED WHITE STAR 五角星形，轮廓白色星形	⚝、⚝
✡	✡	STAR OF DAVID 五角星形，大卫之星	✡、✡
⛤	⛤	PENTAGRAM 五角星形，镂空中空五角星	⛤、⛤
⛥	⛥	RIGHT-HANDED INTERLACED PENTAGRAM 右手交错五角星，镂空中空五角星	⛥、⛥
⛦	⛦	LEFT-HANDED INTERLACED PENTAGRAM 左手交错五角星，镂空中空五角星	⛦、⛦
⛧	⛧	INVERTED PENTAGRAM 倒五角星形，镂空中空倒五角星	⛧、⛧
✩	✩	STRESS OUTLINED WHITE STAR 应力轮廓白星，镂空中空应力轮廓白星	✩、✩
✪	✪	CIRCLED WHITE STAR 带圆圈的白色恒星	✪、✪
✫	✫	OPEN CENTRE BLACK STAR 开心黑星	✫、✫
✬	✬	BLACK CENTRE WHITE STAR 黑中心白星	✬、✬
✭	✭	OUTLINED BLACK STAR 轮廓黑星	✭、✭
✮	✮	HEAVY OUTLINED BLACK STAR 粗轮廓黑星	✮、✮
✯	✯	PINWHEEL STAR 针轮星形	✯、✯
✰	✰	SHADOWED WHITE STAR 阴影白色恒星	✰、✰
⭐	⭐	实体填充五角星（黄色）	⭐、⭐

表示“心”的特殊转义符号汇总：

特殊符号	编码	描述	特殊符号	编码	描述
♡	♡	WHITE HEART SUIT 白色心形，镂空中空心形。示例：♡、♡	♥	♥	BLACK HEART SUIT 黑色心形，实体填充心形。示例：♥、♥
❤	❤	HEAVY BLACK HEART 黑色心形 （加粗），实体填充黑色心形 （加粗）。示例：❤、❤	🖤	🖤
💓	💓		💔	💔
💕	💕		💖	💖
💗	💗		💘	💘
💙	💙		💚	💚
💛	💛		💜	💜
💝	💝		💞	💞

表示“大拇指”的特殊转义符号汇总：

特殊符号	编码	特殊符号	编码
👍	👍	👍	👍
👎	👎	👎	👎

表示“旗子”的特殊转义符号汇总：

特殊符号	编码	描述	示例
⚐	⚐	WHITE FLAG 白色旗子，镂空中空旗子形
⚑	⚑	BLACK FLAG 黑色旗子，实体填充旗子形	⚑、⚑、⚑、⚑、⚑、⚑、⚑、⚑、⚑、⚑、⚑、⚑、⚑、⚑、⚑、⚑、⚑、⚑、⚑、⚑、⚑
⛿	⛿
🏳	🏳
🏴	🏴

表示“十二生肖”，“十二星座”的特殊转义符号汇总：

十二生肖	编码	描述		十二星座	编码	描述
鼠：🐀 🐁 🐭	🐀、🐁、🐭			♒ 水瓶座：1.20-2.18	♒	AQUARIUS
牛：🐂 🐃 🐄 🐮	🐂、🐃、🐄、🐮			♓ 双鱼座：2.19-3.20	♓	PISCES
虎：🐅 🐆 🐯	🐅、🐆、🐯			♈ 白羊座：3.21-4.19	♈	ARIES
兔：🐇 🐰	🐇、🐰			♉ 金牛座：4.20-5.20	♉	TAURUS
龙：🐉 🐲	🐉、🐲			♊ 双子座：5.21-6.21	♊	GEMINI
蛇：🐍	🐍			♋ 巨蟹座：6.22-7.22	♋	CANCER
马：🐎 🐴	🐎、🐴			♌ 狮子座：7.23-8.22	♌	LEO
羊：🐏 🐐 🐑	🐏、🐐、🐑			♍ 处女座：8.23-9.22	♍	VIRGO
猴：🐒 🐵	🐒、🐵			♎ 天秤座：9.23-10.23	♎	LIBRA
鸡：🐓 🐔	🐓、🐔			♏ 天蝎座：10.24-11.22	♏	SCORPIUS
狗：🐕 🐶	🐕、🐶			♐ 射手座：11.23-12.21	♐	SAGITTARIUS
猪：🐖 🐗 🐷	🐖、🐗、🐷			♑ 摩羯座：12.22-1.19	♑	CAPRICORN

其他常用的特殊转义符号汇总：

特殊符号	编码	特殊符号	编码
钻石：💎	💎	水：💦 💧 火：🔥	Water：💦、 💧 Fire：🔥
18禁：🔞 💡 ㊗ ㊙ 🔔	🔞，💡，㊗，㊙、🔔	眼睛/眼镜：👁、🕶	👁、🕶
飞机：✈	✈	❌ ❓ ❔ ❕ ❗ ⭕ ⚠	❌、❓、❔、❕、❗、⭕、⚠
设置/工具：🛠 ⚒ ⛭ ⛮ ⛯ ⚙	🛠、⚒、⛭、⛮、⛯、⚙	金牌：🥇 银牌：🥈 铜牌：🥉 金牌：🎖、银牌：🎖、铜牌：🎖	🥇、🥈、🥉、🎖
电话：☎ ☏ ✆ 📞	☎、☏、✆、📞	邮箱/Email：✉ 📧	✉、📧
消息：💬 💭 🗨	💬、💭、🗨
标签：🏷、⚚	🏷、⚚
文件夹：📁 📂	📁、📂	世界地图（大陆）：🗺	🗺
左尖括号：❬ ❮ ❰ ≪	❬、❮、❰、≪	右尖括号：❭ ❯ ❱ ≫	❭、❯、❱、≫
方框图（斜线）：╱ ∕	╱、∕	方框图（斜线）：╲ ∖	╲、 ∖

眼睛：明文/密文：

<style>
  .eye-ban {
    font-size: xx-large;
    position: relative;
}
  .eye-ban:before {
    content: "\2571";
    color: #40a9ff;
    position: absolute;
}
</style>

<span class="eye-ban">&#128065;</span>

世界地图：🗺

参考链接：

【w3school】HTML 符号
【w3school】UTF-8 货币符号
【w3school】UTF-8 数学运算符
【w3school】UTF-8 杂项符号
【w3school】HTML 4 实体名称

---

【w3school】Emoji Unicode 参考手册
【w3school】笑脸表情符号
【w3school】Emoji 肤色

---

Html特殊字符表
HTML/XML转义字符对照表
常用特殊符号大全2019版

---

常用的SVG图标：

表示“五角星”的SVG图标（常用于标识“收藏”）：

代码：

<style type="text/css">
<!-- CSS样式 -->
  .star {
    color: #FFD700;
    border-color: #FFD700;
    background: #fff;
  }
</style>

<div class="star">
        <!-- 空心五角星 -->
        <svg viewBox="64 64 896 896" focusable="false" data-icon="star" width="1.5rem" height="1.5rem" fill="currentColor" aria-hidden="true"><path d="M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3a32.05 32.05 0 00.6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0046.4 33.7L512 754l227.1 119.4c6.2 3.3 13.4 4.4 20.3 3.2 17.4-3 29.1-19.5 26.1-36.9l-43.4-252.9 183.7-179.1c5-4.9 8.3-11.3 9.3-18.3 2.7-17.5-9.5-33.7-27-36.3zM664.8 561.6l36.1 210.3L512 672.7 323.1 772l36.1-210.3-152.8-149L417.6 382 512 190.7 606.4 382l211.2 30.7-152.8 148.9z"></path></svg>
        <!-- 实心五角星 -->
        <svg viewBox="64 64 896 896" focusable="false" data-icon="star" width="1.5rem" height="1.5rem" fill="currentColor" aria-hidden="true"><path d="M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3a32.05 32.05 0 00.6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0046.4 33.7L512 754l227.1 119.4c6.2 3.3 13.4 4.4 20.3 3.2 17.4-3 29.1-19.5 26.1-36.9l-43.4-252.9 183.7-179.1c5-4.9 8.3-11.3 9.3-18.3 2.7-17.5-9.5-33.7-27-36.3z"></path></svg>
</div>

表示“眼睛/闭合眼睛”的SVG图标（常用于标识“明文/非明文”）：

代码：

<div class="eye">
        <!-- 眼睛 -->
        <svg viewBox="64 64 896 896" focusable="false" data-icon="eye" width="2rem" height="2rem" fill="currentColor" aria-hidden="true"><path d="M942.2 486.2C847.4 286.5 704.1 186 512 186c-192.2 0-335.4 100.5-430.2 300.3a60.3 60.3 0 000 51.5C176.6 737.5 319.9 838 512 838c192.2 0 335.4-100.5 430.2-300.3 7.7-16.2 7.7-35 0-51.5zM512 766c-161.3 0-279.4-81.8-362.7-254C232.6 339.8 350.7 258 512 258c161.3 0 279.4 81.8 362.7 254C791.5 684.2 673.4 766 512 766zm-4-430c-97.2 0-176 78.8-176 176s78.8 176 176 176 176-78.8 176-176-78.8-176-176-176zm0 288c-61.9 0-112-50.1-112-112s50.1-112 112-112 112 50.1 112 112-50.1 112-112 112z"></path></svg>
        <!-- 闭合眼睛 -->
        <svg viewBox="64 64 896 896" focusable="false" data-icon="eye-invisible" width="2rem" height="2rem" fill="currentColor" aria-hidden="true"><path d="M942.2 486.2Q889.47 375.11 816.7 305l-50.88 50.88C807.31 395.53 843.45 447.4 874.7 512 791.5 684.2 673.4 766 512 766q-72.67 0-133.87-22.38L323 798.75Q408 838 512 838q288.3 0 430.2-300.3a60.29 60.29 0 000-51.5zm-63.57-320.64L836 122.88a8 8 0 00-11.32 0L715.31 232.2Q624.86 186 512 186q-288.3 0-430.2 300.3a60.3 60.3 0 000 51.5q56.69 119.4 136.5 191.41L112.48 835a8 8 0 000 11.31L155.17 889a8 8 0 0011.31 0l712.15-712.12a8 8 0 000-11.32zM149.3 512C232.6 339.8 350.7 258 512 258c54.54 0 104.13 9.36 149.12 28.39l-70.3 70.3a176 176 0 00-238.13 238.13l-83.42 83.42C223.1 637.49 183.3 582.28 149.3 512zm246.7 0a112.11 112.11 0 01146.2-106.69L401.31 546.2A112 112 0 01396 512z"></path><path d="M508 624c-3.46 0-6.87-.16-10.25-.47l-52.82 52.82a176.09 176.09 0 00227.42-227.42l-52.82 52.82c.31 3.38.47 6.79.47 10.25a111.94 111.94 0 01-112 112z"></path></svg>
<div>

表示“放大镜”的SVG图标（常用于标识“搜索框”）：(这里样式没有体现出来 o(╥﹏╥)o )

搜索

HTML代码：

<style type="text/css">
<!-- CSS样式 -->
.input-search-group {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	color: rgba(0, 0, 0, .85);
	font-size: 14px;
	font-variant: tabular-nums;
	line-height: 1.5715;
	list-style: none;
	-webkit-font-feature-settings: "tnum", "tnum";
	-moz-font-feature-settings: "tnum", "tnum";
	font-feature-settings: "tnum", "tnum";
	position: relative;
	display: flex;
	width: 100%;
	border-collapse: separate;
	border-spacing: 0;
}
.input-search-group .input,.input-search-group .btn {
    float: left;
    width: 100%;
    margin-bottom: 0;
    text-align: inherit;
}
.input-search-group .input{
	border: 1px solid #d9d9d9;
	outline: none;
    transition: border-color 0.3s;
}
.input-search-group .input:focus,
.input-search-group .input:hover,
.input-search-group .input:active {
	color: #000;
	border-color: #40a9ff;
	box-shadow: 0 0 8px rgba(74, 144, 226, 0.5);
}
.input-search-group>.input:first-child {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
	border-right: none;
}
.input-search-group>.btn:last-child {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.input-search-group .btn {width: 26%;max-width: 40%;}

.btn {
	position: relative;
	display: inline-block;
	white-space: nowrap;
	text-align: center;
	align-items: center;
	justify-content: center;
	vertical-align: middle;
	background-image: none;
	-webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, .015);
	box-shadow: 0 2px 0 rgba(0, 0, 0, .015);
	cursor: pointer;
	text-decoration: none;
	-webkit-transition: all .3s cubic-bezier(.645, .045, .355, 1);
	transition: all .3s cubic-bezier(.645, .045, .355, 1);
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	touch-action: manipulation;
	/* height: 32px; */
	line-height: 32px;
	padding: 4px 15px;
	font-size: 14px;
	font-weight: 400;
	border-radius: 2px;
	color: rgba(0, 0, 0, .85);
	border: 1px solid #d9d9d9;
	background: #fff;
}

.btn .anticon {
	-webkit-transition: margin-left .3s cubic-bezier(.645, .045, .355, 1);
	transition: margin-left .3s cubic-bezier(.645, .045, .355, 1);
}

.btn>.anticon {
	line-height: 1;
}

.btn>span {
	display: inline-block;
}

.anticon {
	display: inline-block;
	color: inherit;
	font-style: normal;
	line-height: 0;
	text-align: center;
	text-transform: none;
	vertical-align: -.125em;
	text-rendering: optimizelegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.btn-default {
	color: #fff;
	border-color: #1890ff;
	background: #1890ff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, .12);
	-webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, .045);
	box-shadow: 0 2px 0 rgba(0, 0, 0, .045);
}

.btn-default:focus,
.btn-default:hover,
.btn-default:active {
	color: #fff;
	border-color: #40a9ff;
	background: #40a9ff;
}
</style>

<div style="max-width: 300px;">
        <span class="input-search-group"><input type="text" placeholder="请输入关键词" class="input"><button type="button" class="btn btn-default"><span role="img" aria-label="search" class="anticon anticon-search"><svg viewBox="64 64 896 896" focusable="false" data-icon="search" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M909.6 854.5L649.9 594.8C690.2 542.7 712 479 712 412c0-80.2-31.3-155.4-87.9-212.1-56.6-56.7-132-87.9-212.1-87.9s-155.5 31.3-212.1 87.9C143.2 256.5 112 331.8 112 412c0 80.1 31.3 155.5 87.9 212.1C256.5 680.8 331.8 712 412 712c67 0 130.6-21.8 182.7-62l259.7 259.6a8.2 8.2 0 0011.6 0l43.6-43.5a8.2 8.2 0 000-11.6zM570.4 570.4C528 612.7 471.8 636 412 636s-116-23.3-158.4-65.6C211.3 528 188 471.8 188 412s23.3-116.1 65.6-158.4C296 211.3 352.2 188 412 188s116.1 23.2 158.4 65.6S636 352.2 636 412s-23.3 116.1-65.6 158.4z"></path></svg></span> 搜索</button></span>
</div>