IcoMoon filter icon

IcoMoon filter icon codes

Name	filter
Unicode	\ea5b ()
CSS class	icon-filter
Tags	filter, funnel
License	GPL / CC BY 4.0 · © Keyamoon · source

Use it in code

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

export const IconFilter = (props) => (
  <svg viewBox="0 0 16 16" width="1em" height="1em" fill="currentColor" {...props}>
    <path d="M8 0c-4.418 0-8 1.119-8 2.5v1.5l6 6v5c0 0.552 0.895 1 2 1s2-0.448 2-1v-5l6-6v-1.5c0-1.381-3.582-2.5-8-2.5zM1.475 2.169c0.374-0.213 0.9-0.416 1.52-0.586 1.374-0.376 3.152-0.583 5.005-0.583s3.631 0.207 5.005 0.583c0.62 0.17 1.146 0.372 1.52 0.586 0.247 0.141 0.38 0.26 0.442 0.331-0.062 0.071-0.195 0.19-0.442 0.331-0.374 0.213-0.9 0.416-1.52 0.586-1.374 0.376-3.152 0.583-5.005 0.583s-3.631-0.207-5.005-0.583c-0.62-0.17-1.146-0.372-1.52-0.586-0.247-0.141-0.38-0.26-0.442-0.331 0.062-0.071 0.195-0.19 0.442-0.331z"></path>
  </svg>
);

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