I'm trying to put a search icon in the navigation bar of my webpage but I'm not willing to use image for the purpose. Is there a HTML entity for a search icon used in search engines or search bars in different websites. I know most of them use images but is there any HTML entity for it?
Thanks in advance.
EDIT: I am providing the code
<li><a href="#search"> **SearchIconEntityToPutHere** </a>
🔍 for 🔍 and
🔎 for 🔎
CSS (content string)
'\1F50D' for 🔍 and
'\1F50E' for 🔎
As noted in comments, this depends on font and unicode support.
I suggest you stick with using an image or sprite sheet for this purpose to ensure that it's supported.
<i class="fa fa-search" aria-hidden="true"></i>
Using this method has the benefit of having something that can be resized without a change in quality, as well as being subject to CSS rules like any other text, so rules like
text-shadow can affect it.