Filter Funnel icon

A free filter funnel icon in 5 styles, drawn by hand on a 24px grid. Copy it as SVG or JSX, for personal or commercial use.

Style Stroke

Category: Essential Icons
Size: 24 × 24, scales to any size
License: Free, credit optional (terms)
Tags: filter funnel, sort, sift, categorize, refine, selection, narrow down

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
  <path transform="translate(4 4)" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M16 0L0 0L0 2.59C0 2.85 0.11 3.11 0.29 3.29L5.71 8.71C5.89 8.89 6 9.15 6 9.41L6 14L10 17L10 9.41C10 9.15 10.11 8.89 10.29 8.71L15.71 3.29C15.89 3.11 16 2.85 16 2.59L16 0Z"/>
</svg>

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
  <path transform="translate(3 3)" fill="currentColor" d="M1 0C0.45 0 0 0.45 0 1L0 3.59C0 4.12 0.21 4.62 0.59 5L6 10.41L6 15C6 15.31 6.15 15.61 6.4 15.8L10.4 18.8C10.7 19.03 11.11 19.06 11.45 18.89C11.79 18.73 12 18.38 12 18L12 10.41L17.41 5C17.79 4.62 18 4.12 18 3.59L18 1C18 0.45 17.55 0 17 0L1 0Z"/>
</svg>

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
  <path opacity="0.28" transform="translate(4 4)" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M16 0L0 0L0 2.59C0 2.85 0.11 3.11 0.29 3.29L5.71 8.71C5.89 8.89 6 9.15 6 9.41L6 14L10 17L10 9.41C10 9.15 10.11 8.89 10.29 8.71L15.71 3.29C15.89 3.11 16 2.85 16 2.59L16 0Z"/>
  <path transform="translate(4 4)" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M10.29 8.71L15.71 3.29C15.89 3.11 16 2.85 16 2.59L16 0L0 0L0 2.59C0 2.85 0.11 3.11 0.29 3.29L5.71 8.71"/>
</svg>

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
  <path opacity="0.28" transform="translate(3 3)" fill="currentColor" d="M1 0C0.45 0 0 0.45 0 1L0 3.59C0 4.12 0.21 4.62 0.59 5L6 10.41L6 15C6 15.31 6.15 15.61 6.4 15.8L10.4 18.8C10.7 19.03 11.11 19.06 11.45 18.89C11.79 18.73 12 18.38 12 18L12 10.41L17.41 5C17.79 4.62 18 4.12 18 3.59L18 1C18 0.45 17.55 0 17 0L1 0Z"/>
  <path transform="translate(4 4)" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M10.29 8.71L15.71 3.29C15.89 3.11 16 2.85 16 2.59L16 0L0 0L0 2.59C0 2.85 0.11 3.11 0.29 3.29L5.71 8.71"/>
</svg>

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
  <path opacity="0.28" transform="translate(4 4)" fill="currentColor" d="M16 0L0 0L0 2.59C0 2.85 0.11 3.11 0.29 3.29L5.71 8.71C5.89 8.89 6 9.15 6 9.41L6 14L10 17L10 9.41C10 9.15 10.11 8.89 10.29 8.71L15.71 3.29C15.89 3.11 16 2.85 16 2.59L16 0Z"/>
  <path transform="translate(4 4)" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M16 0L0 0L0 2.59C0 2.85 0.11 3.11 0.29 3.29L5.71 8.71C5.89 8.89 6 9.15 6 9.41L6 14L10 17L10 9.41C10 9.15 10.11 8.89 10.29 8.71L15.71 3.29C15.89 3.11 16 2.85 16 2.59L16 0Z"/>
</svg>