是否有 Unicode 字形符号来表示“搜索”[关闭]答案

【问题标题】：Is there Unicode glyph Symbol to represent "Search" [closed]是否有 Unicode 字形符号来表示“搜索”[关闭]
【发布时间】：2012-08-15 16:30:02
【问题描述】：

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

是否有看起来像“双筒望远镜”或“放大镜”的 Unicode 字形？或者是否有一个用于表示“搜索”的符号，它是 Unicode 格式的？

【问题讨论】：

What Unicode character do you use in your website? (instead of image icons) 的可能重复项
您可以使用一系列字形：U+0053、U+0065、U+0061、U+0072、U+0063、U+0068 8-)}
如果this other question 关闭了，那么这个也应该关闭。
不确定 svg 是否为您做，但这是我使用的，您可以从 stroke 属性更改颜色。

标签： unicode symbols html-entities

【解决方案1】：

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

您应该使用（在 HTML 中）&#x1F50D; 或 &#x1F50E;

但许多字体不支持它们（fileformat.info 仅列出了少数字体支持具有适当字形的代码点）。

另请注意，它们不在the BMP 范围内，因此某些支持 Unicode 的软件在渲染它们时可能会遇到问题，即使它们有支持它们的字体。

通常可以使用fileformat.info 等网站搜索Unicode 字形。这会“仅”搜索 Unicode 字形的名称和属性，但它们通常包含足够的元数据以提供良好的搜索结果（例如，对于这个答案，我搜索了“glass”并浏览了结果列表）。

请注意，您可以使用Unicode Variant Selectors 明确选择字形的呈现方式。具体而言，文本样式的 VS15 (U+FE0E) 和表情符号样式的 VS16 (U+FE0F) 与此处相关。只需将它们附加到您选择的 Unicode 符号上即可表明您是否希望将其呈现为文本或表情符号（假设软件/浏览器支持选择器和相关表示）：

Unicode Symbol	Variant Selector	HTML encoded	Result
U+1F50E	none	`&#x1F50E;`	?
U+1F50E	VS15 = U+FE0E	`&#x1F50E;&#xFE0E;`	?︎
U+1F50E	VS16 = U+FE0F	`&#x1F50E;&#xFE0F;`	?️

请注意，结果可能因平台而异。例如，Chrome 似乎总是在 Linux 和 Windows 上将此字符呈现为表情符号。

【讨论】：

@Prasad Jadhav，现在 Unicode 支持问题主要是字体问题，这真的是一个不同的问题。对于像这些罕见的字符（在字体中），嵌入字体 (@font face) 可能是唯一的选择，并且有些问题（因为 Symbola 是这么大的字体）。这些字符也出现在 Quivira（3.7 版）和 Segoe UI Symbol（5.01 版）中，但这仍然是一组非常有限的字体。 Quivira 是一种免费字体，Segoe UI Symbol 随 Windows 7 一起提供并允许可编辑嵌入。
我可以推荐“电话录音机”U+2315：⌕吗？它完全不相关，但在某种程度上类似于放大镜，似乎包含在标准字体中，而 U+1F50D 和 U+1F50E 则没有。
Arial（在 Windows 上）还支持“左指放大镜”
对于那些好奇的人，它会在 Chromebook 上呈现彩色：i.imgur.com/86b0a2o.png
如果您不想着色，请在其后使用 unicode 变体选择器 15，它会改为显示为?︎

【解决方案2】：

使用⚲符号（编码为&#9906;或&#x26B2;），旋转即可达到想要的效果：

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

它旋转一个符号:)

【讨论】：

嗯，关键是要有一个基于字形文本的符号，而且符号比 unicode 更好看。 +1。
@Niloct 这是一个 html 答案。我看不到特定于 html 的问题。在 xaml 中，您会执行类似 <Grid.RenderTransform><CompositeTransform Rotation="-45" /></Grid.RenderTransform> 的操作。当我们问一个 unicode 问题时，我们现在是否认为网络编程是理所当然的？
在 Linux (Ubuntu) 上看起来很不错，但是当我使用 windows 时，我只能看到一个正方形。
这意味着 neuter 在“既不是男性也不是女性”的意义上。如果您打算将一个字符仅用于其字形，那么您最好将其放在私人使用区域中指定的字体中，或使用 PNG，而不是说“既不是男性也不是女性”然后应用使其看起来像 ? 或 ? 的样式。
这对我来说非常有效。我做了一个<span class='icn icn-find'></span> 然后css是.icn-find:after { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); display: block; content: "\26B2"; }。效果很好！

【解决方案3】：

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

【讨论】：

这是一个很棒的工具。当我尝试寻找放大镜时，它主要是在寻找 Q 和 O，但仍然......非常可爱的工具
我找到了放大镜。试着画得更好：p
我在这里找到了一些不错的图片和人物：charbase.com/block/miscellaneous-symbols-and-pictographs
非常好的工具，但没有找到放大镜/搜索图标，没有字符列表，遗憾的是自 2012 年以来没有更新
2021 年更新：⌕（使用此工具找到）0x2315 又名电话录音机（不知道为什么这么叫，但它正是我一直在寻找的放大镜！）

【解决方案4】：

在 Chrome 操作系统上显示正确 - 此系统的屏幕截图。

༗ U+0F17

⌕U+2315

ᰄU+1C04

【讨论】：

张贴字符代码？它不显示
@Mousey 添加代码和截图
我的天啊，首先我想知道您为什么要在此处添加删除线以寻求解决方案...
这是最好的答案。放大镜看起来很棒。在 2018 年，所有 Unicode 字符都被变成了表情符号而变得一团糟。我已经将它用于搜索表单：#searchform:after { content: "\002315"; margin-left: -24px; }
谢谢。 U+2315 在基于 JSF xml 的标记视图 (RichFaces) 中工作，如下所示：

【解决方案5】：

您可以简单地将这个 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 -->

玩得开心。

【讨论】：

向页眉添加更多 CSS 文件会减慢页面加载速度。 CSS 文件是渲染阻塞的。
如果你关心渲染，你可以只添加这个文件的重要部分。
反对投票，使用css字体实际上是非常合理的，尤其是当你发现自己需要越来越多的图标时。
我来到这个页面是为了寻找一个可以放置在占位符中的“图标”（在 <input> 内），因此这只是您可以使用 HTML 的情况的解决方案。跨度>
为 FontAwesome 投票。用于网络的大量免费字形。非常有用。