Filter 2 Spark icon
Download the Filter 2 Spark icon as free SVG or PNG. Customize its outline stroke. Copy React, Vue or Svelte code.
- filter
- filtering
- sort
- ai
- magic
- sparkle
- smart
- refine
- list
- options
Size
Stroke
Color
- Category
- media
- Styles
- Outline
- Component
- IconFilter2Spark
- License
- MIT · Paweł Kuna
Code
Copy it the way you use it
filter-2-spark.svg
<svg
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
>
<path d="M4 6h16" />
<path d="M6 12h9.5" />
<path d="M9 18h2.5" />
<path d="M19 21.5c.205 -.849 .641 -1.625 1.258 -2.242c.617 -.617 1.393 -1.053 2.242 -1.258c-.849 -.205 -1.625 -.641 -2.242 -1.258c-.617 -.617 -1.053 -1.393 -1.258 -2.242c-.205 .849 -.641 1.625 -1.258 2.242c-.617 .617 -1.393 1.053 -2.242 1.258c.849 .205 1.625 .641 2.242 1.258c.617 .617 1.053 1.393 1.258 2.242" />
</svg> Use the Filter 2 Spark icon
For a decorative icon beside text, add aria-hidden="true" to the SVG. For an icon-only control, put its accessible name on the button or link.
React example
import { IconFilter2Spark } from '@tabler/icons-react';
<IconFilter2Spark size={24} stroke={2} />Read the React guideVue example
import { IconFilter2Spark } from '@tabler/icons-vue';
<IconFilter2Spark :size="24" :stroke="2" />Read the Vue guideSvelte 5 example
import { IconFilter2Spark } from '@tabler/icons-svelte-runes';
<IconFilter2Spark size={24} stroke={2} />Read the Svelte guideRelated