Skip to main content
Go back
Share

Filter One

React Code

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

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

SVG HTML

<svg width="24" height="24" fill="none" stroke="currentColor" stroke-width="1.5" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg">
  <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" stroke="currentColor" stroke-width="1.5" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg">
  <use xlink:href="/path/to/mynaui.symbol.svg#mynaui-filter-one"></use>
</svg>