Vr icon

codicon:vr

The Vr icon (codicon:vr) is a free SVG icon from the Codicons set by Microsoft Corporation. It is drawn on a 24 × 24 grid. Codicons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: Codicons
Author: Microsoft Corporation
License: CC-BY-4.0
Size: 24 × 24

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M6.5 7.5A.5.5 0 0 1 6 8H4a.5.5 0 0 1 0-1h2a.5.5 0 0 1 .5.5M12 7h-2a.5.5 0 0 0 0 1h2a.5.5 0 0 0 0-1m4-.5v2a.5.5 0 0 1-.5.5H15v1.295A2.71 2.71 0 0 1 12.295 13h-1.59a2.67 2.67 0 0 1-2.278-1.273c-.174-.279-.68-.279-.854 0A2.67 2.67 0 0 1 5.295 13h-1.59A2.71 2.71 0 0 1 1 10.295V9H.5a.5.5 0 0 1-.5-.5v-2A.5.5 0 0 1 .5 6H1v-.295A2.71 2.71 0 0 1 3.705 3H6v-.5a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 .5.5V3h2.295A2.71 2.71 0 0 1 15 5.705V6h.5a.5.5 0 0 1 .5.5m-2-.795C14 4.765 13.235 4 12.295 4h-8.59C2.765 4 2 4.765 2 5.705v4.59C2 11.235 2.765 12 3.705 12h1.59c.583 0 1.117-.299 1.429-.801A1.51 1.51 0 0 1 8 10.5c.519 0 1.009.268 1.276.699c.312.501.846.801 1.429.801h1.59c.94 0 1.705-.765 1.705-1.705z"/></svg>

How to use the Vr icon

React

import { Icon } from "@iconify/react";

<Icon icon="codicon:vr" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="codicon:vr" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="codicon:vr" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[codicon--vr]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/codicon -->
<div class="i-codicon:vr"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="codicon:vr"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/codicon/vr.svg" alt="Vr icon" width="24" height="24">

Vr icon in other icon sets

Vr icon FAQ

Is the Vr icon free for commercial use?

Yes. Codicons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author.

How do I use the Vr icon in React?

Install @iconify/react and render <Icon icon="codicon:vr" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Vr icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/codicon/vr.svg" alt="Vr icon">, or paste the SVG code inline to style it with CSS.

Browse all Codicons →