File Type Swig アイコン

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

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

vscode-icons:file-type-swig

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

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

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="#fac553" d="M9.837 19.944c-.488.4-.967.807-1.43 1.241a28.5 28.5 0 0 0-4.5 5.443a2.6 2.6 0 0 0 .145-.642a.275.275 0 0 0-.263-.247c-.2-.024-.412.006-.609-.036a.7.7 0 0 1-.43-.438a12 12 0 0 1-.356-1.319a1.1 1.1 0 0 0-.239-.443a.1.1 0 0 0-.155.008v6.116h8.15a3 3 0 0 1 .271-.124a1.8 1.8 0 0 1 .553-.109a.9.9 0 0 0 .375-.089a.094.094 0 0 0 0-.144c-.066-.091-.188-.089-.291-.1a3.3 3.3 0 0 0-.788.045a4 4 0 0 1-.653.027a3.3 3.3 0 0 1-.8-.1c-.065-.023-.07-.112-.069-.179c0-.169.071-.36-.012-.506c-.085-.1-.224-.055-.328.018a1.64 1.64 0 0 1 .525-.917c.114-.1.26-.178.331-.328c.021-.05.052-.116.017-.16a.5.5 0 0 0-.248-.155a51 51 0 0 1 3.057-4.266a2 2 0 0 1-.383-.262a7.4 7.4 0 0 1-1.87-2.334"/><path fill="#fac553" d="M11.232 25.2a.19.19 0 0 0 .023-.228a.2.2 0 0 0-.347.021a.2.2 0 0 0 .138.32a.6.6 0 0 0 .186-.113m-.66 1.872a4.3 4.3 0 0 0 .651-.565a1.48 1.48 0 0 1 1.174-.363a.32.32 0 0 0 .26-.041a.3.3 0 0 0 .02-.371a.64.64 0 0 0-.342-.18a.84.84 0 0 0-.717.066a3.8 3.8 0 0 0-.8.916a.82.82 0 0 1-.418.292a.47.47 0 0 0-.343.188c-.033.042-.041.115.008.135a.6.6 0 0 0 .507-.077m-7.258-5.277a.5.5 0 0 0 0-.366a.5.5 0 0 0-.273-.255a.22.22 0 0 0-.23.113a1.84 1.84 0 0 0-.337 1.285c.09.572.538.953.58 1.546a.63.63 0 0 0 .131-.445A2.1 2.1 0 0 0 3 23.034a.85.85 0 0 1-.038-.5c.07-.268.257-.484.352-.739m.76 1.083c.161-.012.276-.186.337-.337a.246.246 0 0 0-.23-.3a.377.377 0 0 0-.37.344a.285.285 0 0 0 .263.293m6.332 3.199a.29.29 0 0 0-.26-.381a.37.37 0 0 0-.282.131a.365.365 0 0 0 0 .444a.235.235 0 0 0 .311.039c.087-.057.195-.11.231-.233m-.022 2.317a2.2 2.2 0 0 1 .79-.078a4 4 0 0 0 .568.022a1.15 1.15 0 0 0 .59-.208a.34.34 0 0 0 .15-.353a.5.5 0 0 0-.369-.272a1.07 1.07 0 0 0-.6.053a5 5 0 0 0-1.116.732a.4.4 0 0 0-.1.09c-.006.056.058.02.087.014m-6.751-4.188a.3.3 0 0 0 .067.243c.048 0 .1.005.144.005c.063-.052.154-.081.183-.169a.2.2 0 0 0-.087-.235a.3.3 0 0 0-.167-.011a.28.28 0 0 0-.14.167m8.329 4.839a.216.216 0 0 0 .068.335a.3.3 0 0 0 .245-.107a.19.19 0 0 0-.126-.314a.23.23 0 0 0-.187.086"/><path fill="#02b428" d="M26.052 2.91a1.28 1.28 0 0 0-.844-.5a2.47 2.47 0 0 0-1.766.929c-2.22 2.249-4.549 4.361-6.828 6.532a5 5 0 0 0-1.142 1.247c-.389.6-.1 1.478-.557 2.045c-1.163 1.537-2.349 3.057-3.515 4.593c-.255.352-.687.453-.974.765a12 12 0 0 1-.863.777a5 5 0 0 0 .274.646a7.4 7.4 0 0 0 1.871 2.33a2 2 0 0 0 .383.262a.26.26 0 0 0 .3-.037a3.4 3.4 0 0 1 .651-.769c.33-.228.414-.706.754-.919c.814-.549 1.6-1.143 2.429-1.673a14.5 14.5 0 0 1 2.691-1.694a3.04 3.04 0 0 0 2.17-.554c2.627-2.457 5.229-4.95 7.889-7.367a2.3 2.3 0 0 0 .7-1.1a2.23 2.23 0 0 0-.45-1.7a104 104 0 0 0-3.173-3.813"/></svg>

File Type Swig アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

HTML 画像

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

VSCode Icons の関連アイコン

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

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

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

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

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

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

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

VSCode Icons をすべて見る →