binoculars icon
binoculars-thin from Phosphor by Phosphor Icons · Thin · MIT Free for personal and commercial use.
- Name
- binoculars-thin
- Set
- Phosphor
- Style
- Thin
- 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="M231.22 148.09L189.6 53.41a3.9 3.9 0 0 0-.83-1.22a28 28 0 0 0-39.6 0A4 4 0 0 0 148 55v29h-40V55a4 4 0 0 0-1.17-2.83a28 28 0 0 0-39.6 0a3.9 3.9 0 0 0-.83 1.22l-41.62 94.7A44 44 0 1 0 108 168V92h40v76a44 44 0 1 0 83.22-19.91M64 204a36 36 0 1 1 36-36a36 36 0 0 1-36 36m0-80a43.8 43.8 0 0 0-22.66 6.3L73.4 57.35a20 20 0 0 1 26.6-.59v86A44 44 0 0 0 64 124m92-67.23a20 20 0 0 1 26.6.59l32.06 72.94A43.92 43.92 0 0 0 156 142.74ZM192 204a36 36 0 1 1 36-36a36 36 0 0 1-36 36"/></svg>
React
import type { SVGProps } from "react";
export function PhBinocularsThin(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="M231.22 148.09L189.6 53.41a3.9 3.9 0 0 0-.83-1.22a28 28 0 0 0-39.6 0A4 4 0 0 0 148 55v29h-40V55a4 4 0 0 0-1.17-2.83a28 28 0 0 0-39.6 0a3.9 3.9 0 0 0-.83 1.22l-41.62 94.7A44 44 0 1 0 108 168V92h40v76a44 44 0 1 0 83.22-19.91M64 204a36 36 0 1 1 36-36a36 36 0 0 1-36 36m0-80a43.8 43.8 0 0 0-22.66 6.3L73.4 57.35a20 20 0 0 1 26.6-.59v86A44 44 0 0 0 64 124m92-67.23a20 20 0 0 1 26.6.59l32.06 72.94A43.92 43.92 0 0 0 156 142.74ZM192 204a36 36 0 1 1 36-36a36 36 0 0 1-36 36"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M231.22 148.09L189.6 53.41a3.9 3.9 0 0 0-.83-1.22a28 28 0 0 0-39.6 0A4 4 0 0 0 148 55v29h-40V55a4 4 0 0 0-1.17-2.83a28 28 0 0 0-39.6 0a3.9 3.9 0 0 0-.83 1.22l-41.62 94.7A44 44 0 1 0 108 168V92h40v76a44 44 0 1 0 83.22-19.91M64 204a36 36 0 1 1 36-36a36 36 0 0 1-36 36m0-80a43.8 43.8 0 0 0-22.66 6.3L73.4 57.35a20 20 0 0 1 26.6-.59v86A44 44 0 0 0 64 124m92-67.23a20 20 0 0 1 26.6.59l32.06 72.94A43.92 43.92 0 0 0 156 142.74ZM192 204a36 36 0 1 1 36-36a36 36 0 0 1-36 36"/></svg> </template>
CSS
.icon-binoculars-thin {
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%22M231.22%20148.09L189.6%2053.41a3.9%203.9%200%200%200-.83-1.22a28%2028%200%200%200-39.6%200A4%204%200%200%200%20148%2055v29h-40V55a4%204%200%200%200-1.17-2.83a28%2028%200%200%200-39.6%200a3.9%203.9%200%200%200-.83%201.22l-41.62%2094.7A44%2044%200%201%200%20108%20168V92h40v76a44%2044%200%201%200%2083.22-19.91M64%20204a36%2036%200%201%201%2036-36a36%2036%200%200%201-36%2036m0-80a43.8%2043.8%200%200%200-22.66%206.3L73.4%2057.35a20%2020%200%200%201%2026.6-.59v86A44%2044%200%200%200%2064%20124m92-67.23a20%2020%200%200%201%2026.6.59l32.06%2072.94A43.92%2043.92%200%200%200%20156%20142.74ZM192%20204a36%2036%200%201%201%2036-36a36%2036%200%200%201-36%2036%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%22M231.22%20148.09L189.6%2053.41a3.9%203.9%200%200%200-.83-1.22a28%2028%200%200%200-39.6%200A4%204%200%200%200%20148%2055v29h-40V55a4%204%200%200%200-1.17-2.83a28%2028%200%200%200-39.6%200a3.9%203.9%200%200%200-.83%201.22l-41.62%2094.7A44%2044%200%201%200%20108%20168V92h40v76a44%2044%200%201%200%2083.22-19.91M64%20204a36%2036%200%201%201%2036-36a36%2036%200%200%201-36%2036m0-80a43.8%2043.8%200%200%200-22.66%206.3L73.4%2057.35a20%2020%200%200%201%2026.6-.59v86A44%2044%200%200%200%2064%20124m92-67.23a20%2020%200%200%201%2026.6.59l32.06%2072.94A43.92%2043.92%200%200%200%20156%20142.74ZM192%20204a36%2036%200%201%201%2036-36a36%2036%200%200%201-36%2036%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/binoculars-thin.svg?color=%231a73e8&size=48
