Vr Goggles アイコン
boxicons:vr-goggles
Vr Goggles アイコン(boxicons:vr-goggles)は、Boxicons セットの無料 SVG アイコンです。 24 × 24 のグリッドで描かれています。 Boxicons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M17 6H7c-2.76 0-5 2.24-5 5v2.09C2 15.8 4.2 18 6.91 18c1.65 0 3.17-.82 4.08-2.19l.29-.43c.32-.48 1.12-.48 1.45 0l.29.43A4.9 4.9 0 0 0 17.1 18c2.71 0 4.91-2.2 4.91-4.91V11c0-2.76-2.24-5-5-5Zm3 7.09a2.913 2.913 0 0 1-5.33 1.62l-.29-.43c-.53-.8-1.43-1.28-2.39-1.28s-1.85.48-2.39 1.28l-.29.43a2.913 2.913 0 0 1-5.33-1.62V11c0-1.65 1.35-3 3-3h10c1.65 0 3 1.35 3 3v2.09Z"/></svg>Vr Goggles アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="boxicons:vr-goggles" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="boxicons:vr-goggles" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="boxicons:vr-goggles" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[boxicons--vr-goggles]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/boxicons -->
<div class="i-boxicons:vr-goggles"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="boxicons:vr-goggles"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/boxicons/vr-goggles.svg" alt="Vr Goggles アイコン" width="24" height="24">Boxicons の関連アイコン
Vr Goggles アイコン のよくある質問
Vr Goggles アイコンは商用利用でも無料ですか?
はい。Boxicons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Vr Goggles アイコンを使うには?
@iconify/react をインストールして <Icon icon="boxicons:vr-goggles" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Vr Goggles アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/boxicons/vr-goggles.svg" alt="Vr Goggles アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。