Vrchat アイコン
simple-icons:vrchat
Vrchat アイコン(simple-icons:vrchat)は、Simple Icons セットの無料 SVG アイコンです（作者: Simple Icons Collaborators）。 24 × 24 のグリッドで描かれています。 Simple Icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Simple Icons
- 作者
- Simple Icons Collaborators
- ライセンス
- CC0-1.0
- サイズ
- 24 × 24
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M22.732 6.767H1.268A1.27 1.27 0 0 0 0 8.035v5.296c0 .7.57 1.268 1.268 1.268h18.594l1.725 2.22q.324.414.68.415c.153 0 .296-.06.403-.167q.193-.194.193-.536l-.002-1.939A1.27 1.27 0 0 0 24 13.331V8.035c0-.7-.569-1.269-1.268-1.269Zm.8 6.564a.8.8 0 0 1-.8.801h-.34v.031l.004 2.371c0 .155-.05.233-.129.233s-.19-.079-.31-.235l-1.866-2.4H1.268a.8.8 0 0 1-.8-.8V8.064a.8.8 0 0 1 .8-.8h21.464a.8.8 0 0 1 .8.8zM4.444 8.573c-.127 0-.225.041-.254.15l-.877 3.129l-.883-3.128c-.03-.11-.127-.15-.254-.15c-.202 0-.473.126-.473.311c0 .012.005.035.011.058l1.114 3.63c.058.173.265.254.485.254s.433-.08.484-.254l1.109-3.63q.01-.033.011-.058c0-.179-.27-.312-.473-.312m2.925 2.36c.433-.132.757-.49.757-1.153c0-.918-.612-1.207-1.368-1.207H5.614a.234.234 0 0 0-.242.231v3.752c0 .156.184.237.374.237s.376-.081.376-.237V11.05h.484l.82 1.593c.058.115.156.179.26.179c.219 0 .467-.203.467-.393a.16.16 0 0 0-.028-.092zm-.61-.473h-.636V9.231h.635c.375 0 .618.162.618.618s-.242.612-.618.612Zm10.056.826h1.004l-.502-1.772zm4.684-3.095H9.366a.8.8 0 0 0-.8.8v3.383a.8.8 0 0 0 .8.8h12.132a.8.8 0 0 0 .8-.8V8.992a.8.8 0 0 0-.8-.801Zm-10.946 3.977c.525 0 .571-.374.589-.617c.011-.179.173-.236.369-.236c.26 0 .38.075.38.369c0 .698-.57 1.142-1.379 1.142c-.727 0-1.327-.357-1.327-1.322v-1.61c0-.963.606-1.322 1.333-1.322c.802 0 1.374.427 1.374 1.097c0 .3-.121.37-.375.37c-.214 0-.37-.064-.375-.238c-.012-.178-.052-.57-.6-.57c-.387 0-.606.213-.606.663v1.61c0 .45.219.664.617.664m4.703.388c0 .156-.19.237-.375.237s-.375-.081-.375-.237V10.9h-1.299v1.656c0 .156-.19.237-.375.237s-.375-.081-.375-.237V8.804c0-.161.185-.23.375-.23s.375.069.375.23v1.507h1.299V8.804c0-.161.185-.23.375-.23s.375.069.375.23zm3.198.236c-.127 0-.225-.04-.254-.15l-.22-.768h-1.322l-.219.768c-.029.11-.127.15-.254.15c-.202 0-.473-.127-.473-.311c0-.012.006-.035.012-.058l1.114-3.63c.051-.173.265-.254.478-.254s.433.08.485.254l1.114 3.63q.01.033.012.058c0 .179-.272.311-.473.311m2.989-3.543H20.6v3.306c0 .156-.19.237-.375.237s-.375-.081-.375-.237V9.25h-.848c-.15 0-.237-.157-.237-.34c0-.162.075-.336.237-.336h2.44c.162 0 .238.173.238.335c0 .18-.087.34-.237.34"/></svg>Vrchat アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="simple-icons:vrchat" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="simple-icons:vrchat" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="simple-icons:vrchat" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[simple-icons--vrchat]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/simple-icons -->
<div class="i-simple-icons:vrchat"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="simple-icons:vrchat"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/simple-icons/vrchat.svg" alt="Vrchat アイコン" width="24" height="24">他のアイコンセットの Vrchat アイコン
Vrchat アイコン のよくある質問
Vrchat アイコンは商用利用でも無料ですか?
はい。Simple Icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Vrchat アイコンを使うには?
@iconify/react をインストールして <Icon icon="simple-icons:vrchat" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Vrchat アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/simple-icons/vrchat.svg" alt="Vrchat アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。