File Type Watchmanconfig アイコン

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

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

vscode-icons:file-type-watchmanconfig

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

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

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><ellipse cx="16" cy="16.001" fill="#fff" rx="14.438" ry="14.925"/><path fill="#4356e6" d="m4.712 17.65l.014-.014l.014-.014q.489-.482.967-.964c.221-.214.435-.436.649-.65c-.214-.214-.435-.428-.649-.65a126 126 0 0 0-.967-.964l-.014-.014l-.014-.014q-.466-.505-.933-1q-.81-.867-1.589-1.714a15.46 15.46 0 0 0 0 8.727q.779-.846 1.589-1.714c.311-.351.621-.68.933-1.015m25.097-6.014q-.779.846-1.589 1.714q-.466.495-.933 1l-.014.014l-.014.014q-.489.482-.967.964c-.221.214-.435.436-.649.65c.214.214.435.428.649.65q.478.482.967.964l.014.014l.014.014q.466.505.933 1q.81.867 1.589 1.714a15.4 15.4 0 0 0 0-8.713Zm-4.974 5.157c-3.019 2.964-5.893 5.456-8.663 5.456h-.345c-2.77 0-5.644-2.492-8.663-5.456c-.546.543-1.1 1.1-1.651 1.65c-.981 1.057-1.983 2.107-2.908 3.135A14.46 14.46 0 0 0 16 30.926a14.46 14.46 0 0 0 13.395-9.348c-.926-1.028-1.92-2.078-2.908-3.135a161 161 0 0 0-1.652-1.65m-17.67-1.586c3.019-2.964 5.893-5.456 8.663-5.456h.345c2.77 0 5.644 2.492 8.663 5.456c.546-.543 1.1-1.1 1.651-1.65c.981-1.057 1.983-2.107 2.908-3.135A14.46 14.46 0 0 0 16 1.074a14.46 14.46 0 0 0-13.395 9.348c.926 1.028 1.92 2.078 2.908 3.135c.553.558 1.099 1.108 1.652 1.65"/><path fill="#4356e6" d="M14.038 14.172a1.14 1.14 0 0 0-.553.993v1.678a1.15 1.15 0 0 0 .553.993l1.409.843a1.06 1.06 0 0 0 1.105 0l1.409-.843a1.14 1.14 0 0 0 .553-.993v-1.679a1.15 1.15 0 0 0-.553-.993l-1.409-.843a1.06 1.06 0 0 0-1.105 0Z"/><path fill="#4356e6" d="M7.959 16c2.894 2.842 5.641 5.221 8.041 5.1c2.4.121 5.14-2.257 8.041-5.1c-2.894-2.842-5.641-5.221-8.041-5.1c-2.4-.121-5.14 2.258-8.041 5.1m8.594-3.992l2.515 1.5a1.14 1.14 0 0 1 .553.993v3a1.15 1.15 0 0 1-.553.993l-2.515 1.5a1.06 1.06 0 0 1-1.105 0l-2.515-1.5a1.14 1.14 0 0 1-.553-.993v-3a1.15 1.15 0 0 1 .553-.993l2.515-1.5a1.09 1.09 0 0 1 1.105 0"/></svg>

File Type Watchmanconfig アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

HTML 画像

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

VSCode Icons の関連アイコン

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

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

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

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

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

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

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

VSCode Icons をすべて見る →