bxs binoculars icon
bxs-binoculars from BoxIcons v2 by Boxicons · Regular · MIT Free for personal and commercial use.
- Name
- bxs-binoculars
- Set
- BoxIcons v2
- Style
- Regular
- Viewbox
- 24×24
- License
- MIT
Related icons in BoxIcons v2
bxs-add-to-queuebxs-adjustbxs-adjust-altbxs-alarmbxs-alarm-addbxs-alarm-exclamationbxs-alarm-offbxs-alarm-snoozebxs-albumbxs-ambulancebxs-analysebxs-angrybxs-archbxs-archivebxs-archive-inbxs-archive-outbxs-areabxs-arrow-from-bottombxs-arrow-from-leftbxs-arrow-from-rightbxs-arrow-from-topbxs-arrow-to-bottombxs-arrow-to-leftbxs-arrow-to-right
Use the bxs binoculars icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path d="M19.447 5.345A3.27 3.27 0 0 0 16.29 3a3.293 3.293 0 0 0-3.277 3h-2.025a3.297 3.297 0 0 0-3.284-3a3.268 3.268 0 0 0-3.151 2.345l-2.511 8.368A1.027 1.027 0 0 0 2 14v1a5.006 5.006 0 0 0 5.001 5a5.003 5.003 0 0 0 4.576-3h.846a5.003 5.003 0 0 0 4.576 3A5.006 5.006 0 0 0 22 14.999V14c0-.098-.015-.194-.042-.287l-2.511-8.368zM7.001 18A3.005 3.005 0 0 1 4 15c0-.076.017-.147.022-.222A2.995 2.995 0 0 1 7 12a3 3 0 0 1 3 3v.009A3.004 3.004 0 0 1 7.001 18zm9.998 0A3.004 3.004 0 0 1 14 15.009V15a3 3 0 0 1 6-.001A3.005 3.005 0 0 1 16.999 18z" fill="currentColor"/></svg>
React
import type { SVGProps } from "react";
export function BxBxsBinoculars(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path d="M19.447 5.345A3.27 3.27 0 0 0 16.29 3a3.293 3.293 0 0 0-3.277 3h-2.025a3.297 3.297 0 0 0-3.284-3a3.268 3.268 0 0 0-3.151 2.345l-2.511 8.368A1.027 1.027 0 0 0 2 14v1a5.006 5.006 0 0 0 5.001 5a5.003 5.003 0 0 0 4.576-3h.846a5.003 5.003 0 0 0 4.576 3A5.006 5.006 0 0 0 22 14.999V14c0-.098-.015-.194-.042-.287l-2.511-8.368zM7.001 18A3.005 3.005 0 0 1 4 15c0-.076.017-.147.022-.222A2.995 2.995 0 0 1 7 12a3 3 0 0 1 3 3v.009A3.004 3.004 0 0 1 7.001 18zm9.998 0A3.004 3.004 0 0 1 14 15.009V15a3 3 0 0 1 6-.001A3.005 3.005 0 0 1 16.999 18z" fill="currentColor"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path d="M19.447 5.345A3.27 3.27 0 0 0 16.29 3a3.293 3.293 0 0 0-3.277 3h-2.025a3.297 3.297 0 0 0-3.284-3a3.268 3.268 0 0 0-3.151 2.345l-2.511 8.368A1.027 1.027 0 0 0 2 14v1a5.006 5.006 0 0 0 5.001 5a5.003 5.003 0 0 0 4.576-3h.846a5.003 5.003 0 0 0 4.576 3A5.006 5.006 0 0 0 22 14.999V14c0-.098-.015-.194-.042-.287l-2.511-8.368zM7.001 18A3.005 3.005 0 0 1 4 15c0-.076.017-.147.022-.222A2.995 2.995 0 0 1 7 12a3 3 0 0 1 3 3v.009A3.004 3.004 0 0 1 7.001 18zm9.998 0A3.004 3.004 0 0 1 14 15.009V15a3 3 0 0 1 6-.001A3.005 3.005 0 0 1 16.999 18z" fill="currentColor"/></svg> </template>
CSS
.icon-bxs-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%2024%2024%22%3E%3Cpath%20d%3D%22M19.447%205.345A3.27%203.27%200%200%200%2016.29%203a3.293%203.293%200%200%200-3.277%203h-2.025a3.297%203.297%200%200%200-3.284-3a3.268%203.268%200%200%200-3.151%202.345l-2.511%208.368A1.027%201.027%200%200%200%202%2014v1a5.006%205.006%200%200%200%205.001%205a5.003%205.003%200%200%200%204.576-3h.846a5.003%205.003%200%200%200%204.576%203A5.006%205.006%200%200%200%2022%2014.999V14c0-.098-.015-.194-.042-.287l-2.511-8.368zM7.001%2018A3.005%203.005%200%200%201%204%2015c0-.076.017-.147.022-.222A2.995%202.995%200%200%201%207%2012a3%203%200%200%201%203%203v.009A3.004%203.004%200%200%201%207.001%2018zm9.998%200A3.004%203.004%200%200%201%2014%2015.009V15a3%203%200%200%201%206-.001A3.005%203.005%200%200%201%2016.999%2018z%22%20fill%3D%22currentColor%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%20d%3D%22M19.447%205.345A3.27%203.27%200%200%200%2016.29%203a3.293%203.293%200%200%200-3.277%203h-2.025a3.297%203.297%200%200%200-3.284-3a3.268%203.268%200%200%200-3.151%202.345l-2.511%208.368A1.027%201.027%200%200%200%202%2014v1a5.006%205.006%200%200%200%205.001%205a5.003%205.003%200%200%200%204.576-3h.846a5.003%205.003%200%200%200%204.576%203A5.006%205.006%200%200%200%2022%2014.999V14c0-.098-.015-.194-.042-.287l-2.511-8.368zM7.001%2018A3.005%203.005%200%200%201%204%2015c0-.076.017-.147.022-.222A2.995%202.995%200%200%201%207%2012a3%203%200%200%201%203%203v.009A3.004%203.004%200%200%201%207.001%2018zm9.998%200A3.004%203.004%200%200%201%2014%2015.009V15a3%203%200%200%201%206-.001A3.005%203.005%200%200%201%2016.999%2018z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/bx/bxs-binoculars.svg?color=%231a73e8&size=48
