File Type Goctl アイコン

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

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

vscode-icons:file-type-goctl

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

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

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="#5cbc6a" d="M0 12.32h1.63q.12.02.06.12l-.33.5a.3.3 0 0 1-.2.12H0zm0 1.8h.62a.1.1 0 0 1 .11.07v.05l-.17.46a.2.2 0 0 1-.17.12H0zm0 1.8h.19q.12 0 .12.13l-.04.47a.14.14 0 0 1-.14.14H0zm16.15-3.23c-1.23.31-2.07.55-3.28.86c-.3.08-.32.1-.57-.2c-.3-.32-.5-.54-.92-.73a3.4 3.4 0 0 0-3.53.29a4.2 4.2 0 0 0-2 3.7a3.1 3.1 0 0 0 2.65 3.08c1.33.17 2.44-.3 3.32-1.3q.25-.3.52-.72H8.57c-.4 0-.5-.25-.38-.58a39 39 0 0 1 1-2.13a.5.5 0 0 1 .5-.31h7.1c-.04.52-.04 1.05-.12 1.58a8.3 8.3 0 0 1-1.6 3.83a8.2 8.2 0 0 1-5.56 3.32a7 7 0 0 1-5.26-1.3a6 6 0 0 1-2.48-4.33a7.7 7.7 0 0 1 1.66-5.72A8.6 8.6 0 0 1 8.9 8.65a6.7 6.7 0 0 1 5.17.96a6 6 0 0 1 2.27 2.75q.17.26-.2.33m6.46 10.8a7.3 7.3 0 0 1-4.76-1.72a6 6 0 0 1-2.1-3.77a7.5 7.5 0 0 1 1.58-5.9a8.2 8.2 0 0 1 5.47-3.26a7.3 7.3 0 0 1 5.56 1a6 6 0 0 1 2.76 4.35a7.5 7.5 0 0 1-2.25 6.62a9 9 0 0 1-4.69 2.5c-.52.1-1.05.12-1.56.18m4.65-7.89l-.05-.64a3.23 3.23 0 0 0-3.99-2.6a4.3 4.3 0 0 0-3.42 3.4a3.2 3.2 0 0 0 1.8 3.69c1.08.47 2.15.4 3.19-.12a4.3 4.3 0 0 0 2.47-3.73"/><path fill="#fff" stroke="#5cbc6a" stroke-miterlimit="10" stroke-width=".13" d="M15.19 17.92v.93l-4.15 5.24h4.39v1H9.5v-.92l4.15-5.25H9.8v-1Zm5.27 2.7q.62.8.63 2.2h-3.9q.06.72.4 1.1a1.2 1.2 0 0 0 .95.38a1.4 1.4 0 0 0 .85-.24a2 2 0 0 0 .47-.63H21a2.4 2.4 0 0 1-.72 1.22a2.6 2.6 0 0 1-1.73.6q-1.15 0-1.84-.72a2.8 2.8 0 0 1-.73-2.03q0-1.16.69-1.95a2.3 2.3 0 0 1 1.83-.79q1.27 0 1.96.86Zm-2.83.4a1.7 1.7 0 0 0-.42.93h2.68q-.16-1.27-1.36-1.26a1.2 1.2 0 0 0-.9.32Zm7.47-1.13v1.14a3 3 0 0 0-.75-.1a1.1 1.1 0 0 0-.81.35a1.4 1.4 0 0 0-.41 1.06v2.76H22v-5.2h1.13v.74a2 2 0 0 1 .49-.6a1.2 1.2 0 0 1 .82-.28a2 2 0 0 1 .66.13Zm4.97.64q.7.77.71 1.97c.01 1.2-.24 1.45-.7 1.95q-.74.8-1.91.79c-1.17-.01-1.43-.26-1.91-.79q-.71-.75-.7-1.95c.01-1.2.22-1.46.7-1.97s1.11-.77 1.9-.77s1.42.25 1.9.77Zm-3.01.73a2 2 0 0 0-.33 1.24a2 2 0 0 0 .33 1.24a1.37 1.37 0 0 0 2.21 0a2.4 2.4 0 0 0 0-2.48a1.37 1.37 0 0 0-2.21 0Z"/></svg>

File Type Goctl アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

HTML 画像

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

VSCode Icons の関連アイコン

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

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

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

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

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

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

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

VSCode Icons をすべて見る →