Vitest アイコン

Q: Vitest アイコンは商用利用でも無料ですか?

はい。Devicon icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

devicon:vitest

Vitest アイコン(devicon:vitest)は、Devicon セットの無料 SVG アイコンです（作者: konpa）。 128 × 128 のグリッドで描かれています。 Devicon icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Devicon
作者: konpa
ライセンス: MIT
サイズ: 128 × 128

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><path fill="#fcc72b" d="m96.058 40.82l-30.6 44.244a2.635 2.635 0 0 1-4.339-.007a2.6 2.6 0 0 1-.451-1.601l1.225-24.428l-19.772-4.192a2.63 2.63 0 0 1-1.891-1.59a2.6 2.6 0 0 1 .278-2.451l30.6-44.244a2.63 2.63 0 0 1 3.009-.998a2.62 2.62 0 0 1 1.33 1.005c.322.47.48 1.032.451 1.601l-1.224 24.428l19.77 4.192c.423.09.817.282 1.147.56a2.605 2.605 0 0 1 .467 3.48Z"/><path fill="#729b1b" d="M64.013 122.185a6.2 6.2 0 0 1-4.382-1.815L30.717 91.458a6.195 6.195 0 0 1 4.384-10.565a6.2 6.2 0 0 1 4.378 1.803l24.534 24.53l53.446-53.444a6.195 6.195 0 0 1 8.762 8.762L68.393 120.37a6.18 6.18 0 0 1-4.38 1.815"/><path fill="#729b1b" fill-opacity=".5" d="M63.988 122.185c.814 0 1.62-.159 2.371-.47a6.2 6.2 0 0 0 2.01-1.345l28.914-28.912a6.193 6.193 0 0 0-.012-8.75a6.197 6.197 0 0 0-8.75-.012l-24.533 24.53L10.54 53.782a6.196 6.196 0 0 0-8.762 8.762l57.828 57.826a6.18 6.18 0 0 0 4.38 1.815Z"/></svg>

Vitest アイコンの使い方

React

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

<Icon icon="devicon:vitest" width="24" />

Vue

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

<template>
  <Icon icon="devicon:vitest" width="24" />
</template>

Svelte

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

<Icon icon="devicon:vitest" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="devicon:vitest"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/devicon/vitest.svg" alt="Vitest アイコン" width="24" height="24">

他のアイコンセットの Vitest アイコン

Vitest アイコンのよくある質問

Vitest アイコンは商用利用でも無料ですか?

はい。Devicon icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。

React で Vitest アイコンを使うには?

@iconify/react をインストールして <Icon icon="devicon:vitest" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Vitest アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/devicon/vitest.svg" alt="Vitest アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Devicon アイコンをすべて見る →