Is there Unicode glyph Symbol to represent "Search"

UnicodeSymbolsHtml Entities

Unicode Problem Overview


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?

Unicode Solutions


Solution 1 - Unicode

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.

Solution 2 - Unicode

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 :)

Solution 3 - Unicode

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.

Solution 4 - Unicode

Displayed correct at Chrome OS - screenshots from this system.

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

telephone recorder (U+2315)U+2315

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

Solution 5 - Unicode

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.

Attributions

All content for this solution is sourced from the original question on Stackoverflow.

The content on this page is licensed under the Attribution-ShareAlike 4.0 International (CC BY-SA 4.0) license.

Content TypeOriginal AuthorOriginal Content on Stackoverflow
QuestionPrasad JadhavView Question on Stackoverflow
Solution 1 - UnicodeJoachim SauerView Answer on Stackoverflow
Solution 2 - UnicodeRicky SahuView Answer on Stackoverflow
Solution 3 - Unicodejohn holt ripleyView Answer on Stackoverflow
Solution 4 - UnicodeVitaly ZdanevichView Answer on Stackoverflow
Solution 5 - UnicodeEliasz KubalaView Answer on Stackoverflow