What is the funnel simple icon used for?

It visually represents actions like filtering, sorting, or refining data, helping users understand options for narrowing down or organizing content.

How do I use the funnel simple icon in React?

Import it from the library like this: `import { FunnelSimple } from '@phosphor-icons/react'`. Then use it as a component: ` `.

Phosphor icons are distributed under the MIT license, which allows for free use in both personal and commercial projects.

Phosphor · funnel-simple · MIT

The Phosphor funnel simple icon depicts a basic funnel shape, commonly used to represent filtering, refining, or sorting options in a user interface.

Install

npm i @phosphor-icons/react

Import & render

import { FunnelSimple } from '@phosphor-icons/react';

<FunnelSimple size={24} />

Phosphor ships this icon in 6 styles — each its own import:

regular

<FunnelSimple size={24} />

thin

<FunnelSimple size={24} weight="thin" />

light

<FunnelSimple size={24} weight="light" />

bold

<FunnelSimple size={24} weight="bold" />

fill

<FunnelSimple size={24} weight="fill" />

duotone

<FunnelSimple size={24} weight="duotone" />

Library: Phosphor (1,512 icons)
License: MIT
viewBox: 0 0 256 256
Category: editor
Keywords: filtersrefinesortingeditorobjectsfunnelsimplefilter iconrefine iconsort icon

What is the funnel simple icon used for?: It visually represents actions like filtering, sorting, or refining data, helping users understand options for narrowing down or organizing content.
How do I use the funnel simple icon in React?: Import it from the library like this: `import { FunnelSimple } from '@phosphor-icons/react'`. Then use it as a component: `<FunnelSimple />`.
What is the license for Phosphor icons?: Phosphor icons are distributed under the MIT license, which allows for free use in both personal and commercial projects.

The same idea in other libraries, and near matches in Phosphor.

The search behind these pages runs as a Claude Code skill. What skills are and how I ship them →