File Type Tasks Json アイコン

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

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

vscode-icons:file-type-tasks-json

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

アイコンセット: VSCode Icons
作者: Roberto Huertas
ライセンス: MIT
サイズ: 1 × 1
タグ: filetype、typetasks、tasksjson、filetypetasksjson、task

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="1" height="1" viewBox="0 0 1 1"><defs><clipPath id="SVGHsGyoden"><path fill="none" stroke-width=".04" d="M-4.8-4.92H6.1v11.1H-4.8zM.99.57v.08h.104V.57z" class="powerclip"/></clipPath></defs><path fill="gray" d="M.48 1.12h-.2V.28H.4V.4h.48V.28H1v.36h.08V.28A.08.08 0 0 0 1 .2H.88V.16A.08.08 0 0 0 .8.08H.48A.08.08 0 0 0 .4.16V.2H.28A.08.08 0 0 0 .2.28v.84a.08.08 0 0 0 .08.08h.2zm0-.96H.8v.16H.48z" clip-path="url(#SVGHsGyoden)"/><path fill="gray" d="M.334.729h.395v.05H.334zm0 .204h.35v.05h-.35zm0-.407h.607v.05H.334z"/><path fill="#f5df19" stroke="#fbc12d" stroke-width=".008" d="M.64.915A.06.06 0 0 0 .68.902A.06.06 0 0 0 .7.868A.4.4 0 0 0 .704.794q0-.052.002-.069a.1.1 0 0 1 .01-.042a.1.1 0 0 1 .019-.025a.1.1 0 0 1 .029-.015L.803.64h.018v.05H.81A.06.06 0 0 0 .768.7a.1.1 0 0 0-.01.052a1 1 0 0 1-.004.103a.1.1 0 0 1-.02.052a.1.1 0 0 1-.042.032a.1.1 0 0 1 .05.044a.2.2 0 0 1 .016.097v.072a.04.04 0 0 0 .013.03a.1.1 0 0 0 .04.008h.01v.05H.803a.1.1 0 0 1-.044-.006a.1.1 0 0 1-.033-.023a.1.1 0 0 1-.017-.04l-.004-.082a.4.4 0 0 0-.006-.077a.06.06 0 0 0-.02-.034A.06.06 0 0 0 .64.966zm.6.051a.06.06 0 0 0-.04.013a.06.06 0 0 0-.02.034a.4.4 0 0 0-.005.078l-.004.08a.1.1 0 0 1-.017.042a.1.1 0 0 1-.033.023a.1.1 0 0 1-.044.005h-.018v-.049h.01a.1.1 0 0 0 .04-.008a.04.04 0 0 0 .012-.03q.002-.012.002-.073a.2.2 0 0 1 .015-.096a.1.1 0 0 1 .05-.044a.1.1 0 0 1-.043-.033a.1.1 0 0 1-.019-.051a1 1 0 0 1-.003-.103a.1.1 0 0 0-.01-.053a.06.06 0 0 0-.044-.011h-.01V.64h.018l.038.004a.1.1 0 0 1 .03.014a.1.1 0 0 1 .018.026a.1.1 0 0 1 .01.042q.002.017.002.069a.4.4 0 0 0 .006.074a.06.06 0 0 0 .02.034a.06.06 0 0 0 .04.013z"/></svg>

File Type Tasks Json アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

HTML 画像

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

VSCode Icons の関連アイコン

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

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

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

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

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

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

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

VSCode Icons をすべて見る →