binoculars icon
binoculars-outline from IonIcons by Ben Sperry · Outline · MIT Free for personal and commercial use.
- Name
- binoculars-outline
- Set
- IonIcons
- Style
- Outline
- Viewbox
- 512×512
- License
- MIT
2 other variants in IonIcons
The same icon in other sets
binocularsBootstrap IconsbinocularsBoxIcons v2 SolidbinocularsCarbonbinocularsFont Awesome 6 SolidbinocularsFont Awesome SolidbinocularsHuge IconsbinocularsLine AwesomebinocularsLucidebinocularsMaterial Design IconsbinocularsMyna UI IconsbinocularsPhosphorbinoculars-fillRemix Iconbinoculars-boldSolarbinocularsTabler Icons
Use the binoculars icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32"><circle cx="392" cy="344" r="88"/><circle cx="120" cy="344" r="88"/><path d="M208 344V128c0-26.5-16-48-44-48c-35 0-46.5 21.5-57 48c0 0-48.5 127.833-71 189.5M208 184s16.5-8 48-8s48 8 48 8m-96 88s16.5-8 48-8s48 8 48 8m0 72V128c0-26.5 16-48 44-48c35 0 46.5 21.5 57 48c0 0 48.5 127.833 71 189.5"/></g></svg>
React
import type { SVGProps } from "react";
export function IonBinocularsOutline(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><g fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32"><circle cx="392" cy="344" r="88"/><circle cx="120" cy="344" r="88"/><path d="M208 344V128c0-26.5-16-48-44-48c-35 0-46.5 21.5-57 48c0 0-48.5 127.833-71 189.5M208 184s16.5-8 48-8s48 8 48 8m-96 88s16.5-8 48-8s48 8 48 8m0 72V128c0-26.5 16-48 44-48c35 0 46.5 21.5 57 48c0 0 48.5 127.833 71 189.5"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32"><circle cx="392" cy="344" r="88"/><circle cx="120" cy="344" r="88"/><path d="M208 344V128c0-26.5-16-48-44-48c-35 0-46.5 21.5-57 48c0 0-48.5 127.833-71 189.5M208 184s16.5-8 48-8s48 8 48 8m-96 88s16.5-8 48-8s48 8 48 8m0 72V128c0-26.5 16-48 44-48c35 0 46.5 21.5 57 48c0 0 48.5 127.833 71 189.5"/></g></svg> </template>
CSS
.icon-binoculars-outline {
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%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%2232%22%3E%3Ccircle%20cx%3D%22392%22%20cy%3D%22344%22%20r%3D%2288%22%2F%3E%3Ccircle%20cx%3D%22120%22%20cy%3D%22344%22%20r%3D%2288%22%2F%3E%3Cpath%20d%3D%22M208%20344V128c0-26.5-16-48-44-48c-35%200-46.5%2021.5-57%2048c0%200-48.5%20127.833-71%20189.5M208%20184s16.5-8%2048-8s48%208%2048%208m-96%2088s16.5-8%2048-8s48%208%2048%208m0%2072V128c0-26.5%2016-48%2044-48c35%200%2046.5%2021.5%2057%2048c0%200%2048.5%20127.833%2071%20189.5%22%2F%3E%3C%2Fg%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%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%2232%22%3E%3Ccircle%20cx%3D%22392%22%20cy%3D%22344%22%20r%3D%2288%22%2F%3E%3Ccircle%20cx%3D%22120%22%20cy%3D%22344%22%20r%3D%2288%22%2F%3E%3Cpath%20d%3D%22M208%20344V128c0-26.5-16-48-44-48c-35%200-46.5%2021.5-57%2048c0%200-48.5%20127.833-71%20189.5M208%20184s16.5-8%2048-8s48%208%2048%208m-96%2088s16.5-8%2048-8s48%208%2048%208m0%2072V128c0-26.5%2016-48%2044-48c35%200%2046.5%2021.5%2057%2048c0%200%2048.5%20127.833%2071%20189.5%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ion/binoculars-outline.svg?color=%231a73e8&size=48
