binoculars icon

binoculars from IonIcons by Ben Sperry · Regular · MIT Free for personal and commercial use.

Name: binoculars
Set: IonIcons
Style: Regular
Viewbox: 512×512
License: MIT

2 other variants in IonIcons

The same icon in other sets

binocularsBootstrap Icons binocularsBoxIcons v2 Solid binocularsCarbon binocularsFont Awesome 6 Solid binocularsFont Awesome Solid binocularsHuge Icons binocularsLine Awesome binocularsLucide binocularsMaterial Design Icons binocularsMyna UI Icons binocularsPhosphor 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 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>

React

import type { SVGProps } from "react";

export function IonBinoculars(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" fillRule="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" clipRule="evenodd"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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>
</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%20512%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M114.917%2082.831C126.817%2070.758%20142.711%2064%20164%2064c18.436%200%2033.934%207.239%2044.611%2019.607C219.057%2095.707%20224%20111.638%20224%20128v34.809c8.45-1.583%2019.147-2.809%2032-2.809s23.55%201.226%2032%202.809V128c0-16.362%204.943-32.293%2015.389-44.393C314.066%2071.239%20329.564%2064%20348%2064c21.289%200%2037.183%206.758%2049.083%2018.831c11.072%2011.233%2017.546%2026.036%2022.792%2039.275l.636%201.672l68.207%20181.915s2.59%207.307%202.915%208.392A104%20104%200%200%201%20496%20344c0%2057.438-46.562%20104-104%20104s-104-46.562-104-104v-60.461l-.04-.01C281.089%20281.825%20270.382%20280%20256%20280s-25.089%201.825-31.96%203.529l-.04.01V344c0%2057.438-46.562%20104-104%20104S16%20401.438%2016%20344c0-10.399%201.526-20.441%204.367-29.916q.227-1.04.602-2.068a155%20155%200%200%201%202.314-6.324l68.842-183.586c5.246-13.239%2011.721-28.042%2022.792-39.275M320%20343.905c.051-39.721%2032.267-71.905%2072-71.905c30.372%200%2056.352%2018.806%2066.93%2045.408l1.358%203.71A71.9%2071.9%200%200%201%20464%20344c0%2039.764-32.236%2072-72%2072c-39.751%200-71.978-32.214-72-71.96V344m-200-72c-30.371%200-56.35%2018.805-66.93%2045.406l-1.358%203.714A71.9%2071.9%200%200%200%2048%20344c0%2039.764%2032.236%2072%2072%2072s72-32.236%2072-72s-32.236-72-72-72%22%20clip-rule%3D%22evenodd%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%20512%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M114.917%2082.831C126.817%2070.758%20142.711%2064%20164%2064c18.436%200%2033.934%207.239%2044.611%2019.607C219.057%2095.707%20224%20111.638%20224%20128v34.809c8.45-1.583%2019.147-2.809%2032-2.809s23.55%201.226%2032%202.809V128c0-16.362%204.943-32.293%2015.389-44.393C314.066%2071.239%20329.564%2064%20348%2064c21.289%200%2037.183%206.758%2049.083%2018.831c11.072%2011.233%2017.546%2026.036%2022.792%2039.275l.636%201.672l68.207%20181.915s2.59%207.307%202.915%208.392A104%20104%200%200%201%20496%20344c0%2057.438-46.562%20104-104%20104s-104-46.562-104-104v-60.461l-.04-.01C281.089%20281.825%20270.382%20280%20256%20280s-25.089%201.825-31.96%203.529l-.04.01V344c0%2057.438-46.562%20104-104%20104S16%20401.438%2016%20344c0-10.399%201.526-20.441%204.367-29.916q.227-1.04.602-2.068a155%20155%200%200%201%202.314-6.324l68.842-183.586c5.246-13.239%2011.721-28.042%2022.792-39.275M320%20343.905c.051-39.721%2032.267-71.905%2072-71.905c30.372%200%2056.352%2018.806%2066.93%2045.408l1.358%203.71A71.9%2071.9%200%200%201%20464%20344c0%2039.764-32.236%2072-72%2072c-39.751%200-71.978-32.214-72-71.96V344m-200-72c-30.371%200-56.35%2018.805-66.93%2045.406l-1.358%203.714A71.9%2071.9%200%200%200%2048%20344c0%2039.764%2032.236%2072%2072%2072s72-32.236%2072-72s-32.236-72-72-72%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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