File Type C3 アイコン

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

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

vscode-icons:file-type-c3

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

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

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="#7c3aed" d="M29.94 18.03a3.74 3.74 0 0 0-1.63-1.93a4.2 4.2 0 0 0-1.26-.51v-.07c.77-.2 1.46-.63 1.96-1.24c.51-.61.77-1.37.77-2.27c0-.77-.17-1.44-.5-2.01A4.5 4.5 0 0 0 28 8.57a5.6 5.6 0 0 0-1.82-.84a8.06 8.06 0 0 0-4.06-.01c-.63.17-1.22.43-1.77.77a5.24 5.24 0 0 0-2.3 3.06l3.57.82a2.21 2.21 0 0 1 2.22-1.8c.5 0 1 .16 1.42.46c.4.3.61.75.61 1.33q0 .6-.24.96a1.7 1.7 0 0 1-.64.58a2.8 2.8 0 0 1-.9.3c-.35.06-.7.08-1.05.08H21.9v2.78h1.03c.4 0 .8.03 1.2.1c.36.06.72.17 1.06.34c.3.15.56.37.75.65c.2.3.3.66.29 1.02c.01.33-.06.66-.22.96c-.13.24-.32.45-.55.62a2.3 2.3 0 0 1-.75.35a3.2 3.2 0 0 1-.84.12a2.7 2.7 0 0 1-1.8-.6a2.85 2.85 0 0 1-.94-1.4l-3.57.93a5.37 5.37 0 0 0 2.46 3.26c.59.35 1.23.6 1.9.76c.7.17 1.42.25 2.14.25c.74 0 1.49-.1 2.2-.3c.7-.2 1.37-.51 1.96-.93a4.62 4.62 0 0 0 1.72-5.15z"/><path fill="#2563eb" d="m16.82 21.76l-2.72-2.54c-.37.5-.84.9-1.4 1.18c-.58.3-1.25.45-2.03.45c-.64.01-1.27-.11-1.86-.36a4.27 4.27 0 0 1-2.4-2.57a5.6 5.6 0 0 1-.34-2c-.01-.67.1-1.34.34-1.97a4.43 4.43 0 0 1 4.33-2.97c.62 0 1.25.13 1.83.37c.57.23 1.07.61 1.44 1.11l2.65-2.64a6.5 6.5 0 0 0-2.69-1.76c-2.2-.8-4.62-.8-6.83-.01a7.8 7.8 0 0 0-4.66 4.37a8.8 8.8 0 0 0-.67 3.5a8.8 8.8 0 0 0 .66 3.46a7.95 7.95 0 0 0 4.6 4.43c1.1.42 2.28.63 3.46.61c1.37 0 2.59-.24 3.64-.71a7.7 7.7 0 0 0 2.65-1.95"/></svg>

File Type C3 アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

HTML 画像

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

VSCode Icons の関連アイコン

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

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

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

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

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

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

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

VSCode Icons をすべて見る →