File Type Harbour アイコン

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

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

vscode-icons:file-type-harbour

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

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

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="#9f0e22" d="M30 25.6c-4.361.835-13.775.531-24.967-1.029a12.4 12.4 0 0 1 1.99 1.114c10.965 1.552 18.169 1.5 22.42.59A1.02 1.02 0 0 0 30 25.6"/><path fill="#4997d9" d="M9.5 22.868q-.044.111-.092.221c1.2-.307 2.25-1.048 3.427-.358a28.3 28.3 0 0 1 1.71-8.062c.042-.878.1-1.777.187-2.754a71.6 71.6 0 0 0-.044 11.539a14 14 0 0 0-5.654.457c.11-.255.269-.612.466-1.043"/><path fill="#0974c5" d="M7.577 20.637c2.062-.873 2.548-1.794 4.21-1.665c.512-5.344 1.764-7.365 2.978-10.572c-1 1.65-1.977 3.3-2.9 4.864c.983-1.665 2.03-3.42 3.089-5.172c-1.847 4.9-2.264 12.194-2.264 13.979c-.754-.394-3.4-.214-6.489 1.028c.259-.481.738-1.336 1.378-2.461"/><path fill="#095fa8" d="M14.635 5.487c-2.957 4.113-3.111 10.667-3.111 12.451c-2.2-.637-4.638.638-6.8 2c1.5-2.308 6.014-9.186 9.914-14.452"/><path fill="#09397f" d="M29.9 25.383c-3.924.752-12.1.456-22.231-.707A541 541 0 0 1 2.14 24a1.4 1.4 0 0 1-.14-.692c6.315.672 22.307 2.692 27.816 1.646a1.1 1.1 0 0 1 .081.43"/><path fill="#09397f" d="m9.85 22.041l.032-.005q-.208.45-.38.828c-.2.431-.356.787-.466 1.043a14 14 0 0 1 5.654-.457a71.6 71.6 0 0 1 .038-11.469l.006-.012a74.4 74.4 0 0 0 .014 11.715a15.1 15.1 0 0 0-5.888.516c.192-.447.545-1.215.99-2.162m-.16 6.016l.026-.031a3.1 3.1 0 0 1 2.542-.946a78 78 0 0 0 8.084.07A117 117 0 0 1 7.09 25.929a12.5 12.5 0 0 1 2.6 2.124"/><path d="M16.617 19.363c-.127-.022-.277-.38-.3-.384a70 70 0 0 0 12.364.707c.14 0 .269.385.323.385h-.692a66.4 66.4 0 0 1-11.7-.708m-7.112 3.5l.38-.828a5.45 5.45 0 0 1 2.805.034a56 56 0 0 1 .647-7.308a184 184 0 0 1 1.4-2.847a74 74 0 0 0-.187 2.754a28.3 28.3 0 0 0-1.71 8.062c-1.177-.69-2.225.051-3.427.358q.048-.112.094-.226"/><path d="M7.976 19.939c.357-.623.752-1.31 1.18-2.048a4.9 4.9 0 0 1 2.368.046a33 33 0 0 1 .338-4.673a665 665 0 0 1 2.9-4.864c-1.214 3.208-2.467 5.228-2.978 10.572c-1.662-.129-2.148.792-4.21 1.665l.4-.7M18.122 3.946c-.192 2.228-.235 4.463-.241 6.7c-.012 4.505.07 9.011.123 13.516c0 .185.466.482.466.511c-.053-4.474-.131-8.949-.123-13.423c0-2.266.047-4.532.241-6.791c.015-.174-.468-.5-.466-.511M22.365 5.6c-.121 6.054-.471 12.1-.589 18.154c0 .182.467.487.466.511c.119-6.054.468-12.1.589-18.154c0-.182-.467-.487-.466-.512"/></svg>

File Type Harbour アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

HTML 画像

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

VSCode Icons の関連アイコン

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

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

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

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

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

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

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

VSCode Icons をすべて見る →