binoculars icon
binoculars from Phosphor by Phosphor Icons · Regular · MIT Free for personal and commercial use.
- Name
- binoculars
- Set
- Phosphor
- Style
- Regular
- Viewbox
- 256×256
- License
- MIT
5 other variants in Phosphor
The same icon in other sets
binocularsBootstrap IconsbinocularsBoxIcons v2 SolidbinocularsCarbonbinocularsFont Awesome 6 SolidbinocularsFont Awesome SolidbinocularsHuge IconsbinocularsIonIconsbinocularsLine AwesomebinocularsLucidebinocularsMaterial Design IconsbinocularsMyna UI Iconsbinoculars-fillRemix Iconbinoculars-boldSolarbinocularsTabler 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="M237.2 151.87a47 47 0 0 0-2.35-5.45L193.26 51.8a7.8 7.8 0 0 0-1.66-2.44a32 32 0 0 0-45.26 0A8 8 0 0 0 144 55v25h-32V55a8 8 0 0 0-2.34-5.66a32 32 0 0 0-45.26 0a7.8 7.8 0 0 0-1.66 2.44L21.15 146.4a47 47 0 0 0-2.35 5.45A48 48 0 1 0 112 168V96h32v72a48 48 0 1 0 93.2-16.13M76.71 59.75a16 16 0 0 1 19.29-1v73.51a47.9 47.9 0 0 0-46.79-9.92ZM64 200a32 32 0 1 1 32-32a32 32 0 0 1-32 32m96-141.26a16 16 0 0 1 19.29 1l27.5 62.58a47.9 47.9 0 0 0-46.79 9.93ZM192 200a32 32 0 1 1 32-32a32 32 0 0 1-32 32"/></svg>
React
import type { SVGProps } from "react";
export function PhBinoculars(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="M237.2 151.87a47 47 0 0 0-2.35-5.45L193.26 51.8a7.8 7.8 0 0 0-1.66-2.44a32 32 0 0 0-45.26 0A8 8 0 0 0 144 55v25h-32V55a8 8 0 0 0-2.34-5.66a32 32 0 0 0-45.26 0a7.8 7.8 0 0 0-1.66 2.44L21.15 146.4a47 47 0 0 0-2.35 5.45A48 48 0 1 0 112 168V96h32v72a48 48 0 1 0 93.2-16.13M76.71 59.75a16 16 0 0 1 19.29-1v73.51a47.9 47.9 0 0 0-46.79-9.92ZM64 200a32 32 0 1 1 32-32a32 32 0 0 1-32 32m96-141.26a16 16 0 0 1 19.29 1l27.5 62.58a47.9 47.9 0 0 0-46.79 9.93ZM192 200a32 32 0 1 1 32-32a32 32 0 0 1-32 32"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M237.2 151.87a47 47 0 0 0-2.35-5.45L193.26 51.8a7.8 7.8 0 0 0-1.66-2.44a32 32 0 0 0-45.26 0A8 8 0 0 0 144 55v25h-32V55a8 8 0 0 0-2.34-5.66a32 32 0 0 0-45.26 0a7.8 7.8 0 0 0-1.66 2.44L21.15 146.4a47 47 0 0 0-2.35 5.45A48 48 0 1 0 112 168V96h32v72a48 48 0 1 0 93.2-16.13M76.71 59.75a16 16 0 0 1 19.29-1v73.51a47.9 47.9 0 0 0-46.79-9.92ZM64 200a32 32 0 1 1 32-32a32 32 0 0 1-32 32m96-141.26a16 16 0 0 1 19.29 1l27.5 62.58a47.9 47.9 0 0 0-46.79 9.93ZM192 200a32 32 0 1 1 32-32a32 32 0 0 1-32 32"/></svg> </template>
CSS
.icon-binoculars {
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%22M237.2%20151.87a47%2047%200%200%200-2.35-5.45L193.26%2051.8a7.8%207.8%200%200%200-1.66-2.44a32%2032%200%200%200-45.26%200A8%208%200%200%200%20144%2055v25h-32V55a8%208%200%200%200-2.34-5.66a32%2032%200%200%200-45.26%200a7.8%207.8%200%200%200-1.66%202.44L21.15%20146.4a47%2047%200%200%200-2.35%205.45A48%2048%200%201%200%20112%20168V96h32v72a48%2048%200%201%200%2093.2-16.13M76.71%2059.75a16%2016%200%200%201%2019.29-1v73.51a47.9%2047.9%200%200%200-46.79-9.92ZM64%20200a32%2032%200%201%201%2032-32a32%2032%200%200%201-32%2032m96-141.26a16%2016%200%200%201%2019.29%201l27.5%2062.58a47.9%2047.9%200%200%200-46.79%209.93ZM192%20200a32%2032%200%201%201%2032-32a32%2032%200%200%201-32%2032%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%22M237.2%20151.87a47%2047%200%200%200-2.35-5.45L193.26%2051.8a7.8%207.8%200%200%200-1.66-2.44a32%2032%200%200%200-45.26%200A8%208%200%200%200%20144%2055v25h-32V55a8%208%200%200%200-2.34-5.66a32%2032%200%200%200-45.26%200a7.8%207.8%200%200%200-1.66%202.44L21.15%20146.4a47%2047%200%200%200-2.35%205.45A48%2048%200%201%200%20112%20168V96h32v72a48%2048%200%201%200%2093.2-16.13M76.71%2059.75a16%2016%200%200%201%2019.29-1v73.51a47.9%2047.9%200%200%200-46.79-9.92ZM64%20200a32%2032%200%201%201%2032-32a32%2032%200%200%201-32%2032m96-141.26a16%2016%200%200%201%2019.29%201l27.5%2062.58a47.9%2047.9%200%200%200-46.79%209.93ZM192%20200a32%2032%200%201%201%2032-32a32%2032%200%200%201-32%2032%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/binoculars.svg?color=%231a73e8&size=48
