有没有Unicode字符符号可以代表“搜索”？

Question

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

是否存在一个看起来像"双筒望远镜"或"放大镜"的Unicode字形？ 或者是否存在一个被用来表示"搜索"的符号，它在Unicode中？

- Prasad Jadhav

---

可能是你的网站中使用的Unicode字符是什么？（而不是图标）的重复问题。 - Kzqai

您可以使用一系列字形：U+0053、U+0065、U+0061、U+0072、U+0063、U+0068 8-)} - Keith Thompson

如果这个问题被关闭，那么这个问题也应该被关闭。 - Ciro Santilli OurBigBook.com

不确定SVG是否适合您，但这是我使用的内容，您可以从描边属性更改颜色。 <svg style="height:1em;" viewBox="0 0 12 13"><g stroke-width="2" stroke="#999999" fill="none"><path d="M11.29 11.71l-4-4"/><circle cx="5" cy="5" r="4"/></g></svg> - chickens

Answer 1

这里有U+1F50D 左指向放大镜 () 和 U+1F50E 右指向放大镜 ()。

在HTML中，你应该使用🔍或🔎

然而，许多字体都不支持它们（fileformat.info只列出了一些支持带有适当字形的码点的字体）。

还要注意它们位于BMP之外，因此一些支持Unicode的软件可能会在渲染它们时遇到问题，即使它们具有支持它们的字体。

一般来说，Unicode字形可以使用fileformat.info这样的网站进行搜索。这个网站只搜索Unicode字形的名称和属性，但它们通常包含足够的元数据以实现良好的搜索结果（例如，对于本答案，我搜索了“玻璃”并浏览了结果列表）。请注意，您可以使用Unicode Variant Selectors来明确选择字形的呈现方式。具体而言，文本样式使用VS15（U+FE0E），表情样式使用VS16（U+FE0F）是相关的。只需将它们附加到您选择的Unicode符号后面，即可指示您希望将其呈现为文本还是表情符号（假设软件/浏览器支持选择器和相关表示）。

Unicode符号	变体选择器	HTML编码	结果
U+1F50E	无	🔎
U+1F50E	VS15 = U+FE0E	🔎︎	︎
U+1F50E	VS16 = U+FE0F	🔎️	️

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

- Joachim Sauer

---

@Prasad Jadhav，如今Unicode支持的问题主要是字体问题，这实际上是一个不同的问题。对于像这样罕见（在字体中）的字符，嵌入式字体（@font face）可能是唯一的选项，但也有些问题（因为Symbola是如此大的字体）。这些字符也出现在Quivira（版本3.7）和Segoe UI Symbol（版本5.01）中，但仍然是非常有限的字体集合。Quivira是一个免费的字体，Segoe UI Symbol随Windows 7一起提供，并允许进行可编辑嵌入。 - Jukka K. Korpela

我可以尝试翻译这段话。请问我需要翻译成什么语言呢？ - zopieux

Arial（在Windows上）也支持“向左指的放大镜”。 - Spinal

对于那些好奇的人，它在Chromebook上呈现为彩色：https://i.imgur.com/86b0a2o.png - LB--

如果您不想要着色，可以在字符后使用Unicode变量选择器15，它将显示为︎。 - pfg

Answer 2

使用⚲符号（编码为⚲或⚲），并将其旋转以实现所需效果：

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

它旋转着一个符号 :)

- Ricky Sahu

---

重点是要有一个基于字形的文本，而该符号比Unicode更好看。+1。 - Niloct

@Niloct 这是一个HTML答案。我看不出这个问题与HTML有关。在XAML中，您可以这样做：<Grid.RenderTransform><CompositeTransform Rotation="-45" /></Grid.RenderTransform>。现在当我们问一个Unicode问题时，我们是否认为Web编程是理所当然的？ - John

在 Linux（Ubuntu）上看起来非常好，但当我使用 Windows 时，我只能看到一个方块。 - Eliasz Kubala

这意味着 neuter 在“既非雄性也非雌性”的意义上使用。如果你只是为了字符的形状而使用它，那么最好将其放入某个被指定为专用区域的字体中，或者使用 PNG 图像，而不是写下“既非雄性也非雌性”，然后应用样式使其看起来像 或。 - Jon Hanna

这对我非常有效。我创建了一个 <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"; }。非常好用！ - teewuane

Answer 3

我建议使用http://shapecatcher.com/来搜索Unicode字符。它可以让您画出所需的形状，然后列出最接近该形状的匹配项。

- john holt ripley

---

那是一个很棒的工具。当我尝试搜索放大镜时，它主要会找到Q和O，但仍然是一个相当不错的工具。 - redbmk

我找到了放大镜。试着画得更好吧 :p - vsync

我在这里找到了一些漂亮的图片和字符： http://www.charbase.com/block/miscellaneous-symbols-and-pictographs - Sebastian

非常好的工具，但是没有找到放大镜/搜索图标，没有字符列表，而且很遗憾自2012年以来没有更新。 - Mousey

更新2021：⌕（使用此工具找到）0x2315，也称电话录音机（不知道为什么叫它，但它正是我一直在寻找的放大镜！） - André Boonzaaijer

Answer 4

在 Chrome OS 上显示正确 - 这些截图来自该系统。

༗ U+0F17

⌕ U+2315

ᰄ U+1C04

- Vitaly Zdanevich

---

发布字符代码？它没有显示。 - Mousey

@Mousey 添加了代码和截图。 - Vitaly Zdanevich

哦天啊，一开始我不明白你为什么在解决方案中加了一个删除线的屁股... - Thomas Weller

谢谢。在基于JSF XML的标记视图（RichFaces）中，U+2315的使用方法如下：<a4j:commandButton value="#{someBooleanExpr? '▼' : '⌕'}" />。 - Lisa

对于像我这样的新手，将 "&#x2315" 翻译成中文。 - MDave

Answer 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 -->

玩得开心。

- Eliasz Kubala

---

将更多的CSS文件添加到头部会减慢页面加载速度。CSS文件是渲染阻塞的。 - tinkerr

如果你关心渲染，只需添加该文件的重要部分。 - Eliasz Kubala

反对计数器，使用 CSS 字体实际上非常合理，特别是当你发现自己需要越来越多的图标时。 - rr-

我来到这个页面是为了寻找一个“图标”，可以放在占位符（<input>内部），因此这只是一种解决方案，在你能使用HTML的情况下才适用。 - Armfoot

FontAwesome 得到点赞。网页上有大量免费的字形图标，非常实用。 - PRMan

因为它是CDN，所以很可能已经被缓存了。 - Miro J.