File Type Devprune アイコン

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

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

vscode-icons:file-type-devprune

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

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

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><defs><linearGradient id="SVGI4jlxeeB" x1="64" x2="192" y1="195" y2="61" gradientTransform="translate(-10.493 -10.492)scale(.20692)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#27ff63"/><stop offset="1" stop-color="#01f6fb"/></linearGradient></defs><path fill="url(#SVGI4jlxeeB)" fill-rule="evenodd" d="M20.959 2.274c-2.08.123-5.525.686-6.858 1.12c-5 1.633-8.749 5.32-10.28 10.117c-.74 2.316-.863 3.659-.916 10.039l-.051 6.204l5.587.063c6.067.069 7.818-.092 10.036-.922c1.727-.646 4.375-2.155 4.281-2.44c-.067-.203-1.222-1.268-6.04-5.57c-1.025-.914-1.895-1.74-1.934-1.835c-.069-.167 2.967-3.515 6.577-7.252l1.754-1.817l-1.638-1.623l-3.278.616c-3.778.711-4.79 1.145-6.208 2.66c-1.88 2.01-2.28 4.201-1.184 6.48l.472.981l-.676.777c-.372.428-1.72 1.864-2.996 3.191l-2.32 2.414l-.097-2.828c-.17-4.982.253-7.544 1.743-10.565c1.649-3.343 4.744-5.684 8.916-6.742c2.008-.51 7.433-1.027 9.456-.903l1.138.07l.139.931c.336 2.262.432 7.016.18 9.016c-.439 3.506-1.66 6.535-3.333 8.272c-.334.347-.607.724-.607.839c0 .265 1.3 1.533 1.562 1.524c.319-.011 2.144-2.451 2.77-3.702c.768-1.538 1.389-3.483 1.754-5.5c.359-1.976.306-8.42-.094-11.508l-.258-1.991l-1.242-.13c-1.214-.127-4.078-.12-6.354.014m-4.576 9.464c-2.363.519-3.805 2.023-3.805 3.969c0 2.085.055 2.051 4.751-2.972c1.355-1.45 1.314-1.492-.946-.997m-4.638 10.307a278 278 0 0 1-3.135 3.28c-1.061 1.091-1.929 2.054-1.929 2.138s1.979.118 4.397.075c4.188-.074 4.479-.106 6.104-.666c.94-.323 1.707-.663 1.707-.756c0-.233-5.6-5.364-5.855-5.364c-.045 0-.625.582-1.289 1.293"/></svg>

File Type Devprune アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/vscode-icons -->
<div class="i-vscode-icons:file-type-devprune"></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-devprune"></iconify-icon>

HTML 画像

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

VSCode Icons の関連アイコン

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

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

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

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

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

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

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

VSCode Icons をすべて見る →