goggles icon
goggles-line from Remix Icon by Remix Design · Line · Others · Apache-2.0 Free for personal and commercial use.
- Name
- goggles-line
- Set
- Remix Icon
- Style
- Line
- Category
- Others
- Viewbox
- 24×24
- License
- Apache 2.0
1 other variant in Remix Icon
The same icon in other sets
More others icons from Remix Icon
accessibility-fillai-generate-3d-fillarmchair-fillbell-fillbinoculars-fillbook-shelf-fillbox-1-fillbox-2-fillbox-3-fillcactus-fillcandle-fillcharacter-recognition-fillcross-filldoor-closed-filldoor-filldoor-lock-box-filldoor-lock-filldoor-open-fillflower-fillfridge-fillglasses-2-fillglasses-fillgraduation-cap-fillhandbag-fill
Use the goggles icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M3.718 10.147C3.285 10.7 3 11.446 3 12.5c0 1.015.37 2.052.964 2.822C4.56 16.095 5.294 16.5 6 16.5c.762 0 1.514-.434 2.538-1.092C9.588 14.735 10.706 14 12 14s2.413.735 3.462 1.408c1.024.658 1.776 1.092 2.538 1.092c.706 0 1.44-.405 2.036-1.178c.593-.77.964-1.807.964-2.822c0-1.054-.285-1.8-.718-2.353c-.443-.567-1.1-1.008-1.956-1.34C16.582 8.133 14.252 8 12 8s-4.58.132-6.327.808c-.856.331-1.512.772-1.955 1.339m1.234-3.205C7.08 6.118 9.75 6 12 6s4.92.118 7.049.942c1.08.419 2.08 1.04 2.81 1.974C22.596 9.862 23 11.054 23 12.5c0 1.47-.525 2.933-1.38 4.042c-.85 1.105-2.116 1.958-3.62 1.958c-1.425 0-2.656-.79-3.575-1.38C13.72 16.667 12.883 16 12 16s-1.72.667-2.425 1.12c-.919.59-2.15 1.38-3.575 1.38c-1.503 0-2.769-.852-3.62-1.958A6.74 6.74 0 0 1 1 12.5c0-1.446.402-2.638 1.142-3.584c.729-.933 1.728-1.555 2.81-1.974"/></svg>
React
import type { SVGProps } from "react";
export function RiGogglesLine(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="M3.718 10.147C3.285 10.7 3 11.446 3 12.5c0 1.015.37 2.052.964 2.822C4.56 16.095 5.294 16.5 6 16.5c.762 0 1.514-.434 2.538-1.092C9.588 14.735 10.706 14 12 14s2.413.735 3.462 1.408c1.024.658 1.776 1.092 2.538 1.092c.706 0 1.44-.405 2.036-1.178c.593-.77.964-1.807.964-2.822c0-1.054-.285-1.8-.718-2.353c-.443-.567-1.1-1.008-1.956-1.34C16.582 8.133 14.252 8 12 8s-4.58.132-6.327.808c-.856.331-1.512.772-1.955 1.339m1.234-3.205C7.08 6.118 9.75 6 12 6s4.92.118 7.049.942c1.08.419 2.08 1.04 2.81 1.974C22.596 9.862 23 11.054 23 12.5c0 1.47-.525 2.933-1.38 4.042c-.85 1.105-2.116 1.958-3.62 1.958c-1.425 0-2.656-.79-3.575-1.38C13.72 16.667 12.883 16 12 16s-1.72.667-2.425 1.12c-.919.59-2.15 1.38-3.575 1.38c-1.503 0-2.769-.852-3.62-1.958A6.74 6.74 0 0 1 1 12.5c0-1.446.402-2.638 1.142-3.584c.729-.933 1.728-1.555 2.81-1.974"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M3.718 10.147C3.285 10.7 3 11.446 3 12.5c0 1.015.37 2.052.964 2.822C4.56 16.095 5.294 16.5 6 16.5c.762 0 1.514-.434 2.538-1.092C9.588 14.735 10.706 14 12 14s2.413.735 3.462 1.408c1.024.658 1.776 1.092 2.538 1.092c.706 0 1.44-.405 2.036-1.178c.593-.77.964-1.807.964-2.822c0-1.054-.285-1.8-.718-2.353c-.443-.567-1.1-1.008-1.956-1.34C16.582 8.133 14.252 8 12 8s-4.58.132-6.327.808c-.856.331-1.512.772-1.955 1.339m1.234-3.205C7.08 6.118 9.75 6 12 6s4.92.118 7.049.942c1.08.419 2.08 1.04 2.81 1.974C22.596 9.862 23 11.054 23 12.5c0 1.47-.525 2.933-1.38 4.042c-.85 1.105-2.116 1.958-3.62 1.958c-1.425 0-2.656-.79-3.575-1.38C13.72 16.667 12.883 16 12 16s-1.72.667-2.425 1.12c-.919.59-2.15 1.38-3.575 1.38c-1.503 0-2.769-.852-3.62-1.958A6.74 6.74 0 0 1 1 12.5c0-1.446.402-2.638 1.142-3.584c.729-.933 1.728-1.555 2.81-1.974"/></svg> </template>
CSS
.icon-goggles-line {
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%22M3.718%2010.147C3.285%2010.7%203%2011.446%203%2012.5c0%201.015.37%202.052.964%202.822C4.56%2016.095%205.294%2016.5%206%2016.5c.762%200%201.514-.434%202.538-1.092C9.588%2014.735%2010.706%2014%2012%2014s2.413.735%203.462%201.408c1.024.658%201.776%201.092%202.538%201.092c.706%200%201.44-.405%202.036-1.178c.593-.77.964-1.807.964-2.822c0-1.054-.285-1.8-.718-2.353c-.443-.567-1.1-1.008-1.956-1.34C16.582%208.133%2014.252%208%2012%208s-4.58.132-6.327.808c-.856.331-1.512.772-1.955%201.339m1.234-3.205C7.08%206.118%209.75%206%2012%206s4.92.118%207.049.942c1.08.419%202.08%201.04%202.81%201.974C22.596%209.862%2023%2011.054%2023%2012.5c0%201.47-.525%202.933-1.38%204.042c-.85%201.105-2.116%201.958-3.62%201.958c-1.425%200-2.656-.79-3.575-1.38C13.72%2016.667%2012.883%2016%2012%2016s-1.72.667-2.425%201.12c-.919.59-2.15%201.38-3.575%201.38c-1.503%200-2.769-.852-3.62-1.958A6.74%206.74%200%200%201%201%2012.5c0-1.446.402-2.638%201.142-3.584c.729-.933%201.728-1.555%202.81-1.974%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%22M3.718%2010.147C3.285%2010.7%203%2011.446%203%2012.5c0%201.015.37%202.052.964%202.822C4.56%2016.095%205.294%2016.5%206%2016.5c.762%200%201.514-.434%202.538-1.092C9.588%2014.735%2010.706%2014%2012%2014s2.413.735%203.462%201.408c1.024.658%201.776%201.092%202.538%201.092c.706%200%201.44-.405%202.036-1.178c.593-.77.964-1.807.964-2.822c0-1.054-.285-1.8-.718-2.353c-.443-.567-1.1-1.008-1.956-1.34C16.582%208.133%2014.252%208%2012%208s-4.58.132-6.327.808c-.856.331-1.512.772-1.955%201.339m1.234-3.205C7.08%206.118%209.75%206%2012%206s4.92.118%207.049.942c1.08.419%202.08%201.04%202.81%201.974C22.596%209.862%2023%2011.054%2023%2012.5c0%201.47-.525%202.933-1.38%204.042c-.85%201.105-2.116%201.958-3.62%201.958c-1.425%200-2.656-.79-3.575-1.38C13.72%2016.667%2012.883%2016%2012%2016s-1.72.667-2.425%201.12c-.919.59-2.15%201.38-3.575%201.38c-1.503%200-2.769-.852-3.62-1.958A6.74%206.74%200%200%201%201%2012.5c0-1.446.402-2.638%201.142-3.584c.729-.933%201.728-1.555%202.81-1.974%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ri/goggles-line.svg?color=%231a73e8&size=48
