Filter Horizontal icon

A free filter horizontal 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 horizontal, 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(3 4)" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M7 3C7 1.34 8.34 0 10 0L11 0C12.66 0 14 1.34 14 3C14 4.66 12.66 6 11 6L10 6C8.34 6 7 4.66 7 3Z"/>
  <path transform="translate(3 4)" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M3 13C3 11.34 4.34 10 6 10L7 10C8.66 10 10 11.34 10 13C10 14.66 8.66 16 7 16L6 16C4.34 16 3 14.66 3 13Z"/>
  <path transform="translate(3 4)" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M0 3L7 3M13 13L18 13M17 3L18 3M0 13L3 13"/>
</svg>

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
  <path transform="translate(2 3)" fill="currentColor" d="M11 0C9.14 0 7.57 1.27 7.13 3L1 3C0.45 3 0 3.45 0 4C0 4.55 0.45 5 1 5L7.13 5C7.57 6.73 9.14 8 11 8L12 8C14.21 8 16 6.21 16 4C16 1.79 14.21 0 12 0L11 0Z"/>
  <path transform="translate(2 3)" fill="currentColor" d="M18 3C17.45 3 17 3.45 17 4C17 4.55 17.45 5 18 5L19 5C19.55 5 20 4.55 20 4C20 3.45 19.55 3 19 3L18 3Z"/>
  <path transform="translate(2 3)" fill="currentColor" d="M7 10C5.14 10 3.57 11.27 3.13 13L1 13C0.45 13 0 13.45 0 14C0 14.55 0.45 15 1 15L3.13 15C3.57 16.73 5.14 18 7 18L8 18C10.21 18 12 16.21 12 14C12 11.79 10.21 10 8 10L7 10Z"/>
  <path transform="translate(2 3)" fill="currentColor" d="M14 13C13.45 13 13 13.45 13 14C13 14.55 13.45 15 14 15L19 15C19.55 15 20 14.55 20 14C20 13.45 19.55 13 19 13L14 13Z"/>
</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 7)" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M0 0L7 0M13 10L18 10M17 0L18 0M0 10L3 10"/>
  <path transform="translate(6 4)" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M4 3C4 1.34 5.34 0 7 0L8 0C9.66 0 11 1.34 11 3C11 4.66 9.66 6 8 6L7 6C5.34 6 4 4.66 4 3Z"/>
  <path transform="translate(6 4)" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M0 13C0 11.34 1.34 10 3 10L4 10C5.66 10 7 11.34 7 13C7 14.66 5.66 16 4 16L3 16C1.34 16 0 14.66 0 13Z"/>
</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 7)" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M0 0L7 0M13 10L18 10M17 0L18 0M0 10L3 10"/>
  <path transform="translate(5 3)" fill="currentColor" d="M8 0C5.79 0 4 1.79 4 4C4 6.21 5.79 8 8 8L9 8C11.21 8 13 6.21 13 4C13 1.79 11.21 0 9 0L8 0Z"/>
  <path transform="translate(5 3)" fill="currentColor" d="M4 10C1.79 10 0 11.79 0 14C0 16.21 1.79 18 4 18L5 18C7.21 18 9 16.21 9 14C9 11.79 7.21 10 5 10L4 10Z"/>
</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(6 4)" fill="currentColor" d="M4 3C4 1.34 5.34 0 7 0L8 0C9.66 0 11 1.34 11 3C11 4.66 9.66 6 8 6L7 6C5.34 6 4 4.66 4 3Z"/>
  <path opacity="0.28" transform="translate(6 4)" fill="currentColor" d="M0 13C0 11.34 1.34 10 3 10L4 10C5.66 10 7 11.34 7 13C7 14.66 5.66 16 4 16L3 16C1.34 16 0 14.66 0 13Z"/>
  <path transform="translate(3 4)" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M0 3L7 3M7 3C7 4.66 8.34 6 10 6L11 6C12.66 6 14 4.66 14 3C14 1.34 12.66 0 11 0L10 0C8.34 0 7 1.34 7 3ZM13 13L18 13M17 3L18 3M0 13L3 13M3 13C3 14.66 4.34 16 6 16L7 16C8.66 16 10 14.66 10 13C10 11.34 8.66 10 7 10L6 10C4.34 10 3 11.34 3 13Z"/>
</svg>