Virtual Reality Glasses icon
icon-park:virtual-reality-glasses
The Virtual Reality Glasses icon (icon-park:virtual-reality-glasses) is a free SVG icon from the IconPark set by ByteDance. It is drawn on a 48 × 48 grid. IconPark icons are released under the Apache 2.0 license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- IconPark
- Author
- ByteDance
- License
- Apache-2.0
- Size
- 48 × 48
- Category
- Hardware
- Tags
- virtualreality, realityglasses, virtualrealityglasses, glass
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none"><path fill="#2F88FF" stroke="#000" stroke-linejoin="round" stroke-width="4" d="M5 16H43C43.5523 16 44 16.4477 44 17V39C44 39.5523 43.5523 40 43 40H30L24.0083 34.0013L18 40H5C4.44772 40 4 39.5523 4 39V17C4 16.4477 4.44772 16 5 16Z"/><path fill="#43CCF8" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="4" d="M14 32C16.2091 32 18 30.2091 18 28C18 25.7909 16.2091 24 14 24C11.7909 24 10 25.7909 10 28C10 30.2091 11.7909 32 14 32Z"/><path fill="#43CCF8" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="4" d="M34 32C36.2091 32 38 30.2091 38 28C38 25.7909 36.2091 24 34 24C31.7909 24 30 25.7909 30 28C30 30.2091 31.7909 32 34 32Z"/><path fill="#2F88FF" fill-rule="evenodd" d="M6 10H42H6Z" clip-rule="evenodd"/><path stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="4" d="M6 10H42"/></g></svg>How to use the Virtual Reality Glasses icon
React
import { Icon } from "@iconify/react";
<Icon icon="icon-park:virtual-reality-glasses" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icon-park:virtual-reality-glasses" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icon-park:virtual-reality-glasses" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park--virtual-reality-glasses]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icon-park -->
<div class="i-icon-park:virtual-reality-glasses"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="icon-park:virtual-reality-glasses"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/icon-park/virtual-reality-glasses.svg" alt="Virtual Reality Glasses icon" width="24" height="24">Virtual Reality Glasses icon in other icon sets
Virtual Reality Glasses icon FAQ
Is the Virtual Reality Glasses icon free for commercial use?
Yes. IconPark icons are released under the Apache 2.0 license, which allows use in personal and commercial projects.
How do I use the Virtual Reality Glasses icon in React?
Install @iconify/react and render <Icon icon="icon-park:virtual-reality-glasses" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Virtual Reality Glasses icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/icon-park/virtual-reality-glasses.svg" alt="Virtual Reality Glasses icon">, or paste the SVG code inline to style it with CSS.