是否存在表示“搜索”的Unicode字形符号[关闭]


191

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

是否有看起来像“双目”或“放大镜”的Unicode字形?还是有用于Unicode的“搜索”符号?



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

1
如果另一个问题没有解决,那么这个问题也应该解决。
Ciro Santilli郝海东冠状病六四事件法轮功2014年

不确定svg是否为您完成此操作,但这是我使用的方法,您可以从stroke属性更改颜色。<svg style =“ height:1em;” viewBox =“ 0 0 12 13”> <g stroke-width =“ 2” stroke =“#999999” fill =“ none”> <路径d =“ M11.29 11.71l-4-4” /> <圆cx =“ 5” cy =“ 5” r =“ 4” /> </ g> </ svg>

Answers:


204

U + 1F50D左定点放大玻璃(🔍)和U + 1F50E右定点放大玻璃(🔎)。

您应该使用(以HTML格式)&#x1F50D;&#x1F50E;

但是,许多字体不支持它们(fileformat.info仅列出了一些字体以支持带有适当字形的Codepoint)。

另请注意,它们不在BMP之外,因此,某些具有Unicode功能的软件即使在支持它们的字体下也可能无法呈现它们。

通常,可以使用诸如fileformat.info之类的站点来搜索Unicode字形。这会在Unicode字形的名称和属性中“仅”搜索,但是它们通常包含足够的元数据以提供良好的搜索结果(例如,为此答案,我搜索“ glass”并浏览了结果列表)


7
@Prasad Jadhav,如今的Unicode支持问题主要是字体问题,这确实是一个不同的问题。对于像这样稀有的字符(在字体中),嵌入式字体(@font face)可能是唯一的选择,并且有些问题(因为Symbola是这么大的字体)。字符也出现在Quivira(3.7版)和Segoe UI Symbol(5.01版)中,但是字体仍然非常有限。Quivira是免费字体,Windows 7附带Segoe UI Symbol,并允许可编辑的嵌入。
Jukka K. Korpela 2012年

21
我可以推荐“电话录音机” U + 2315 吗?它完全不相关,但以某种方式类似于放大镜,似乎包含在标准字体中,而U + 1F50D和U + 1F50E没有。
zopieux

1
Arial(在Windows上)还支持“指向左的放大镜”
脊髓

1
对于那些好奇的人,它会在Chromebook上以彩色显示:i.imgur.com/86b0a2o.png
LB-- 2015年

5
如果您不想着色,请在其后使用Unicode变体选择器15,它会显示为🔎︎–
pfg

123

使用⚲符号(编码为&#9906;&#x26B2;),然后旋转它以实现所需的效果:

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

它旋转一个符号:)


1
关键是要有一个基于文本的字形,并且该符号比unicode更好看。+1。
Niloct 2014年

1
@Niloct这是​​一个HTML答案。我看不到特定于html的问题。在xaml中,您将执行<Grid.RenderTransform><CompositeTransform Rotation="-45" /></Grid.RenderTransform>。问一个unicode问题时,我们现在是否理所当然地认为Web编程?
约翰

3
在Linux(Ubuntu)上看起来非常好,但是当我使用Windows时,我只能看到一个正方形。
Eliasz Kubala 2014年

6
这意味着中性的意义“或男或女”。如果要仅将字符用作其字形,则最好将其放置在“专用区”中指定的字体中,或者使用PNG,而不要说“既不是男性也不是女性”然后再应用一种使它看起来像🔍或风格的风格🔎
乔恩·汉纳

1
这对我来说真的很好。我发了一个<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

61

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


10
那是一个很棒的工具。当我尝试搜索放大镜时,通常会找到Q和O,但仍然...相当不错的工具
redbmk 13-4-5

8
我找到了放大镜。尝试画出更好的图像:p
vsync

1
我在这里找到了一些不错的图片和字符:charbase.com/block/miscellaneous-symbols-and-pictographs
塞巴斯蒂安

非常好的工具,但找不到放大镜/搜索图标,没有字符列表,遗憾的是自2012
Mousey 2015年

30

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

西藏占星术标志sgra gcan -char rtags U + 0F17U + 0F17

电话录音机(U + 2315) ⌕U + 2315

字母lepcha gla(U + 1C04) ᰄU + 1C04


发布字符代码?它不会显示
Mousey

1
@Mousey添加了代码和屏幕截图
Vitaly Zdanevich

14
OMG,首先我想知道为什么您要在其中放置一个删除线的屁股以寻求解决方案……
Thomas Weller 2015年

这是最好的答案。放大镜看起来很棒。在2018年,所有unicode字符都被变成了表情符号而变得一团糟。我已经将其用作搜索表单:#searchform:after { content: "\002315"; margin-left: -24px; }
Ciprian

1
谢谢。U + 2315在基于JSF xml的标记视图(RichFaces)中的工作方式如下:<a4j:commandButton value =“#{someBooleanExpr?'&#x25bc;' :'&#x2315;'}“ />
丽莎

6

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

玩得开心。


1
在标题中添加更多CSS文件会减慢页面加载速度。CSS文件具有渲染阻止功能。
tinkerr 2015年

如果您关心渲染,则只能添加此文件的重要部分。
Eliasz Kubala 2015年

2
实际上,使用css字体进行反选票是非常合理的,尤其是当您发现自己需要越来越多的图标时。
rr-

我到达此页面,正在寻找可以放置在占位符(位于<input>)内的“图标” ,因此,这仅是可以使用HTML的解决方案。
Armfoot

支持FontAwesome。大量的免费字形可供网络使用。很有用。
PRMan
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.