visor icon
visor-light from Phosphor by Phosphor Icons · Light · MIT Free for personal and commercial use.
- Name
- visor-light
- Set
- Phosphor
- Style
- Light
- Viewbox
- 256×256
- License
- MIT
5 other variants in Phosphor
Use the visor icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M183.05 58H72a70 70 0 0 0-69.92 73.3C3.72 167 33 196.24 68.62 197.92c15.31.71 31-5.77 48-19.84a17.89 17.89 0 0 1 22.8 0C149.75 186.66 165.6 198 184 198a70 70 0 0 0 70-70.93C253.5 89 221.67 58 183.05 58m42.23 110.74A57.57 57.57 0 0 1 184 186c-14.53 0-28-9.77-36.93-17.13a29.9 29.9 0 0 0-38.09 0c-14.58 12.09-27.6 17.67-39.78 17.1a58.36 58.36 0 0 1-55.12-55.18A58 58 0 0 1 72 70h111.05c32.09 0 58.54 25.67 58.95 57.23a57.62 57.62 0 0 1-16.72 41.51M182 96a6 6 0 0 1-6 6H80a6 6 0 0 1 0-12h96a6 6 0 0 1 6 6"/></svg>
React
import type { SVGProps } from "react";
export function PhVisorLight(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M183.05 58H72a70 70 0 0 0-69.92 73.3C3.72 167 33 196.24 68.62 197.92c15.31.71 31-5.77 48-19.84a17.89 17.89 0 0 1 22.8 0C149.75 186.66 165.6 198 184 198a70 70 0 0 0 70-70.93C253.5 89 221.67 58 183.05 58m42.23 110.74A57.57 57.57 0 0 1 184 186c-14.53 0-28-9.77-36.93-17.13a29.9 29.9 0 0 0-38.09 0c-14.58 12.09-27.6 17.67-39.78 17.1a58.36 58.36 0 0 1-55.12-55.18A58 58 0 0 1 72 70h111.05c32.09 0 58.54 25.67 58.95 57.23a57.62 57.62 0 0 1-16.72 41.51M182 96a6 6 0 0 1-6 6H80a6 6 0 0 1 0-12h96a6 6 0 0 1 6 6"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M183.05 58H72a70 70 0 0 0-69.92 73.3C3.72 167 33 196.24 68.62 197.92c15.31.71 31-5.77 48-19.84a17.89 17.89 0 0 1 22.8 0C149.75 186.66 165.6 198 184 198a70 70 0 0 0 70-70.93C253.5 89 221.67 58 183.05 58m42.23 110.74A57.57 57.57 0 0 1 184 186c-14.53 0-28-9.77-36.93-17.13a29.9 29.9 0 0 0-38.09 0c-14.58 12.09-27.6 17.67-39.78 17.1a58.36 58.36 0 0 1-55.12-55.18A58 58 0 0 1 72 70h111.05c32.09 0 58.54 25.67 58.95 57.23a57.62 57.62 0 0 1-16.72 41.51M182 96a6 6 0 0 1-6 6H80a6 6 0 0 1 0-12h96a6 6 0 0 1 6 6"/></svg> </template>
CSS
.icon-visor-light {
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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M183.05%2058H72a70%2070%200%200%200-69.92%2073.3C3.72%20167%2033%20196.24%2068.62%20197.92c15.31.71%2031-5.77%2048-19.84a17.89%2017.89%200%200%201%2022.8%200C149.75%20186.66%20165.6%20198%20184%20198a70%2070%200%200%200%2070-70.93C253.5%2089%20221.67%2058%20183.05%2058m42.23%20110.74A57.57%2057.57%200%200%201%20184%20186c-14.53%200-28-9.77-36.93-17.13a29.9%2029.9%200%200%200-38.09%200c-14.58%2012.09-27.6%2017.67-39.78%2017.1a58.36%2058.36%200%200%201-55.12-55.18A58%2058%200%200%201%2072%2070h111.05c32.09%200%2058.54%2025.67%2058.95%2057.23a57.62%2057.62%200%200%201-16.72%2041.51M182%2096a6%206%200%200%201-6%206H80a6%206%200%200%201%200-12h96a6%206%200%200%201%206%206%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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M183.05%2058H72a70%2070%200%200%200-69.92%2073.3C3.72%20167%2033%20196.24%2068.62%20197.92c15.31.71%2031-5.77%2048-19.84a17.89%2017.89%200%200%201%2022.8%200C149.75%20186.66%20165.6%20198%20184%20198a70%2070%200%200%200%2070-70.93C253.5%2089%20221.67%2058%20183.05%2058m42.23%20110.74A57.57%2057.57%200%200%201%20184%20186c-14.53%200-28-9.77-36.93-17.13a29.9%2029.9%200%200%200-38.09%200c-14.58%2012.09-27.6%2017.67-39.78%2017.1a58.36%2058.36%200%200%201-55.12-55.18A58%2058%200%200%201%2072%2070h111.05c32.09%200%2058.54%2025.67%2058.95%2057.23a57.62%2057.62%200%200%201-16.72%2041.51M182%2096a6%206%200%200%201-6%206H80a6%206%200%200%201%200-12h96a6%206%200%200%201%206%206%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/visor-light.svg?color=%231a73e8&size=48
