V Light アイコン

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

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

skill-icons:v-light

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

アイコンセット: Skill Icons
作者: tandpfun
ライセンス: MIT
サイズ: 256 × 256
タグ: vlight

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><g fill="none"><rect width="256" height="256" fill="#f4f2ed" rx="60"/><path fill="#536b8a" d="m159.907 222.623l67.748-188.394c1.148-3.195-.662-5.524-4.042-5.199l-53.278 5.133c-3.379.326-7.03 3.193-8.146 6.399L99.482 220.606c-1.118 3.206.732 5.809 4.127 5.809h51.858c1.697 0 3.542-1.297 4.117-2.895z"/><g filter="url(#SVGOWQqPbFR)"><path fill="#000" d="m152.178 223.52l-28.207-81.485l4.029-2.519l28.711 83.107z"/></g><path fill="#5d87bf" d="m32.387 29.03l53.278 5.133c3.38.326 7.034 3.192 8.156 6.396l64.034 182.953c.56 1.602-.363 2.903-2.061 2.903h-52.185c-3.395 0-7.085-2.594-8.234-5.789L28.345 34.229c-1.148-3.195.662-5.524 4.042-5.199"/><defs><filter id="SVGOWQqPbFR" width="58.502" height="109.765" x="111.09" y="126.635" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_148_1044" stdDeviation="6.44"/></filter></defs></g></svg>

V Light アイコンの使い方

React

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

<Icon icon="skill-icons:v-light" width="24" />

Vue

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

<template>
  <Icon icon="skill-icons:v-light" width="24" />
</template>

Svelte

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

<Icon icon="skill-icons:v-light" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[skill-icons--v-light]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/skill-icons -->
<div class="i-skill-icons:v-light"></div>

Web コンポーネント

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

<iconify-icon icon="skill-icons:v-light"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/skill-icons/v-light.svg" alt="V Light アイコン" width="24" height="24">

Skill Icons の関連アイコン

V Light アイコンのよくある質問

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

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

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

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

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

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

Skill Icons をすべて見る →