Binoculars icon
Download the Binoculars icon as free SVG or PNG. Compare outline and filled styles. Copy React, Vue or Svelte code.
- search
- find
- explore
- view
- spy
- sightseeing
- zoom
- watch
Style
Size
Stroke
Filled icons have no stroke
Color
- Category
- general
- Styles
- Outline, filled
- Component
- IconBinoculars
- License
- MIT · Paweł Kuna
outline/binoculars.svg
filled/binoculars.svgCode
Copy it the way you use it
binoculars.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 16a3 3 0 1 0 6 0a3 3 0 1 0 -6 0" />
<path d="M14 16a3 3 0 1 0 6 0a3 3 0 1 0 -6 0" />
<path d="M16.346 9.17l-.729 -1.261c-.16 -.248 -1.056 -.203 -1.117 .091l-.177 1.38" />
<path d="M19.761 14.813l-2.84 -5.133c-.189 -.31 -.592 -.68 -1.421 -.68c-.828 0 -1.5 .448 -1.5 1v6" />
<path d="M7.654 9.17l.729 -1.261c.16 -.249 1.056 -.203 1.117 .091l.177 1.38" />
<path d="M4.239 14.813l2.84 -5.133c.189 -.31 .592 -.68 1.421 -.68c.828 0 1.5 .448 1.5 1v6" />
<path d="M10 12h4v2h-4l0 -2" />
</svg>Use the Binoculars 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 { IconBinoculars } from '@tabler/icons-react';
<IconBinoculars size={24} stroke={2} />Vue example
import { IconBinoculars } from '@tabler/icons-vue';
<IconBinoculars :size="24" :stroke="2" />Svelte 5 example
import { IconBinoculars } from '@tabler/icons-svelte-runes';
<IconBinoculars size={24} stroke={2} />Related