Filter Vertical icon

A free filter vertical 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 vertical, sort, arrange, categorize, organize, selection, layout

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 3)" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M13 7C14.66 7 16 8.34 16 10L16 11C16 12.66 14.66 14 13 14C11.34 14 10 12.66 10 11L10 10C10 8.34 11.34 7 13 7Z"/>
  <path transform="translate(4 3)" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M3 3C4.66 3 6 4.34 6 6L6 7C6 8.66 4.66 10 3 10C1.34 10 0 8.66 0 7L0 6C0 4.34 1.34 3 3 3Z"/>
  <path transform="translate(4 3)" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M13 0L13 7M3 13L3 18M13 17L13 18M3 0L3 3"/>
</svg>

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
  <path transform="translate(3 2)" fill="currentColor" d="M5 1C5 0.45 4.55 0 4 0C3.45 0 3 0.45 3 1L3 3.13C1.27 3.57 0 5.14 0 7L0 8C0 10.21 1.79 12 4 12C6.21 12 8 10.21 8 8L8 7C8 5.14 6.73 3.57 5 3.13L5 1Z"/>
  <path transform="translate(3 2)" fill="currentColor" d="M15 1C15 0.45 14.55 0 14 0C13.45 0 13 0.45 13 1L13 7.13C11.27 7.57 10 9.14 10 11L10 12C10 14.21 11.79 16 14 16C16.21 16 18 14.21 18 12L18 11C18 9.14 16.73 7.57 15 7.13L15 1Z"/>
  <path transform="translate(3 2)" fill="currentColor" d="M5 14C5 13.45 4.55 13 4 13C3.45 13 3 13.45 3 14L3 19C3 19.55 3.45 20 4 20C4.55 20 5 19.55 5 19L5 14Z"/>
  <path transform="translate(3 2)" fill="currentColor" d="M15 18C15 17.45 14.55 17 14 17C13.45 17 13 17.45 13 18L13 19C13 19.55 13.45 20 14 20C14.55 20 15 19.55 15 19L15 18Z"/>
</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(7 3)" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M10 0L10 7M0 13L0 18M10 17L10 18M0 0L0 3"/>
  <path transform="translate(4 6)" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M13 4C14.66 4 16 5.34 16 7L16 8C16 9.66 14.66 11 13 11C11.34 11 10 9.66 10 8L10 7C10 5.34 11.34 4 13 4Z"/>
  <path transform="translate(4 6)" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M3 0C4.66 0 6 1.34 6 3L6 4C6 5.66 4.66 7 3 7C1.34 7 0 5.66 0 4L0 3C0 1.34 1.34 0 3 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(7 3)" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M10 0L10 7M0 13L0 18M10 17L10 18M0 0L0 3"/>
  <path transform="translate(3 5)" fill="currentColor" d="M4 0C1.79 0 0 1.79 0 4L0 5C0 7.21 1.79 9 4 9C6.21 9 8 7.21 8 5L8 4C8 1.79 6.21 0 4 0Z"/>
  <path transform="translate(3 5)" fill="currentColor" d="M14 4C11.79 4 10 5.79 10 8L10 9C10 11.21 11.79 13 14 13C16.21 13 18 11.21 18 9L18 8C18 5.79 16.21 4 14 4Z"/>
</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 6)" fill="currentColor" d="M13 4C14.66 4 16 5.34 16 7L16 8C16 9.66 14.66 11 13 11C11.34 11 10 9.66 10 8L10 7C10 5.34 11.34 4 13 4Z"/>
  <path opacity="0.28" transform="translate(4 6)" fill="currentColor" d="M3 0C4.66 0 6 1.34 6 3L6 4C6 5.66 4.66 7 3 7C1.34 7 0 5.66 0 4L0 3C0 1.34 1.34 0 3 0Z"/>
  <path transform="translate(4 3)" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M13 0L13 7M13 7C11.34 7 10 8.34 10 10L10 11C10 12.66 11.34 14 13 14C14.66 14 16 12.66 16 11L16 10C16 8.34 14.66 7 13 7ZM3 13L3 18M13 17L13 18M3 0L3 3M3 3C1.34 3 0 4.34 0 6L0 7C0 8.66 1.34 10 3 10C4.66 10 6 8.66 6 7L6 6C6 4.34 4.66 3 3 3Z"/>
</svg>