是否有Unicode字形符号来表示“搜索”

时间:2012-08-20 10:29:28

标签: unicode symbols html-entities

Unicode有一百万个类似图标的字形,但它们很难搜索。

是否有一个看起来像“双目”或“放大镜”的Unicode字形? 或者是否有一个符号用于表示“搜索”,它是用Unicode?

5 个答案:

答案 0 :(得分:182)

U+1F50D LEFT-POINTING MAGNIFYING GLASS()和U+1F50E RIGHT-POINTING MAGNIFYING GLASS()。

您应该使用(在HTML中)🔍🔎

然而,许多字体都不支持它们(fileformat.info只列出一些字体,支持Codepoint并使用正确的字形)。

另请注意,它们位于the BMP之外,因此某些支持Unicode的软件可能在渲染它们时遇到问题,即使它们具有支持它们的字体。

通常可以使用fileformat.info等网站搜索Unicode字形。这会在Unicode字形的名称和属性中“仅”搜索,但它们通常包含足够的元数据以允许良好的搜索结果(例如,我搜索“玻璃”并浏览结果列表的答案)

答案 1 :(得分:111)

使用⚲符号(编码为⚲⚲),并旋转它以达到所需效果:

<div style="-webkit-transform: rotate(45deg); 
               -moz-transform: rotate(45deg); 
                 -o-transform: rotate(45deg);
                    transform: rotate(45deg);">
    &#9906;
</div>

旋转符号:)

答案 2 :(得分:51)

我建议使用http://shapecatcher.com/来帮助搜索unicode字符。它允许您绘制您想要的形状,然后列出与该形状最接近的匹配。

答案 3 :(得分:23)

在Chrome OS上显示正确 - 来自此系统的屏幕截图。

tibetan astrological sign sgra gcan -char rtags U+0F17U+0F17

telephone recorder (U+2315)U+2315

lepcha letter gla (U+1C04)U+1C04

答案 4 :(得分:4)

您只需将此CSS添加到标题

即可
<link href='http://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css' rel='stylesheet' type='text/css'>

接下来,在您要显示字形符号的位置添加此代码。

<div class="fa fa-search"></div> <!-- smaller -->
<div class="fa fa-search fa-2x"></div> <!-- bigger -->

玩得开心。