Binoculars icon

ion:binoculars

The Binoculars icon (ion:binoculars) is a free SVG icon from the IonIcons set by Ben Sperry. It is drawn on a 512 × 512 grid. IonIcons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: IonIcons
Author: Ben Sperry
License: MIT
Size: 512 × 512
Tags: binocular

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" fill-rule="evenodd" d="M114.917 82.831C126.817 70.758 142.711 64 164 64c18.436 0 33.934 7.239 44.611 19.607C219.057 95.707 224 111.638 224 128v34.809c8.45-1.583 19.147-2.809 32-2.809s23.55 1.226 32 2.809V128c0-16.362 4.943-32.293 15.389-44.393C314.066 71.239 329.564 64 348 64c21.289 0 37.183 6.758 49.083 18.831c11.072 11.233 17.546 26.036 22.792 39.275l.636 1.672l68.207 181.915s2.59 7.307 2.915 8.392A104 104 0 0 1 496 344c0 57.438-46.562 104-104 104s-104-46.562-104-104v-60.461l-.04-.01C281.089 281.825 270.382 280 256 280s-25.089 1.825-31.96 3.529l-.04.01V344c0 57.438-46.562 104-104 104S16 401.438 16 344c0-10.399 1.526-20.441 4.367-29.916q.227-1.04.602-2.068a155 155 0 0 1 2.314-6.324l68.842-183.586c5.246-13.239 11.721-28.042 22.792-39.275M320 343.905c.051-39.721 32.267-71.905 72-71.905c30.372 0 56.352 18.806 66.93 45.408l1.358 3.71A71.9 71.9 0 0 1 464 344c0 39.764-32.236 72-72 72c-39.751 0-71.978-32.214-72-71.96V344m-200-72c-30.371 0-56.35 18.805-66.93 45.406l-1.358 3.714A71.9 71.9 0 0 0 48 344c0 39.764 32.236 72 72 72s72-32.236 72-72s-32.236-72-72-72" clip-rule="evenodd"/></svg>

How to use the Binoculars icon

React

import { Icon } from "@iconify/react";

<Icon icon="ion:binoculars" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="ion:binoculars" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="ion:binoculars" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[ion--binoculars]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/ion -->
<div class="i-ion:binoculars"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="ion:binoculars"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/ion/binoculars.svg" alt="Binoculars icon" width="24" height="24">

Related icons in IonIcons

Binoculars icon in other icon sets

Binoculars icon FAQ

Is the Binoculars icon free for commercial use?

Yes. IonIcons are released under the MIT license, which allows use in personal and commercial projects.

How do I use the Binoculars icon in React?

Install @iconify/react and render <Icon icon="ion:binoculars" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Binoculars icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/ion/binoculars.svg" alt="Binoculars icon">, or paste the SVG code inline to style it with CSS.

Browse all IonIcons →