File Type Craco アイコン

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

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

vscode-icons:file-type-craco

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

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

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><circle cx="16" cy="16" r="14" fill="#272827"/><path fill="#1ab090" d="M16.32 26.9H14v-2.73c0-.17-.04-.25-.2-.32c-.62-.23-1.22-.48-1.82-.75c-.17-.08-.26-.04-.37.08c-.58.7-1.32 1.13-1.74 1.85l-2.8-2.8c.33-.45 1.8-1.6 1.9-1.97c.03-.2-.23-.47-.33-.71c-.18-.47-.37-.93-.52-1.4c-.06-.22-.15-.3-.38-.3c-.95.02-1.8.01-2.64.01v-3.85h2.87c.35-.78.69-1.5 1-2.22c.03-.07-.04-.23-.1-.3c-.7-.62-1.15-1.3-1.84-1.77L9.8 6.97l1.94 1.96l2.33-.95V5.09h3.87v2.65c-.01.22.05.31.27.4c.6.21 1.2.45 1.78.73c.21.1.33.07.48-.08c.57-.6 1.15-1.17 1.7-1.72l2.74 2.75c-.58.58-1.2 1.22-1.75 1.75c-.13.13-.13.22-.05.4c.27.58.52 1.17.74 1.77c.07.2.15.26.35.26c.96.02 1.86-.05 2.7.01v3.83c-.89.03-1.86.03-2.64.01c-.23 0-.3.09-.38.3c-.24.64-.5 1.27-.8 1.89c-.08.19-.07.29.08.42c.7.57 1.12 1.33 1.84 1.72l-2.8 2.8a63 63 0 0 1-1.81-1.8c-.13-.14-.23-.14-.4-.07a32 32 0 0 1-1.84.76c-.2.07-.28.14-.28.36v2.67zm2.7-6.62a5.14 5.14 0 0 0 2.17-5.03a5.23 5.23 0 0 0-10.42.5a5.02 5.02 0 0 0 2.72 4.82a5.07 5.07 0 0 0 5.52-.3m-3.15-4.95l.7.64l-2.61 2.54l-.87-.91l1.61-1.56l-1.67-1.64l.9-.92zm3.64.64l-2.63 2.55l-.87-.87l1.62-1.6l-1.68-1.64l.93-.93c.94.9 1.76 1.7 2.63 2.49"/></svg>

File Type Craco アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

HTML 画像

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

VSCode Icons の関連アイコン

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

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

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

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

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

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

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

VSCode Icons をすべて見る →