File Type Rspack アイコン

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

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

vscode-icons:file-type-rspack

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

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

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><path fill="url(#SVGbUipIddK)" d="M18.99 27.07a5.65 5.65 0 1 1 8-8a5.65 5.65 0 0 1-8 8"/><path fill="#5d4037" d="M18.09 18.17a6.93 6.93 0 1 1 9.8 9.8a6.93 6.93 0 0 1-9.8-9.8m8.9.9a5.65 5.65 0 0 0-8 0l-.2.22a5.65 5.65 0 1 0 8.4 0z"/><path fill="#ff7043" d="M26.99 27.07a5.65 5.65 0 0 1-9.21-6.18a5.6 5.6 0 0 0 1.58 4.85a5.65 5.65 0 0 0 9.21-1.82A5.6 5.6 0 0 1 27 27.07"/><path fill="url(#SVG21l1SdxX)" d="M6.9 24.3a11.5 11.5 0 0 1-2-14c.2-.4-1.2-1-1-2c.2-.7 1-1.3 1.2-1.6c5.4-4.6 15-4.6 19.7 0s3.5 13-1 17.6a12 12 0 0 1-17 0"/><path fill="#4e342e" d="M15.22 2c3.9 0 7.84 1.23 10.46 3.86c2.64 2.64 3.61 6.27 3.32 9.79a15.6 15.6 0 0 1-4.4 9.57a13.17 13.17 0 0 1-18.62 0C2.29 21.54.76 15.61 3.43 10.37C3.1 10 2.4 9.16 2.7 8a3.4 3.4 0 0 1 .8-1.5c.27-.3.7-.7.73-.72l.03-.03l.04-.04C7.25 3.21 11.31 2 15.22 2m9.57 4.76c-4.65-4.65-14.32-4.63-19.65-.08l-.3.28c-.35.33-.8.8-.9 1.36c-.26 1 1.2 1.62.95 2.02l-.25.45C2.15 15.52 3.5 20.94 6.88 24.32a11.9 11.9 0 0 0 16.38.43l.45-.43c4.5-4.5 5.65-12.4 1.5-17.11z"/><path fill="#ff8a65" d="M23.9 24.2a12 12 0 0 1-17 .2a12 12 0 0 1-2.6-13.1a12 12 0 0 0 3.3 10.2a12 12 0 0 0 17.1-.1a12 12 0 0 0 2.7-4a12 12 0 0 1-3.5 6.8"/><ellipse cx="1.97" cy="1.43" fill="#fafafa" rx="1.97" ry="1.43" transform="rotate(4.81 -121.2 263.1)scale(-1 1)"/><ellipse cx="3.7" cy="2.4" fill="#fafafa" rx="3.7" ry="2.4" transform="rotate(-169.8 11.5 2.2)scale(1 -1)"/><path stroke="#4e342e" stroke-linecap="round" stroke-width="1.2" d="M7.4 4.5C3 7 2.7 8.6 3.9 9.9c2 2 7.8.4 8.4 2.6c.4 1.3-.5 2.8.7 4.5c1.6 2.2 6.8.3 7 4.5"/><defs><linearGradient id="SVGbUipIddK" x1="26.98" x2="18.99" y1="19.07" y2="27.07" gradientUnits="userSpaceOnUse"><stop offset=".01" stop-color="#ffb74d"/><stop offset=".57" stop-color="#ffab91"/></linearGradient><linearGradient id="SVG21l1SdxX" x1="23.02" x2="6.88" y1="4.94" y2="24.32" gradientUnits="userSpaceOnUse"><stop offset=".01" stop-color="#ffe082"/><stop offset=".46" stop-color="#ffab91"/></linearGradient></defs></g></svg>

File Type Rspack アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

HTML 画像

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

VSCode Icons の関連アイコン

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

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

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

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

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

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

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

VSCode Icons をすべて見る →