Filter 2 Pin icon
Download the Filter 2 Pin icon as free SVG or PNG. Customize its outline stroke. Copy React, Vue or Svelte code.
- filter
- filtering
- sort
- location
- map-pin
- marker
- place
- refine
- list
- options
Size
Stroke
Color
- Category
- media
- Styles
- Outline
- Component
- IconFilter2Pin
- License
- MIT · Paweł Kuna
- Files
-
outline/filter-2-pin.svg
Code
Copy it the way you use it
filter-2-pin.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 12h10" />
<path d="M9 18h3" />
<path d="M19 18v.01m2.121 2.111c.42 -.419 .706 -.954 .821 -1.536c.116 -.582 .056 -1.185 -.17 -1.733c-.227 -.548 -.611 -1.017 -1.105 -1.347c-.493 -.33 -1.073 -.506 -1.667 -.506c-.593 0 -1.173 .176 -1.667 .506c-.493 .33 -.878 .798 -1.105 1.347c-.227 .548 -.286 1.151 -.17 1.733c.116 .582 .402 1.116 .821 1.536c.418 .419 1.125 1.045 2.121 1.879c1.051 -.89 1.759 -1.516 2.121 -1.879l-2.121 -2.121" />
</svg>Use the Filter 2 Pin 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 { IconFilter2Pin } from '@tabler/icons-react';
<IconFilter2Pin size={24} stroke={2} />Vue example
import { IconFilter2Pin } from '@tabler/icons-vue';
<IconFilter2Pin :size="24" :stroke="2" />Svelte 5 example
import { IconFilter2Pin } from '@tabler/icons-svelte-runes';
<IconFilter2Pin size={24} stroke={2} />Related