File Type Ceylon アイコン

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

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

vscode-icons:file-type-ceylon

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

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

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="#ab710a" d="M10.78 21.986a3.4 3.4 0 0 1-.62-.226A11 11 0 0 0 8.5 26h2.724a14.3 14.3 0 0 1-.444-4.014m8.827-1.479a21 21 0 0 0-1.264 3.885c-.118.538.239 1.074.172 1.608h3.426c-.9-2.547-1.107-6.251-1.575-7.732c-.011-.021-.746 2.257-.759 2.239"/><path fill="#c18d30" d="M29.359 11.748c-.779-1.131-2.557-2.081-2.971-3.372a1.96 1.96 0 0 1 .079-1.326c.2-.316-.119-.226-.119-.226c-.443.174-.634-.323-.634-.323c-.066-.174.025-.706-.356-.416c-.687.527-.461 1.809-.332 2.325a5.4 5.4 0 0 0 1.306 2.338c.222.21 1.617 1.778 1.426 2.58a.64.64 0 0 1-.476.593c-1.016.208-1.346-1.065-1.346-1.065c-.762-3.322-1.993-4.485-1.993-4.485A23.6 23.6 0 0 0 18 8.9A34.6 34.6 0 0 0 4.657 11C2.983 13.455 2 18.012 2 18.012s0 .023.016.025a.06.06 0 0 0 .057-.029a14.2 14.2 0 0 1 2.119-2.185A30.2 30.2 0 0 0 5.437 26h2.657a11.9 11.9 0 0 1 1.942-4.8c.988.765 3.22.538 3.22.538c.394 1.525 1.2 4.257 1.2 4.257h3.2a21 21 0 0 1 1.744-6.022a13 13 0 0 0 .812-2.388a1.36 1.36 0 0 1 1.424-1.246c.483 0 2.68 1.253 4.321 1.169c2.858-.147 3.985-1.5 4.041-3.037a4.7 4.7 0 0 0-.639-2.723m-9.187 3.263a.6.6 0 0 1-.06.122a.3.3 0 0 1-.113.106a.3.3 0 0 1-.162.037a.5.5 0 0 1-.146-.034a1.4 1.4 0 0 1-.416-.3q-.089-.085-.169-.172l-.155-.165a1 1 0 0 0-.327-.187a4 4 0 0 0-.424-.118a5 5 0 0 1-.458-.128a1 1 0 0 1-.129-.053l-.064-.024a1 1 0 0 1-.084-.061a.6.6 0 0 1-.124-.159a.7.7 0 0 1-.062-.167a1.1 1.1 0 0 1-.022-.3a2 2 0 0 1 .028-.262a4 4 0 0 1 .122-.482q.073-.225.162-.452c.029-.075.057-.147.091-.226a2 2 0 0 1 .115-.226a2.5 2.5 0 0 1 .646-.731a3 3 0 0 1 .4-.258a2.3 2.3 0 0 1 .443-.181a4 4 0 0 0-.682.613a2.8 2.8 0 0 0-.485.731a2 2 0 0 0-.075.2l-.069.226q-.068.22-.124.441a4 4 0 0 0-.091.432a2 2 0 0 0-.02.2a.7.7 0 0 0 .014.169a.15.15 0 0 0 .035.077l.031.018l.087.037c.128.049.276.088.425.135a4 4 0 0 1 .454.17a1.2 1.2 0 0 1 .443.316a2 2 0 0 1 .141.2l.135.183q.066.087.14.168a1 1 0 0 0 .148.131a.17.17 0 0 0 .135.038a.25.25 0 0 0 .131-.115a1 1 0 0 0 .1-.2c.029-.073.051-.147.076-.227a1.4 1.4 0 0 1-.041.478M23 12.994a.485.485 0 0 1-.609.316a.5.5 0 0 1-.308-.626a.48.48 0 0 1 .6-.319a.5.5 0 0 1 .127.06a.44.44 0 0 1 .19.569"/></svg>

File Type Ceylon アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

HTML 画像

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

VSCode Icons の関連アイコン

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

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

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

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

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

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

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

VSCode Icons をすべて見る →