Vr Glasses icon
icon-park:vr-glasses
The Vr Glasses icon (icon-park:vr-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
- vrglasses, glass
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round" stroke-width="4" clip-rule="evenodd"><path fill="#2F88FF" stroke="#000" d="M2 12H46V36H30L24 30L18 36H2V12Z"/><path fill="#43CCF8" stroke="#fff" d="M13 28C15.2091 28 17 26.2091 17 24C17 21.7909 15.2091 20 13 20C10.7909 20 9 21.7909 9 24C9 26.2091 10.7909 28 13 28Z"/><path fill="#43CCF8" stroke="#fff" d="M35 28C37.2091 28 39 26.2091 39 24C39 21.7909 37.2091 20 35 20C32.7909 20 31 21.7909 31 24C31 26.2091 32.7909 28 35 28Z"/></g></svg>How to use the Vr Glasses icon
React
import { Icon } from "@iconify/react";
<Icon icon="icon-park:vr-glasses" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icon-park:vr-glasses" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icon-park:vr-glasses" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park--vr-glasses]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icon-park -->
<div class="i-icon-park:vr-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:vr-glasses"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/icon-park/vr-glasses.svg" alt="Vr Glasses icon" width="24" height="24">Vr Glasses icon in other icon sets
Vr Glasses icon FAQ
Is the Vr 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 Vr Glasses icon in React?
Install @iconify/react and render <Icon icon="icon-park:vr-glasses" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Vr Glasses icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/icon-park/vr-glasses.svg" alt="Vr Glasses icon">, or paste the SVG code inline to style it with CSS.