IcoMoon search icon

IcoMoon search icon codes

Name	search
Unicode	\e986 ()
CSS class	icon-search
Tags	search, magnifier, magnifying-glass, inspect, find
License	GPL / CC BY 4.0 · © Keyamoon · source

Use it in code

<span class="icon-search" aria-hidden="true"></span>
.icon-search:before { content: "\e986"; }

export const IconSearch = (props) => (
  <svg viewBox="0 0 16 16" width="1em" height="1em" fill="currentColor" {...props}>
    <path d="M15.504 13.616l-3.79-3.223c-0.392-0.353-0.811-0.514-1.149-0.499 0.895-1.048 1.435-2.407 1.435-3.893 0-3.314-2.686-6-6-6s-6 2.686-6 6 2.686 6 6 6c1.486 0 2.845-0.54 3.893-1.435-0.016 0.338 0.146 0.757 0.499 1.149l3.223 3.79c0.552 0.613 1.453 0.665 2.003 0.115s0.498-1.452-0.115-2.003zM6 10c-2.209 0-4-1.791-4-4s1.791-4 4-4 4 1.791 4 4-1.791 4-4 4z"></path>
  </svg>
);

Font setup lives on the download page; the full lookup table is in the cheat sheet.