funnel

Funnel icon · Lucide · <Funnel />

funnel

Lucide tags funnel with hopper and filter. It was previously named filter, which still works as an alias. The matching icons are Filter in Microsoft's Fluent icons and filter_list in Google's Material Symbols.

24 px, stroke 2

funnel.svg

Size, stroke and code

Lucide icons are drawn on a 24 px grid with a 2 px stroke. Pick a size and stroke width to preview them; the downloads and the code below follow your choice.

Stroke width

Size

npm install lucide-react

import { Funnel } from "lucide-react";

export function Example() {
  return <Funnel />;
}

Xceed Toolkit Plus for WPFSponsorUpgrade Your WPF UI with Xceed Toolkit Plus

Details

Name	`funnel`
Component	`Funnel` (also `FunnelIcon`, `LucideFunnel`)
Old names	`filter` (still work as aliases)
Category	Layout
Icon font	`icon-funnel`, `U+E0DC`
CSS content	`"\e0dc"`
File	`lucide-static/icons/funnel.svg`
Grid and stroke	24 × 24, 2 px stroke, round caps and joins
License	ISC License (© Lucide Icons and Contributors)