升序和降序的unicode图标

Question

我见过用于字母符号的 Unicode，并在许多领域使用过。最近我有一个新的要求，需要在按钮中创建一个升序和降序功能，但是图标，我在很多地方看到了升序和降序的图标，如图所示

但在任何地方都找不到任何 Unicode 字符，我尝试用 Unicode 制作一个类似上面的图标，如下所示，但无法创建如上图所示的图标

<span>&#65;&#90;&#8595;</span>

AZ↓

任何人都可以告诉我一些解决方案吗，网络上是否有可用的 Unicode 或图标图像

Answer 1

使用fontawesome。他们有这个图标并且是免费的。 http://fortawesome.github.io/Font-Awesome/icon/sort-alpha-asc/

Answer 2

只是为了咯咯笑:)

.letter {
    font-size: 10px;
    float: left;
    font-weight: 600;
    font-family: sans-serif;
}
.crimson {
    color : crimson;
}
.darkblue {
    color: darkblue;
}
.arrow {
    font-weight: 900;
    font-size: 20px;
    line-height: 10px;
}
.container {
    width: 10px;
    line-height: 9px;
}

<div class="container">
    <span class="letter darkblue">A</span>
    <span class="letter crimson">Z</span>
</div>
<span class="arrow">&#8595;</span>

<div style="height: 30px;"></div>

<div class="container">
    <span class="letter crimson">Z</span>
    <span class="letter darkblue">A</span>
</div>
<span class="arrow">&#8595;<span>

Answer 3

您可以尝试使用http://glyphicons.com/ , or http://fortawesome.github.io/Font-Awesome/icons/，尤其是当您需要在您的项目中使用多个图标时。它们是基于矢量的，因此即使在缩放时它们也具有相同的质量。您还可以使用 css（字体大小、颜色和背景

来控制它们

升序和降序的unicode图标

unicode icon for ascending and descending order

html

javascript

unicode