Vala アイコン

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

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

devicon:vala

Vala アイコン(devicon:vala)は、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"><defs><linearGradient id="SVGoRKEI2uZ" x1="-18.592" x2="-18.592" y1="-81.414" y2="204.37" gradientTransform="translate(8.263 36.184)scale(.44444)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#a56de2"/><stop offset="1" stop-color="#7239b3"/></linearGradient><linearGradient id="SVG4rOXTkiy" x1="-13.699" x2="-13.699" y1="-7.486" y2="156.3" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#8b58c9"/><stop offset="1" stop-color="#743fb3"/></linearGradient><linearGradient id="SVG8SeuPcAy" x1="-13.699" x2="-13.699" y1="-7.486" y2="151.61" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#7548b2"/><stop offset="1" stop-color="#6639a4"/></linearGradient></defs><path fill="url(#SVGoRKEI2uZ)" d="M0 0h128v128H0z"/><path fill="url(#SVG4rOXTkiy)" d="M-25.893-7.887c-35.819 9.21-66.614 18.75-71.867 53.304c-.853 5.857-.584 11.676 1.414 17.254q3.374 8.646 15.094 10.168c3.065.415 14.252 2.487 13.982-2.466c-.287-1.668-1.31-3.517-2.125-5.442c-1.299-2.84-1.197-5.903-1.188-8.76c.447-10.028 3.083-18.524 7.92-25.479c3.81-5.409 8.67-9.8 14.572-13.184l3.14 133.11c0 1.953 1.289 2.991 3.828 2.991h29.88c2.154 0 2.995-.75 3.705-2.654C11.64 99.776 30.526 48.485 49.774-2.665c.255-2.592-2.415-3.57-4.312-4.229H31.425c-2.469-.084-3.92 1.346-4.424 2.826L-7.528 96.392L-9.7.502v-6.188l-4-1.813h-4a82 82 0 0 0-8.193-.4z" transform="translate(72.688 35.556)scale(.44444)"/><path fill="url(#SVG8SeuPcAy)" d="M-40.88 149.61L-44.178 9.8q-14.39 5.396-22.485 16.889q-7.994 11.492-7.994 28.581q0 8.294 2.298 12.492q.5.8.5 1.4q-16.389 0-20.487-10.494q-1.4-3.797-1.4-9.393q0-10.293 6.397-19.787q6.495-9.594 16.689-16.99Q-47.375-3.89-21.893-3.89q4.197 0 8.194.4l1.8 125.92L31.171-2.89h14.291l-56.865 152.5z" transform="translate(72.688 35.556)scale(.44444)"/><path fill="#fff" d="m54.52 100.27l-1.466-62.137q-6.396 2.398-9.993 7.506q-3.553 5.108-3.553 12.703q0 3.687 1.021 5.552q.223.355.223.622q-7.285 0-9.106-4.664q-.622-1.687-.622-4.175q0-4.575 2.843-8.794q2.887-4.264 7.417-7.55q10.35-7.285 21.674-7.285q1.866 0 3.642.179l.8 55.964l19.143-55.697h6.351L67.621 100.27z"/></svg>

Vala アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

Devicon の関連アイコン

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

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

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

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

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

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

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

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

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