visor icon

visor-bold from Phosphor by Phosphor Icons · Bold · MIT Free for personal and commercial use.

Name: visor-bold
Set: Phosphor
Style: Bold
Viewbox: 256×256
License: MIT

5 other variants in Phosphor

visor visor-duotone visor-fill visor-light visor-thin

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="M188 104a12 12 0 0 1-12 12H80a12 12 0 0 1 0-24h96a12 12 0 0 1 12 12m67.91 27.63A76.29 76.29 0 0 1 182.43 204h-1.69c-14.44 0-29.37-5.78-45.58-17.64a12.08 12.08 0 0 0-14.32 0C104 198.68 88.56 204.44 73.57 204A76.29 76.29 0 0 1 .09 131.63A76 76 0 0 1 76 52h104a76 76 0 0 1 75.91 79.63M217.62 92.1A51.56 51.56 0 0 0 180 76H76a52 52 0 0 0-51.94 54.51A52.19 52.19 0 0 0 74.32 180c9.42.29 20-4 32.35-13a36 36 0 0 1 42.66 0c12.36 9 22.91 13.29 32.35 13a52.19 52.19 0 0 0 50.26-49.48a51.63 51.63 0 0 0-14.32-38.42"/></svg>

React

import type { SVGProps } from "react";

export function PhVisorBold(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="M188 104a12 12 0 0 1-12 12H80a12 12 0 0 1 0-24h96a12 12 0 0 1 12 12m67.91 27.63A76.29 76.29 0 0 1 182.43 204h-1.69c-14.44 0-29.37-5.78-45.58-17.64a12.08 12.08 0 0 0-14.32 0C104 198.68 88.56 204.44 73.57 204A76.29 76.29 0 0 1 .09 131.63A76 76 0 0 1 76 52h104a76 76 0 0 1 75.91 79.63M217.62 92.1A51.56 51.56 0 0 0 180 76H76a52 52 0 0 0-51.94 54.51A52.19 52.19 0 0 0 74.32 180c9.42.29 20-4 32.35-13a36 36 0 0 1 42.66 0c12.36 9 22.91 13.29 32.35 13a52.19 52.19 0 0 0 50.26-49.48a51.63 51.63 0 0 0-14.32-38.42"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M188 104a12 12 0 0 1-12 12H80a12 12 0 0 1 0-24h96a12 12 0 0 1 12 12m67.91 27.63A76.29 76.29 0 0 1 182.43 204h-1.69c-14.44 0-29.37-5.78-45.58-17.64a12.08 12.08 0 0 0-14.32 0C104 198.68 88.56 204.44 73.57 204A76.29 76.29 0 0 1 .09 131.63A76 76 0 0 1 76 52h104a76 76 0 0 1 75.91 79.63M217.62 92.1A51.56 51.56 0 0 0 180 76H76a52 52 0 0 0-51.94 54.51A52.19 52.19 0 0 0 74.32 180c9.42.29 20-4 32.35-13a36 36 0 0 1 42.66 0c12.36 9 22.91 13.29 32.35 13a52.19 52.19 0 0 0 50.26-49.48a51.63 51.63 0 0 0-14.32-38.42"/></svg>
</template>

CSS

.icon-visor-bold {
  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%22M188%20104a12%2012%200%200%201-12%2012H80a12%2012%200%200%201%200-24h96a12%2012%200%200%201%2012%2012m67.91%2027.63A76.29%2076.29%200%200%201%20182.43%20204h-1.69c-14.44%200-29.37-5.78-45.58-17.64a12.08%2012.08%200%200%200-14.32%200C104%20198.68%2088.56%20204.44%2073.57%20204A76.29%2076.29%200%200%201%20.09%20131.63A76%2076%200%200%201%2076%2052h104a76%2076%200%200%201%2075.91%2079.63M217.62%2092.1A51.56%2051.56%200%200%200%20180%2076H76a52%2052%200%200%200-51.94%2054.51A52.19%2052.19%200%200%200%2074.32%20180c9.42.29%2020-4%2032.35-13a36%2036%200%200%201%2042.66%200c12.36%209%2022.91%2013.29%2032.35%2013a52.19%2052.19%200%200%200%2050.26-49.48a51.63%2051.63%200%200%200-14.32-38.42%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%22M188%20104a12%2012%200%200%201-12%2012H80a12%2012%200%200%201%200-24h96a12%2012%200%200%201%2012%2012m67.91%2027.63A76.29%2076.29%200%200%201%20182.43%20204h-1.69c-14.44%200-29.37-5.78-45.58-17.64a12.08%2012.08%200%200%200-14.32%200C104%20198.68%2088.56%20204.44%2073.57%20204A76.29%2076.29%200%200%201%20.09%20131.63A76%2076%200%200%201%2076%2052h104a76%2076%200%200%201%2075.91%2079.63M217.62%2092.1A51.56%2051.56%200%200%200%20180%2076H76a52%2052%200%200%200-51.94%2054.51A52.19%2052.19%200%200%200%2074.32%20180c9.42.29%2020-4%2032.35-13a36%2036%200%200%201%2042.66%200c12.36%209%2022.91%2013.29%2032.35%2013a52.19%2052.19%200%200%200%2050.26-49.48a51.63%2051.63%200%200%200-14.32-38.42%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/visor-bold.svg?color=%231a73e8&size=48