Vite Js アイコン
bxl:vite-js
Vite Js アイコン(bxl:vite-js)は、Boxicons Brands セットの無料 SVG アイコンです（作者: Boxicons）。 24 × 24 のグリッドで描かれています。 Boxicons Brands icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Boxicons Brands
- 作者
- Boxicons
- ライセンス
- MIT
- サイズ
- 24 × 24
- タグ
- vitejs
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="m20.92 5.1l-4.07.74l.65-2.25c.11-.38.04-.78-.2-1.09c-.23-.31-.6-.5-.99-.5h-.1l-.14.02l-6.6 1.29c-.56.11-.97.58-1 1.15l-.09 1.58l-5.29-.95a.49.49 0 0 0-.51.72l9.09 15.94c.19.33.66.33.84 0l8.91-15.94c.2-.36-.11-.79-.51-.71ZM9.67 4.3l6.6-1.29h.05c.16 0 .28.15.23.31L15.32 7.6s-.01.08 0 .12c0 .01.01.02.02.03c0 .02.02.05.04.07c0 .01.02.02.03.03c.02.01.04.03.06.04c.01 0 .03 0 .05.01c.02 0 .03.01.05.01h.05l1.89-.36h.1c.02 0 .03 0 .05.01s.04.03.06.05l.03.03c.02.02.02.05.03.08c0 .01.01.03.01.04c0 .04 0 .09-.02.13l-5.38 10.73l-.1.15c-.03.05-.08.08-.12.09h-.18a.22.22 0 0 1-.1-.09s-.01-.02-.02-.03c-.02-.04-.04-.09-.02-.15l.87-4.2v-.12c0-.01-.01-.02-.02-.03a.2.2 0 0 0-.04-.06c0-.01-.02-.02-.03-.03c-.02-.01-.04-.03-.06-.03c-.01 0-.03 0-.04-.01h-.03c-.02 0-.05 0-.07.01l-1.13.34h-.14c-.02 0-.04-.02-.06-.03c-.01 0-.02-.02-.03-.03c-.02-.02-.03-.04-.04-.06c0-.01-.01-.02-.02-.03c-.01-.04-.02-.08 0-.12l.55-2.67c.01-.07 0-.14-.05-.19c0 0 0-.01-.01-.02c-.04-.05-.1-.07-.16-.08h-.08l-1.84.42h-.07c-.13 0-.24-.12-.23-.26l.41-6.85c0-.11.09-.2.2-.22Z"/></svg>Vite Js アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="bxl:vite-js" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="bxl:vite-js" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="bxl:vite-js" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[bxl--vite-js]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/bxl -->
<div class="i-bxl:vite-js"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="bxl:vite-js"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/bxl/vite-js.svg" alt="Vite Js アイコン" width="24" height="24">Vite Js アイコン のよくある質問
Vite Js アイコンは商用利用でも無料ですか?
はい。Boxicons Brands icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Vite Js アイコンを使うには?
@iconify/react をインストールして <Icon icon="bxl:vite-js" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Vite Js アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/bxl/vite-js.svg" alt="Vite Js アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。