「検索」を表すUnicodeグリフシンボルはありますか[終了]


191

Unicodeには100万個のアイコンのようなグリフがありますが、検索は非常に困難です。

「双眼鏡」や「虫眼鏡」のようなUnicodeグリフはありますか?または、Unicodeの「検索」を意味するために使用されている記号はありますか?



4
一連のグリフを使用できます:U + 0053、U + 0065、U + 0061、U + 0072、U + 0063、U + 0068 8-)}
キーストンプソン

1
この他の質問が終了した場合、これも終了する必要があります。
Ciro Santilli郝海东冠状病六四事件法轮功

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>
ニワトリ

回答:


204

U + 1F50D左ポインティング拡大鏡があります(🔍)とU + 1F50E右向き虫眼鏡(🔎)。

(HTMLで)使用する必要があります &#x1F50D;または&#x1F50E;

ただし、それらは多くのフォントでサポートされていません(fileformat.infoは、適切なグリフでコードポイントをサポートしているフォントをいくつかリストしています)。

また、それらはBMPの外にあることに注意してください。ため、一部のUnicode対応ソフトウェアでは、それらをサポートするフォントがある場合でも、レンダリングに問題が発生する可能性がください。

一般に、Unicodeグリフはfileformat.infoなどのサイトを使用して検索できます。これは、Unicodeグリフの名前とプロパティで「のみ」を検索しますが、通常、適切な検索結果を可能にするのに十分なメタデータが含まれています(この回答では、「グラス」を検索して結果のリストを参照しました)。


7
@Prasad Jadhav、Unicodeサポートの問題は、最近のほとんどのフォントの問題であり、それは本当に別の問題です。これほど珍しい(フォント内の)文字の場合、埋め込みフォント(@font face)がおそらく唯一のオプションであり、多少問題があります(Symbolaは非常に大きなフォントであるため)。文字は、Quivira(バージョン3.7)とSegoe UI Symbol(バージョン5.01)にも表示されますが、それでも非常に限定されたフォントセットです。Quiviraはフリーフォントです。SegoeUI SymbolはWindows 7に同梱されており、編集可能な埋め込みが可能です。
Jukka K.Korpela、2012

21
「電話レコーダー」U + 2315をお勧めしますか?それは完全に無関係ですが、どういうわけか虫眼鏡に似ており、標準フォントに含まれているようですが、U + 1F50DとU + 1F50Eには含まれていません。
zopieux 2013年

1
Arial(Windowsの場合)は、「左向きの虫眼鏡」もサポートしています
Spinal 2013

1
それらの好奇心が強い人のために、それはChromebooksで色でレンダリングします:i.imgur.com/86b0a2o.png
LB--

5
あなたが着色をしたくない場合は、後にユニコード変動セレクタ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
要は、グリフをテキストベースにすることであり、シンボルはユニコードのものよりも格好よく見えます。+1。
Niloct 2014年

1
@Niloctそれはhtmlの答えです。質問がHTML固有のものであることがわかりません。xamlでは、次のようにし<Grid.RenderTransform><CompositeTransform Rotation="-45" /></Grid.RenderTransform>ます。Unicodeの質問をするとき、私たちは当たり前のようにWebプログラミングを取っていますか?
John

3
Linux(Ubuntu)では見た目はとても良いですが、ウィンドウを使用すると四角形しか見えません。
Eliasz Kubala 2014

6
それは「男性でも女性でもない」という意味で中性を意味します。文字をグリフだけに使用する場合は、「男性でも女性でもない」と言うのではなく、私用領域のどこかに割り当てられているフォントに配置するか、PNGを使用することをお勧めします。それを次のようにするスタイル🔍またはの🔎
Jon Hanna

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

Unicode文字の検索に役立つように、http://shapecatcher.com/を使用することをお勧めします。それはあなたが後の形を描くことを可能にし、そしてその形に最も近い一致をリストします。


10
それは素晴らしいツールです。虫眼鏡を探してみると、ほとんどの場合QとOが見つかりますが、それでもかなり
便利

8
虫眼鏡を見つけました。よりよく描画するようにしてください:p
vsync 2013

1
私はここでいくつかの素敵な写真と文字を見つけました:charbase.com/block/miscellaneous-symbols-and-pictographs
Sebastian

非常に優れたツールですが、虫眼鏡/検索アイコンが見つかりません。文字のリストがなく、残念ながら2012年以降更新されていません
Mousey

30

Chrome OSで正しく表示-このシステムのスクリーンショット。

チベット占星術サインsgra gcan -char rtags U + 0F17U + 0F17

電話レコーダー(U + 2315) ⌕U + 2315

レプチャレターグラ(U + 1C04) ᰄU + 1C04


文字コードを投稿しますか?表示されない
Mousey

1
@Mouseyがコードとスクリーンショットを追加
Vitaly Zdanevich

14
OMG、最初に私はなぜあなたが解決のためにそこに取り消し線を入れたのか疑問に思いました...
Thomas Weller

これが最良の答えです。拡大鏡はすばらしく見えます。2018年、すべてのUnicode文字は絵文字に変換されてめちゃくちゃになります。私は、検索フォームのため、このようにそれを使用している:#searchform:after { content: "\002315"; margin-left: -24px; }
シプリアン

1
ありがとうございました。U + 2315は、JSFのxmlベースのマークアップビュー(RichFaces)で次のように機能しました:<a4j:commandButton value = "#{someBooleanExpr? '&#x25bc;' : '&#x2315;'} "/>
Lisa

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年

レンダリングを気にする場合は、このファイルの重要な部分のみを追加できます。
エリアスクバラ

2
特に反対にもっと多くのアイコンが必要な場合は、CSSフォントを使用した反対の反対投票は非常に合理的です。
rr-

プレースホルダー(内<input>)に配置できる「アイコン」を探してこのページに到達したので、これはHTMLを使用できる場合の解決策にすぎません。
Armfoot

FontAwesomeへの賛成票。ウェブ用の無料のグリフのトン。非常に便利。
PRMan
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.