← Go back
Share

Filter One


Usage:

React Code:

npm install @mynaui/icons-react
import { FilterOne } from "@mynaui/icons-react";

const App = () => {
  return <FilterOne />;
};

SVG HTML:

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" stroke="currentColor"><path d="M10.046 17.676v-3.918c0-.554 0-.832-.05-1.1a2.93 2.93 0 0 0-.219-.686c-.114-.247-.274-.474-.595-.926L5.935 6.467c-.566-.797-.849-1.196-.836-1.529a.977.977 0 0 1 .38-.735C5.743 4 6.232 4 7.21 4h9.581c.978 0 1.467 0 1.73.203a.97.97 0 0 1 .38.735c.014.333-.27.732-.835 1.53l-3.247 4.578c-.32.452-.481.679-.595.926a2.93 2.93 0 0 0-.22.687c-.05.267-.05.544-.05 1.1v5.871m-3.907-1.954c1.654-.732 3.908-.296 3.908 1.954m-3.908-1.954c-.033 2.235 2.262 2.792 3.908 1.954"/></svg>

SVG CDN:

<img src="https://unpkg.com/@mynaui/icons/icons/filter-one.svg" />

SVG Sprite:

npm install @mynaui/icons
<svg
        width="24"
        height="24"
        fill="none"
        viewBox="0 0 24 24"
        stroke-width="1.5"
        stroke-linecap="round"
        stroke-linejoin="round"
        stroke="currentColor"
      >
        <use xlink:href="/path/to/mynaui.symbol.svg#mynaui-filter-one"></use></svg
      >