binoculars icon
binoculars-filled from Tabler Icons by Paweł Kuna · Filled · MIT Free for personal and commercial use.
- Name
- binoculars-filled
- Set
- Tabler Icons
- Style
- Filled
- Viewbox
- 24×24
- License
- MIT
1 other variant in Tabler Icons
The same icon in other sets
binocularsBootstrap IconsbinocularsBoxIcons v2 SolidbinocularsCarbonbinocularsFont Awesome 6 SolidbinocularsFont Awesome SolidbinocularsHuge IconsbinocularsIonIconsbinocularsLine AwesomebinocularsLucidebinocularsMaterial Design IconsbinocularsMyna UI IconsbinocularsPhosphorbinoculars-fillRemix Iconbinoculars-boldSolar
Use the binoculars icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M8.887 6.748c-.163 0-.337.016-.506.057c-.172.041-.582.165-.838.562l-.014.02l-.607 1.05c-.307.205-.534.46-.693.717l-.014.02l-2.572 4.65a4 4 0 0 0-.274.494l-.006.01A4 4 0 0 0 3 16a4 4 0 0 0 8 0v-1h2v1a4 4 0 1 0 7.635-1.67l-.004-.012a4 4 0 0 0-.274-.494l-2.572-4.65l-.014-.02a2.3 2.3 0 0 0-.693-.716l-.607-1.051l-.014-.02c-.256-.397-.667-.52-.838-.562a2.2 2.2 0 0 0-.664-.051a2 2 0 0 0-.68.156c-.184.081-.638.327-.754.889l-.007.037l-.14 1.1c-.22.283-.374.64-.374 1.064v1h-2v-1c0-.424-.154-.781-.373-1.064l-.14-1.1l-.008-.037c-.116-.562-.57-.808-.754-.889a2 2 0 0 0-.68-.156a2 2 0 0 0-.158-.006M7 14a2 2 0 1 1-1.838 1.209l.19-.342C5.712 14.344 6.316 14 7 14m10 0c.684 0 1.288.344 1.648.867l.19.342A2 2 0 1 1 17 14"/></svg>
React
import type { SVGProps } from "react";
export function TablerBinocularsFilled(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M8.887 6.748c-.163 0-.337.016-.506.057c-.172.041-.582.165-.838.562l-.014.02l-.607 1.05c-.307.205-.534.46-.693.717l-.014.02l-2.572 4.65a4 4 0 0 0-.274.494l-.006.01A4 4 0 0 0 3 16a4 4 0 0 0 8 0v-1h2v1a4 4 0 1 0 7.635-1.67l-.004-.012a4 4 0 0 0-.274-.494l-2.572-4.65l-.014-.02a2.3 2.3 0 0 0-.693-.716l-.607-1.051l-.014-.02c-.256-.397-.667-.52-.838-.562a2.2 2.2 0 0 0-.664-.051a2 2 0 0 0-.68.156c-.184.081-.638.327-.754.889l-.007.037l-.14 1.1c-.22.283-.374.64-.374 1.064v1h-2v-1c0-.424-.154-.781-.373-1.064l-.14-1.1l-.008-.037c-.116-.562-.57-.808-.754-.889a2 2 0 0 0-.68-.156a2 2 0 0 0-.158-.006M7 14a2 2 0 1 1-1.838 1.209l.19-.342C5.712 14.344 6.316 14 7 14m10 0c.684 0 1.288.344 1.648.867l.19.342A2 2 0 1 1 17 14"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M8.887 6.748c-.163 0-.337.016-.506.057c-.172.041-.582.165-.838.562l-.014.02l-.607 1.05c-.307.205-.534.46-.693.717l-.014.02l-2.572 4.65a4 4 0 0 0-.274.494l-.006.01A4 4 0 0 0 3 16a4 4 0 0 0 8 0v-1h2v1a4 4 0 1 0 7.635-1.67l-.004-.012a4 4 0 0 0-.274-.494l-2.572-4.65l-.014-.02a2.3 2.3 0 0 0-.693-.716l-.607-1.051l-.014-.02c-.256-.397-.667-.52-.838-.562a2.2 2.2 0 0 0-.664-.051a2 2 0 0 0-.68.156c-.184.081-.638.327-.754.889l-.007.037l-.14 1.1c-.22.283-.374.64-.374 1.064v1h-2v-1c0-.424-.154-.781-.373-1.064l-.14-1.1l-.008-.037c-.116-.562-.57-.808-.754-.889a2 2 0 0 0-.68-.156a2 2 0 0 0-.158-.006M7 14a2 2 0 1 1-1.838 1.209l.19-.342C5.712 14.344 6.316 14 7 14m10 0c.684 0 1.288.344 1.648.867l.19.342A2 2 0 1 1 17 14"/></svg> </template>
CSS
.icon-binoculars-filled {
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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M8.887%206.748c-.163%200-.337.016-.506.057c-.172.041-.582.165-.838.562l-.014.02l-.607%201.05c-.307.205-.534.46-.693.717l-.014.02l-2.572%204.65a4%204%200%200%200-.274.494l-.006.01A4%204%200%200%200%203%2016a4%204%200%200%200%208%200v-1h2v1a4%204%200%201%200%207.635-1.67l-.004-.012a4%204%200%200%200-.274-.494l-2.572-4.65l-.014-.02a2.3%202.3%200%200%200-.693-.716l-.607-1.051l-.014-.02c-.256-.397-.667-.52-.838-.562a2.2%202.2%200%200%200-.664-.051a2%202%200%200%200-.68.156c-.184.081-.638.327-.754.889l-.007.037l-.14%201.1c-.22.283-.374.64-.374%201.064v1h-2v-1c0-.424-.154-.781-.373-1.064l-.14-1.1l-.008-.037c-.116-.562-.57-.808-.754-.889a2%202%200%200%200-.68-.156a2%202%200%200%200-.158-.006M7%2014a2%202%200%201%201-1.838%201.209l.19-.342C5.712%2014.344%206.316%2014%207%2014m10%200c.684%200%201.288.344%201.648.867l.19.342A2%202%200%201%201%2017%2014%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M8.887%206.748c-.163%200-.337.016-.506.057c-.172.041-.582.165-.838.562l-.014.02l-.607%201.05c-.307.205-.534.46-.693.717l-.014.02l-2.572%204.65a4%204%200%200%200-.274.494l-.006.01A4%204%200%200%200%203%2016a4%204%200%200%200%208%200v-1h2v1a4%204%200%201%200%207.635-1.67l-.004-.012a4%204%200%200%200-.274-.494l-2.572-4.65l-.014-.02a2.3%202.3%200%200%200-.693-.716l-.607-1.051l-.014-.02c-.256-.397-.667-.52-.838-.562a2.2%202.2%200%200%200-.664-.051a2%202%200%200%200-.68.156c-.184.081-.638.327-.754.889l-.007.037l-.14%201.1c-.22.283-.374.64-.374%201.064v1h-2v-1c0-.424-.154-.781-.373-1.064l-.14-1.1l-.008-.037c-.116-.562-.57-.808-.754-.889a2%202%200%200%200-.68-.156a2%202%200%200%200-.158-.006M7%2014a2%202%200%201%201-1.838%201.209l.19-.342C5.712%2014.344%206.316%2014%207%2014m10%200c.684%200%201.288.344%201.648.867l.19.342A2%202%200%201%201%2017%2014%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/tabler/binoculars-filled.svg?color=%231a73e8&size=48
