File Type Gimp アイコン

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

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

vscode-icons:file-type-gimp

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

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

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><defs><clipPath id="SVGPsqnOekT"><path d="M1390.9 716.82h13.538v14.097H1390.9zm5.39 7.556l-.098-.184l-.147-.745l1.606-1.364l.474-.02l.474.284l-.477-.47l-1.096-.226l-1.106.716l-.075 1.17l.3.798z" class="powerclip" display="block"/></clipPath><clipPath id="SVGmeYtXdwl"><path fill="none" d="M1399.1 725.88c.149.27.44-1.029.333-1.932c-.235-2.004-2.352-2.577-3.094-1.787c-.63.657-.49 1.663.01 2.265c.495.601 1.252.615 1.736.726s.842.405 1.02.728z"/></clipPath></defs><g transform="translate(-196.717 -184.081)scale(1.0932)"><path d="M1399.1 725.88c.149.27.44-1.029.333-1.932c-.235-2.004-2.352-2.577-3.094-1.787c-.63.657-.49 1.663.01 2.265c.495.601 1.252.615 1.736.726s.842.405 1.02.728z" clip-path="url(#SVGPsqnOekT)" transform="translate(-1192.1 -531.63)"/><path fill="#8c8073" d="M206.45 172.04h.081c.099.016.217.122.258.242s1.672 8.37-.655 13.117s-7.474 6.186-10.439 6.165c-4.982.073-9.31-1.705-11.3-5.76c2.161-.072 2.88-2.166 2.915-3.908c.01-.538.853-6.389 1.047-6.646c.053-.065.13-.032.169.027c.81 1.266 1.555 1.92 2.648 2.517c1.737.75 2.868 1.026 5.43.57c2.563-.455 6.783-1.976 9.55-6.13c.107-.136.21-.186.297-.196z" color="#000"/><ellipse cx="191.11" cy="181.94" fill="#fff" rx="2.856" ry="3.2"/><ellipse cx="191.72" cy="182.06" rx="1.719" ry="2.089"/><circle cx="191.73" cy="180.91" r=".783" fill="#fff"/><ellipse cx="143.64" cy="216.03" rx="2.432" ry="3.136" transform="rotate(-11.79)skewX(-.14)"/><circle cx="183.94" cy="180.63" r="1.324" fill="#fff"/><path d="M200.31 186.43c-.175-.121.034-.31.411-.324c.226-.01.513.048.813.22c.809.461.837 1.03.571 1.153c-.186.086-.902-.45-.902-.45s-.523-.341-.893-.599"/><path d="M201.11 186.57c-1.594 2.213-4.031 3.547-8.009 2.984c-.52-.07-.913.615 1.453.712c2.966.12 5.525-.764 7.267-3.182z" color="#000"/><path fill="#f2840d" d="M200.76 188.27c-.661-.276-1.568.663-1.225.914c.527.338 2.365 1.513 2.752 1.719c.45.239 1.092-.188 1.092-.188l.2-.376s-.01-.772-.456-1.01c-.29-.155-1.504-.687-2.355-1.056h-.01z"/><path fill="#bbb" d="M202.84 190.87c.084.297.38.162.56.262c.178.1.22.422.516.336s.686-.784.601-1.081c-.084-.297-.38-.162-.559-.262s-.22-.422-.517-.337c-.296.085-.685.785-.601 1.082"/><ellipse cx="197.4" cy="181.95" fill="#fff" rx="3.75" ry="3.828"/><ellipse cx="198.31" cy="182.09" rx="2.322" ry="2.545"/><circle cx="198.31" cy="180.7" r=".997" fill="#fff"/><path fill="#8c8073" d="M1397.7 722.21c.127-.208.819.073.97.18c-.3-.483-1.865-1.105-2.564-.335s-.055 2.09.207 2.431c-.077-.212-.23-.813-.069-.928s.533.54.839.35c.305-.189-.29-.712.01-.959c.312-.247.733.444.997.133c.226-.273-.505-.683-.39-.872" clip-path="url(#SVGmeYtXdwl)" transform="translate(-1192.1 -531.63)"/></g></svg>

File Type Gimp アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

HTML 画像

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

VSCode Icons の関連アイコン

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

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

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

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

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

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

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

VSCode Icons をすべて見る →