virtual reality icon
virtual-reality-light from Phosphor by Phosphor Icons · Light · MIT Free for personal and commercial use.
- Name
- virtual-reality-light
- Set
- Phosphor
- Style
- Light
- Viewbox
- 256×256
- License
- MIT
5 other variants in Phosphor
The same icon in other sets
Use the virtual reality icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="m121.62 98.11l-24 64a6 6 0 0 1-11.24 0l-24-64a6 6 0 0 1 11.24-4.22l18.38 49l18.38-49a6 6 0 1 1 11.24 4.22M254 128a78.09 78.09 0 0 1-78 78H80a78 78 0 0 1 0-156h96a78.09 78.09 0 0 1 78 78m-12 0a66.08 66.08 0 0 0-66-66H80a66 66 0 0 0 0 132h96a66.08 66.08 0 0 0 66-66m-63.8 9.76l11 19.26a6 6 0 0 1-10.42 6l-12.07-21.12a27 27 0 0 1-2.71.1h-14v18a6 6 0 0 1-12 0V96a6 6 0 0 1 6-6h20a26 26 0 0 1 14.2 47.76M164 130a14 14 0 0 0 0-28h-14v28Z"/></svg>
React
import type { SVGProps } from "react";
export function PhVirtualRealityLight(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="m121.62 98.11l-24 64a6 6 0 0 1-11.24 0l-24-64a6 6 0 0 1 11.24-4.22l18.38 49l18.38-49a6 6 0 1 1 11.24 4.22M254 128a78.09 78.09 0 0 1-78 78H80a78 78 0 0 1 0-156h96a78.09 78.09 0 0 1 78 78m-12 0a66.08 66.08 0 0 0-66-66H80a66 66 0 0 0 0 132h96a66.08 66.08 0 0 0 66-66m-63.8 9.76l11 19.26a6 6 0 0 1-10.42 6l-12.07-21.12a27 27 0 0 1-2.71.1h-14v18a6 6 0 0 1-12 0V96a6 6 0 0 1 6-6h20a26 26 0 0 1 14.2 47.76M164 130a14 14 0 0 0 0-28h-14v28Z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="m121.62 98.11l-24 64a6 6 0 0 1-11.24 0l-24-64a6 6 0 0 1 11.24-4.22l18.38 49l18.38-49a6 6 0 1 1 11.24 4.22M254 128a78.09 78.09 0 0 1-78 78H80a78 78 0 0 1 0-156h96a78.09 78.09 0 0 1 78 78m-12 0a66.08 66.08 0 0 0-66-66H80a66 66 0 0 0 0 132h96a66.08 66.08 0 0 0 66-66m-63.8 9.76l11 19.26a6 6 0 0 1-10.42 6l-12.07-21.12a27 27 0 0 1-2.71.1h-14v18a6 6 0 0 1-12 0V96a6 6 0 0 1 6-6h20a26 26 0 0 1 14.2 47.76M164 130a14 14 0 0 0 0-28h-14v28Z"/></svg> </template>
CSS
.icon-virtual-reality-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%22m121.62%2098.11l-24%2064a6%206%200%200%201-11.24%200l-24-64a6%206%200%200%201%2011.24-4.22l18.38%2049l18.38-49a6%206%200%201%201%2011.24%204.22M254%20128a78.09%2078.09%200%200%201-78%2078H80a78%2078%200%200%201%200-156h96a78.09%2078.09%200%200%201%2078%2078m-12%200a66.08%2066.08%200%200%200-66-66H80a66%2066%200%200%200%200%20132h96a66.08%2066.08%200%200%200%2066-66m-63.8%209.76l11%2019.26a6%206%200%200%201-10.42%206l-12.07-21.12a27%2027%200%200%201-2.71.1h-14v18a6%206%200%200%201-12%200V96a6%206%200%200%201%206-6h20a26%2026%200%200%201%2014.2%2047.76M164%20130a14%2014%200%200%200%200-28h-14v28Z%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%22m121.62%2098.11l-24%2064a6%206%200%200%201-11.24%200l-24-64a6%206%200%200%201%2011.24-4.22l18.38%2049l18.38-49a6%206%200%201%201%2011.24%204.22M254%20128a78.09%2078.09%200%200%201-78%2078H80a78%2078%200%200%201%200-156h96a78.09%2078.09%200%200%201%2078%2078m-12%200a66.08%2066.08%200%200%200-66-66H80a66%2066%200%200%200%200%20132h96a66.08%2066.08%200%200%200%2066-66m-63.8%209.76l11%2019.26a6%206%200%200%201-10.42%206l-12.07-21.12a27%2027%200%200%201-2.71.1h-14v18a6%206%200%200%201-12%200V96a6%206%200%200%201%206-6h20a26%2026%200%200%201%2014.2%2047.76M164%20130a14%2014%200%200%200%200-28h-14v28Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/virtual-reality-light.svg?color=%231a73e8&size=48
