Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Is there Unicode glyph Symbol to represent "Search" [closed]

Unicode has a million icon-like glyphs, but they're very hard to search.

Is there a Unicode glyph that looks like a "Binocular" or "magnifying glass"? Or is there a symbol that's used to mean "Search", which is in Unicode?

like image 508
Prasad Jadhav Avatar asked Aug 20 '12 10:08

Prasad Jadhav


People also ask

How do I use Unicode glyphs?

Inserting Unicode characters To insert a Unicode character, type the character code, press ALT, and then press X. For example, to type a dollar symbol ($), type 0024, press ALT, and then press X.

What characters are Unicode?

Unicode Basics Unicode provides a unique number for every character including punctuation marks, mathematical symbols, technical symbols, arrows, and characters making up non-Latin alphabets such as Thai, Chinese, or Arabic script.

How do I type a Unicode dot?

To type the dot symbol on your keyboard, turn on the numeric keypad by pressing NumLk , hold Alt and press the 0 , 1 , 4 , and 9 keys in succession. If you don't type the numbers with the numeric keypad, the dot symbol will not show.

How do I use Unicode characters in HTML?

You can enter any Unicode character in an HTML file by taking its decimal numeric character reference and adding an ampersand and a hash at the front and a semi-colon at the end, for example — should display as an em dash (—). This is the method used in the Unicode test pages.


5 Answers

There is U+1F50D LEFT-POINTING MAGNIFYING GLASS (🔍) and U+1F50E RIGHT-POINTING MAGNIFYING GLASS (🔎).

You should use (in HTML) 🔍 or 🔎

They are, however not supported by many fonts (fileformat.info only lists a few fonts as supporting the Codepoint with a proper glyph).

Also note that they are outside of the BMP, so some Unicode-capable software might have problems rendering them, even if they have fonts that support them.

Generally Unicode Glyphs can be searched using a site such as fileformat.info. This searches "only" in the names and properties of the Unicode glyphs, but they usually contain enough metadata to allow for good search results (for this answer I searched for "glass" and browsed the resulting list, for example).

Note that you can use Unicode Variant Selectors to explicitly pick how the glyphs will be rendered. Specifically VS15 (U+FE0E) for text-style and VS16 (U+FE0F) for emoji-style are relevant here. Simply append them to your chosen Unicode symbol to indicated if you'd like it to be rendered as text or as an emoji (assuming the software/browser supports the selectors and the relevant representation):

Unicode Symbol Variant Selector HTML encoded Result
U+1F50E none 🔎 🔎
U+1F50E VS15 = U+FE0E 🔎︎ 🔎︎
U+1F50E VS16 = U+FE0F 🔎️ 🔎️

Note that the result might vary depending on platform. For example Chrome seems to always render this character as an Emoji on both Linux and Windows.

like image 199
Joachim Sauer Avatar answered Oct 01 '22 16:10

Joachim Sauer


Use the ⚲ symbol (encoded as ⚲ or ⚲), and rotate it to achieve the desired effect:

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

It rotates a symbol :)

like image 45
Ricky Sahu Avatar answered Oct 03 '22 16:10

Ricky Sahu


I'd recommend using http://shapecatcher.com/ to help search for unicode characters. It allows you to draw the shape you're after, and then lists the closest matches to that shape.

like image 36
john holt ripley Avatar answered Oct 03 '22 16:10

john holt ripley


Displayed correct at Chrome OS - screenshots from this system.

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

telephone recorder (U+2315) ⌕ U+2315

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

like image 32
Vitaly Zdanevich Avatar answered Oct 03 '22 16:10

Vitaly Zdanevich


You can simply add this CSS to your header

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

next add this code in place where you want to display a glyph symbol.

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

Have fun.

like image 31
Eliasz Kubala Avatar answered Sep 30 '22 16:09

Eliasz Kubala