hat glasses icon
hat-glasses from Huge Icons by Hugeicons · Stroke · MIT Free for personal and commercial use.
- Name
- hat-glasses
- Set
- Huge Icons
- Style
- Stroke
- Viewbox
- 24×24
- License
- MIT
The same icon in other sets
Use the hat glasses icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="1.5"><path stroke-linejoin="round" d="m2 11l.1.05a9 9 0 0 0 4.025.95h11.75a9 9 0 0 0 4.025-.95L22 11"/><path stroke-linejoin="round" d="m4.5 11.75l1.456-5.724c.28-1.102.42-1.653.68-1.993a1.97 1.97 0 0 1 1.96-.743c.411.085.862.412 1.765 1.065c.472.342.708.514.956.607c.441.166.925.166 1.366 0c.248-.093.484-.265.957-.607c.902-.653 1.353-.98 1.764-1.065a1.97 1.97 0 0 1 1.96.743c.26.34.4.891.68 1.993L19.5 11.75m-2.5 9a3 3 0 1 0 0-6a3 3 0 0 0 0 6m-10 0a3 3 0 1 0 0-6a3 3 0 0 0 0 6"/><path d="M10 17.75h4m-12 0h2m16 0h2M5.5 9h12.996"/></g></svg>
React
import type { SVGProps } from "react";
export function HugeiconsHatGlasses(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" strokeLinecap="round" strokeWidth="1.5"><path strokeLinejoin="round" d="m2 11l.1.05a9 9 0 0 0 4.025.95h11.75a9 9 0 0 0 4.025-.95L22 11"/><path strokeLinejoin="round" d="m4.5 11.75l1.456-5.724c.28-1.102.42-1.653.68-1.993a1.97 1.97 0 0 1 1.96-.743c.411.085.862.412 1.765 1.065c.472.342.708.514.956.607c.441.166.925.166 1.366 0c.248-.093.484-.265.957-.607c.902-.653 1.353-.98 1.764-1.065a1.97 1.97 0 0 1 1.96.743c.26.34.4.891.68 1.993L19.5 11.75m-2.5 9a3 3 0 1 0 0-6a3 3 0 0 0 0 6m-10 0a3 3 0 1 0 0-6a3 3 0 0 0 0 6"/><path d="M10 17.75h4m-12 0h2m16 0h2M5.5 9h12.996"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="1.5"><path stroke-linejoin="round" d="m2 11l.1.05a9 9 0 0 0 4.025.95h11.75a9 9 0 0 0 4.025-.95L22 11"/><path stroke-linejoin="round" d="m4.5 11.75l1.456-5.724c.28-1.102.42-1.653.68-1.993a1.97 1.97 0 0 1 1.96-.743c.411.085.862.412 1.765 1.065c.472.342.708.514.956.607c.441.166.925.166 1.366 0c.248-.093.484-.265.957-.607c.902-.653 1.353-.98 1.764-1.065a1.97 1.97 0 0 1 1.96.743c.26.34.4.891.68 1.993L19.5 11.75m-2.5 9a3 3 0 1 0 0-6a3 3 0 0 0 0 6m-10 0a3 3 0 1 0 0-6a3 3 0 0 0 0 6"/><path d="M10 17.75h4m-12 0h2m16 0h2M5.5 9h12.996"/></g></svg> </template>
CSS
.icon-hat-glasses {
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%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.5%22%3E%3Cpath%20stroke-linejoin%3D%22round%22%20d%3D%22m2%2011l.1.05a9%209%200%200%200%204.025.95h11.75a9%209%200%200%200%204.025-.95L22%2011%22%2F%3E%3Cpath%20stroke-linejoin%3D%22round%22%20d%3D%22m4.5%2011.75l1.456-5.724c.28-1.102.42-1.653.68-1.993a1.97%201.97%200%200%201%201.96-.743c.411.085.862.412%201.765%201.065c.472.342.708.514.956.607c.441.166.925.166%201.366%200c.248-.093.484-.265.957-.607c.902-.653%201.353-.98%201.764-1.065a1.97%201.97%200%200%201%201.96.743c.26.34.4.891.68%201.993L19.5%2011.75m-2.5%209a3%203%200%201%200%200-6a3%203%200%200%200%200%206m-10%200a3%203%200%201%200%200-6a3%203%200%200%200%200%206%22%2F%3E%3Cpath%20d%3D%22M10%2017.75h4m-12%200h2m16%200h2M5.5%209h12.996%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%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.5%22%3E%3Cpath%20stroke-linejoin%3D%22round%22%20d%3D%22m2%2011l.1.05a9%209%200%200%200%204.025.95h11.75a9%209%200%200%200%204.025-.95L22%2011%22%2F%3E%3Cpath%20stroke-linejoin%3D%22round%22%20d%3D%22m4.5%2011.75l1.456-5.724c.28-1.102.42-1.653.68-1.993a1.97%201.97%200%200%201%201.96-.743c.411.085.862.412%201.765%201.065c.472.342.708.514.956.607c.441.166.925.166%201.366%200c.248-.093.484-.265.957-.607c.902-.653%201.353-.98%201.764-1.065a1.97%201.97%200%200%201%201.96.743c.26.34.4.891.68%201.993L19.5%2011.75m-2.5%209a3%203%200%201%200%200-6a3%203%200%200%200%200%206m-10%200a3%203%200%201%200%200-6a3%203%200%200%200%200%206%22%2F%3E%3Cpath%20d%3D%22M10%2017.75h4m-12%200h2m16%200h2M5.5%209h12.996%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/hugeicons/hat-glasses.svg?color=%231a73e8&size=48
