binoculars icon

binoculars-light from Phosphor by Phosphor Icons · Light · MIT Free for personal and commercial use.

Name: binoculars-light
Set: Phosphor
Style: Light
Viewbox: 256×256
License: MIT

5 other variants in Phosphor

binoculars binoculars-bold binoculars-duotone binoculars-fill binoculars-thin

The same icon in other sets

binocularsBootstrap Icons binocularsBoxIcons v2 Solid binocularsCarbon binocularsFont Awesome 6 Solid binocularsFont Awesome Solid binocularsHuge Icons binocularsIonIcons binocularsLine Awesome binocularsLucide binocularsMaterial Design Icons binocularsMyna UI Icons binoculars-fillRemix Icon binoculars-boldSolar binocularsTabler Icons

Use the binoculars icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M233 147.24L191.43 52.6a6 6 0 0 0-1.25-1.83a30 30 0 0 0-42.42 0A6 6 0 0 0 146 55v27h-36V55a6 6 0 0 0-1.76-4.25a30 30 0 0 0-42.42 0a6 6 0 0 0-1.25 1.83L23 147.24A46 46 0 1 0 110 168V94h36v74a46 46 0 1 0 87-20.76M64 202a34 34 0 1 1 34-34a34 34 0 0 1-34 34m0-80a45.8 45.8 0 0 0-18.55 3.92l29.61-67.38A18 18 0 0 1 98 57.71V137a45.9 45.9 0 0 0-34-15m94-64.28a18 18 0 0 1 22.94.83l29.61 67.37A45.9 45.9 0 0 0 158 137ZM192 202a34 34 0 1 1 34-34a34 34 0 0 1-34 34"/></svg>

React

import type { SVGProps } from "react";

export function PhBinocularsLight(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M233 147.24L191.43 52.6a6 6 0 0 0-1.25-1.83a30 30 0 0 0-42.42 0A6 6 0 0 0 146 55v27h-36V55a6 6 0 0 0-1.76-4.25a30 30 0 0 0-42.42 0a6 6 0 0 0-1.25 1.83L23 147.24A46 46 0 1 0 110 168V94h36v74a46 46 0 1 0 87-20.76M64 202a34 34 0 1 1 34-34a34 34 0 0 1-34 34m0-80a45.8 45.8 0 0 0-18.55 3.92l29.61-67.38A18 18 0 0 1 98 57.71V137a45.9 45.9 0 0 0-34-15m94-64.28a18 18 0 0 1 22.94.83l29.61 67.37A45.9 45.9 0 0 0 158 137ZM192 202a34 34 0 1 1 34-34a34 34 0 0 1-34 34"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M233 147.24L191.43 52.6a6 6 0 0 0-1.25-1.83a30 30 0 0 0-42.42 0A6 6 0 0 0 146 55v27h-36V55a6 6 0 0 0-1.76-4.25a30 30 0 0 0-42.42 0a6 6 0 0 0-1.25 1.83L23 147.24A46 46 0 1 0 110 168V94h36v74a46 46 0 1 0 87-20.76M64 202a34 34 0 1 1 34-34a34 34 0 0 1-34 34m0-80a45.8 45.8 0 0 0-18.55 3.92l29.61-67.38A18 18 0 0 1 98 57.71V137a45.9 45.9 0 0 0-34-15m94-64.28a18 18 0 0 1 22.94.83l29.61 67.37A45.9 45.9 0 0 0 158 137ZM192 202a34 34 0 1 1 34-34a34 34 0 0 1-34 34"/></svg>
</template>

CSS

.icon-binoculars-light {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M233%20147.24L191.43%2052.6a6%206%200%200%200-1.25-1.83a30%2030%200%200%200-42.42%200A6%206%200%200%200%20146%2055v27h-36V55a6%206%200%200%200-1.76-4.25a30%2030%200%200%200-42.42%200a6%206%200%200%200-1.25%201.83L23%20147.24A46%2046%200%201%200%20110%20168V94h36v74a46%2046%200%201%200%2087-20.76M64%20202a34%2034%200%201%201%2034-34a34%2034%200%200%201-34%2034m0-80a45.8%2045.8%200%200%200-18.55%203.92l29.61-67.38A18%2018%200%200%201%2098%2057.71V137a45.9%2045.9%200%200%200-34-15m94-64.28a18%2018%200%200%201%2022.94.83l29.61%2067.37A45.9%2045.9%200%200%200%20158%20137ZM192%20202a34%2034%200%201%201%2034-34a34%2034%200%200%201-34%2034%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M233%20147.24L191.43%2052.6a6%206%200%200%200-1.25-1.83a30%2030%200%200%200-42.42%200A6%206%200%200%200%20146%2055v27h-36V55a6%206%200%200%200-1.76-4.25a30%2030%200%200%200-42.42%200a6%206%200%200%200-1.25%201.83L23%20147.24A46%2046%200%201%200%20110%20168V94h36v74a46%2046%200%201%200%2087-20.76M64%20202a34%2034%200%201%201%2034-34a34%2034%200%200%201-34%2034m0-80a45.8%2045.8%200%200%200-18.55%203.92l29.61-67.38A18%2018%200%200%201%2098%2057.71V137a45.9%2045.9%200%200%200-34-15m94-64.28a18%2018%200%200%201%2022.94.83l29.61%2067.37A45.9%2045.9%200%200%200%20158%20137ZM192%20202a34%2034%200%201%201%2034-34a34%2034%200%200%201-34%2034%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/binoculars-light.svg?color=%231a73e8&size=48