ICONYZ
English
Binoculars Outline icon from Glyphs

Binoculars Outline icon

glyphs:binoculars-outline

The Binoculars Outline icon (glyphs:binoculars-outline) is a free SVG icon from the Glyphs set by Goran Spasojevic. It is drawn on a 80 × 80 grid. Glyphs icons 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
Glyphs
Author
Goran Spasojevic
License
MIT
Size
80 × 80
Tags
binocularsoutline, binocular
Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><g fill="none"><path fill="currentColor" fill-opacity=".25" fill-rule="evenodd" d="M61.851 64.893a16 16 0 0 0 12.048-23.819a2 2 0 0 0-.098-.181l-6.765-11.098a10 10 0 0 0-5.146-4.202a9 9 0 0 0-17.483-1.27a8 8 0 0 0-8.814 0a9 9 0 0 0-17.482 1.27a10 10 0 0 0-5.146 4.202L6.199 40.893q-.053.089-.098.181a16 16 0 0 0-.727 1.44l-.026.058l-.051.118a16 16 0 0 0 3.39 17.624a16 16 0 0 0 22.627 0m-7.85-36.85A5 5 0 0 1 32 27v11.417q-.331-.376-.686-.73a16 16 0 0 0-16.057-3.968l1.123-1.842a6 6 0 0 1 3.997-2.77A2 2 0 0 0 22 27.102V27a5 5 0 0 1 1.465-3.535m7.85 36.85a16 16 0 0 0 4.442-8.532a8 8 0 0 0 8.488 0A16 16 0 0 0 60 65M48 38.417V27a5 5 0 1 1 10 .102a2 2 0 0 0 1.624 2.005a6 6 0 0 1 3.996 2.77l1.123 1.842A16 16 0 0 0 48 38.417m0 10.507A12.001 12.001 0 1 1 60 61M48 48.924v.153zm0 .186v-.033zm10.814 11.831A12 12 0 0 1 48.001 49.14v-.029M60 61q-.597 0-1.187-.059zM28.484 40.515a12 12 0 1 1-16.972 16.971a12 12 0 0 1 16.972-16.971M36 45a4 4 0 1 0 0-.013zm8-6.928V31a4 4 0 0 0-8-.001v7.073a8 8 0 0 1 8 0" clip-rule="evenodd"/><path fill="currentColor" fill-opacity=".25" d="M61.851 64.893q-.918.106-1.851.107z"/><path stroke="currentColor" stroke-linecap="square" d="M60 65q-.796 0-1.581-.078a16 16 0 0 1-14.175-13.14a8 8 0 0 1-8.488 0a16 16 0 1 1-30.408-9.21l.026-.059a16 16 0 0 1 .727-1.439q.045-.092.098-.181l6.766-11.098a10 10 0 0 1 5.146-4.202a9 9 0 0 1 17.482-1.27a8 8 0 0 1 8.814 0a9 9 0 0 1 17.483 1.27a10 10 0 0 1 5.146 4.202L73.8 40.893q.054.089.098.181A16 16 0 0 1 61.85 64.893M60 65q.933 0 1.851-.107M60 65l1.851-.107M60.001 61q.72 0 1.429-.085A12.001 12.001 0 0 0 60 37a12 12 0 0 0-12 11.924v.153M60 61q-.597 0-1.186-.059M60 61l-1.186-.059M48 49.077v.033m0-.033v.033m0 0l.001.03a12 12 0 0 0 10.813 11.8M27 22a5 5 0 0 0-4.999 5.102a2 2 0 0 1-1.624 2.005a6 6 0 0 0-3.997 2.77l-1.123 1.842A16 16 0 0 1 32 38.417V27a5 5 0 0 0-5-5Zm21 16.417V27a5 5 0 1 1 10 .102a2 2 0 0 0 1.624 2.005a6 6 0 0 1 3.996 2.77l1.123 1.842A16 16 0 0 0 48 38.417ZM32 49a12 12 0 1 0-24.002 0A12 12 0 0 0 32 49Zm5.172-1.172A4 4 0 0 1 36 45v-.013a4 4 0 1 1 1.172 2.841ZM44 38.073a8 8 0 0 0-8 0V31a4 4 0 0 1 8 0z"/></g></svg>

How to use the Binoculars Outline icon

React

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

<Icon icon="glyphs:binoculars-outline" width="24" />

Vue

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

<template>
  <Icon icon="glyphs:binoculars-outline" width="24" />
</template>

Svelte

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

<Icon icon="glyphs:binoculars-outline" width="24" />

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="glyphs:binoculars-outline"></iconify-icon>

HTML image

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

Related icons in Glyphs

Binoculars Outline icon in other icon sets

Binoculars Outline icon FAQ

Is the Binoculars Outline icon free for commercial use?

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

How do I use the Binoculars Outline icon in React?

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

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

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

Browse all Glyphs icons →