File Type Pulumi アイコン

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

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

vscode-icons:file-type-pulumi

File Type Pulumi アイコン(vscode-icons:file-type-pulumi)は、VSCode Icons セットの無料 SVG アイコンです（作者: Roberto Huertas）。 32 × 32 のグリッドで描かれています。 VSCode Icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: VSCode Icons
作者: Roberto Huertas
ライセンス: MIT
サイズ: 32 × 32
タグ: filetype、typepulumi、filetypepulumi

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="#f26e7e" d="M7.4 17.634c1.01-.6 1.01-2.524 0-4.3s-2.647-2.754-3.64-2.159s-1.01 2.524 0 4.312s2.629 2.743 3.64 2.147m0 3.821c1 1.753 1 3.707 0 4.3s-2.646-.368-3.648-2.147s-1-3.707 0-4.3s2.646.359 3.656 2.147Zm6.85 4.066c1 1.753 1 3.707 0 4.3s-2.646-.368-3.622-2.147s-1.01-3.716 0-4.312s2.637.368 3.648 2.156Zm0-8.124c1 1.753 1 3.707 0 4.3s-2.646-.377-3.63-2.129s-1-3.716 0-4.312s2.646.351 3.656 2.138Z"/><path fill="#8a3391" d="M28.243 15.481c1.009-1.753 1.009-3.709 0-4.3s-2.634.368-3.644 2.148s-1 3.717 0 4.313s2.652-.372 3.644-2.161m0 3.822c1.009.6 1.009 2.525 0 4.3s-2.634 2.753-3.644 2.157s-1.009-2.525 0-4.313s2.652-2.757 3.644-2.147Zm-6.843 4.06c1.009.6 1.009 2.525 0 4.3s-2.634 2.753-3.644 2.157s-1.009-2.525 0-4.313s2.651-2.744 3.627-2.148Zm0-8.127c1.009.6 1.009 2.525 0 4.3s-2.634 2.753-3.635 2.157s-1.009-2.525 0-4.314s2.643-2.744 3.618-2.148Z"/><path fill="#f7bf2a" d="M19.825 4.089c0 1.142-1.7 2.08-3.812 2.08s-3.821-.939-3.821-2.08S13.906 2 16.014 2s3.811.939 3.811 2.089M12.65 8c0 1.15-1.7 2.08-3.812 2.08S5 9.146 5 8s1.713-2.08 3.839-2.08s3.794.93 3.794 2.08Zm10.538 2.08C25.3 10.076 27 9.146 27 8s-1.677-2.08-3.812-2.08s-3.821.93-3.821 2.08s1.741 2.076 3.821 2.076Zm-3.363 1.84c0 1.15-1.7 2.08-3.812 2.08s-3.821-.93-3.821-2.08s1.713-2.08 3.821-2.08s3.812.93 3.812 2.08"/></svg>

File Type Pulumi アイコンの使い方

React

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

<Icon icon="vscode-icons:file-type-pulumi" width="24" />

Vue

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

<template>
  <Icon icon="vscode-icons:file-type-pulumi" width="24" />
</template>

Svelte

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

<Icon icon="vscode-icons:file-type-pulumi" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[vscode-icons--file-type-pulumi]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/vscode-icons -->
<div class="i-vscode-icons:file-type-pulumi"></div>

Web コンポーネント

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

<iconify-icon icon="vscode-icons:file-type-pulumi"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/vscode-icons/file-type-pulumi.svg" alt="File Type Pulumi アイコン" width="24" height="24">

VSCode Icons の関連アイコン

File Type Pulumi アイコンのよくある質問

File Type Pulumi アイコンは商用利用でも無料ですか?

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

React で File Type Pulumi アイコンを使うには?

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

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

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

VSCode Icons をすべて見る →