outline
1. Color
Original icon colors are kept until you pick a new color.
2. Canvas Backdrop and Transforms
3. Live Vector Animation Presets
Included in SVG export
Filter SVG Icon
Source, author, and license are available in the preview and icon details. Filter - Free for commercial use. License shown on every icon.. No Sign-Up Required | 100% Browser-Based Processing
Instant Vector and High-DPI Raster Downloads
Original icon colors are kept until you pick a new color.
filter.svg (506 B)
Quick Copy for Developers and UI Frameworks
Live Code Output
<svg id="i-filter" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="none" stroke="currentcolor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" width="36" height="36" role="img" aria-label="Filter icon"><title>Filter - Bytesize Icons icon</title><desc>Free Filter vector icon from the Bytesize Icons open-source icon library; outline style, MIT licence, viewBox 0 0 32 32, 285 bytes.</desc>
<path d="M2 5 C2 5 6 3 16 3 26 3 30 5 30 5 L19 18 19 27 13 30 13 18 2 5Z" />
</svg>
AI Prompt and Vector Enhancer
Want to Improve or Restyle This Icon? Filter
Generate a precise engineering prompt, or improve the icon on the canvas right now. Filter
100% client-side prompt builder
Icon Source and License Verification
LICENSE.txt
Library: Bytesize Icons | Author: Dan Klammer | License: MIT | Source: https://github.com/danklammer/bytesize-icons | No Sign-Up Required | 100% Browser-Based Processing
Keywords
#filter
#bytesize
#interface
#outline
Filter - Technical Vector Specifications
Source, author, and license are available in the preview and icon details. Filter
| Canonical asset identifier | bytesize/filter |
|---|---|
| Source library pack | Bytesize Icons |
| Coordinate grid and viewBox | viewBox="0 0 32 32" |
| Uncompressed payload | 506 bytes (~278 bytes gzipped) |
| SPDX license and commercial use | MIT - Free for commercial use |
| Upstream Source | https://github.com/danklammer/bytesize-icons |
| Supported export targets | SVG, PNG (32px-2048px), WebP, ICO, React TSX, Vue 3, Svelte, Tailwind CSS, CSS Mask, Base64 |
| Security and privacy guarantee | No Sign-Up Required | 100% Browser-Based Processing |
How to Use and Customize This Icon: Filter
- Customize visually: Color, Auto (Stroke and Fill), Stroke Width (
0.5px-4px), Live Vector Animation Presets - Download vector or raster: Download SVG, PNG (Transparent), WebP (Optimized) (
2048x2048 px) - Copy framework code: Copy ready code for React, Next.js, Vue 3, Svelte, Angular, HTML, and CSS masks.
- Deep vector editing: Edit in SVG Editor (76,166)
Accessibility tip (WCAG 2.1): Hide decorative icons with aria-hidden and focusable false. Give icon-only buttons a clear aria-label. Flip arrows and chevrons horizontally for right-to-left languages.
filter.svg aria-hidden="true" focusable="false"
Cross-Library Matches ("Filter")
Compare this icon across other open-source vector libraries.
More in User Interface (UI/UX)
Browseoutline
Filter
MingCute Icons|interfacesolid
Filter
MingCute Icons Fill|interfaceoutline
Filter
IconPark|interfaceoutline
Filter Plus
Tabler Icons|interfaceoutline
Layout Sidebar Right Collapse
Tabler Icons|interfaceoutline
Retail Box
Domain Icons|interface
Places Smoke Free
Material Icons|interface
Letter X
Tabler Icons|interface
Social Boy
Material Icons|interface
Social Domain
Material Icons|interface
Queue
Phosphor Icons|interface
Resize
Phosphor Icons|interface
Selection Background
Phosphor Icons|interface
Sustainability Recycle
Domain Icons|interface
Tech Circuit
Domain Icons|interface
Abs
MingCute Icons Fill|interface
Anthropic
SVG Icons Collection|interface
Clock Circle
Ant Design TwoTone|interface
British Pound
Open Iconic|interface
Backpack
Bootstrap Icons|interface
Badge Cc
Bootstrap Icons|interface
Badge Wc
Bootstrap Icons|interface
Chakraui
SVG Icons Collection|interface
Data Line
Fluent UI Color|interfaceExplore more
Frequently Asked Questions
Filter - Frequently Asked Questions
What licence covers Filter? +
Filter comes from Bytesize Icons and is covered by MIT. Attribution: Credit required.
In which formats can I download Filter? +
Filter is a outline-style vector (viewBox 0 0 32 32). Download SVG, PNG, WebP or ICO, or copy React TSX, Vue 3, Svelte, Tailwind CSS, CSS Mask or Base64 code from this page.
Where does the Filter icon come from? +
Filter is part of the Bytesize Icons library by Dan Klammer, in the User Interface (UI/UX) category. The full licence text is in the library notice file linked on this page.
100% Browser-Based Processing | 76,166 icons
SVG Editor
Edit paths, layers, colors, and animations in your browser, then export clean SVG, PNG, or framework code.