File Type Krita アイコン

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

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

vscode-icons:file-type-krita

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

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

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><defs><linearGradient id="SVG1mG4IbVQ" gradientUnits="userSpaceOnUse"/><linearGradient id="SVG6mgojcMx" x1="1328" x2="1325" y1="231" y2="90" gradientTransform="rotate(89 1092 -2)scale(1 -1)" href="#SVG1mG4IbVQ"><stop offset="0" stop-color="#5596ea"/><stop offset="1" stop-color="#5596ea" stop-opacity="0"/></linearGradient><linearGradient id="SVG8SKFkeVw" x1="112" x2="712" y1="512" y2="512" gradientTransform="translate(-1211 -699)" href="#SVG1mG4IbVQ"><stop offset="0" stop-color="#ff0"/><stop offset="1" stop-color="#ff0" stop-opacity="0"/></linearGradient><linearGradient id="SVGCtjK2bex" gradientTransform="translate(-325 187)" href="#SVG8SKFkeVw"><stop offset="0" stop-color="#0ff"/><stop offset="1" stop-color="#0ff" stop-opacity="0"/></linearGradient><linearGradient id="SVGVNIXjcaJ" gradientTransform="translate(0 -1024)" href="#SVG8SKFkeVw"><stop offset="0" stop-color="#f0f"/><stop offset="1" stop-color="#f0f" stop-opacity="0"/></linearGradient></defs><g transform="translate(.8 -.8)scale(.032)"><circle cx="512" cy="512" r="400" fill="#fff"/><circle cx="-699" cy="-187" r="400" fill="url(#SVG8SKFkeVw)" transform="rotate(210)"/><circle cx="187" cy="699" r="400" fill="url(#SVGCtjK2bex)" transform="rotate(-30)"/><circle cx="512" cy="-512" r="400" fill="url(#SVGVNIXjcaJ)" transform="rotate(90)"/></g><path fill-opacity=".5" d="M8 6.7L6 9.2C8 11 10 13 10.9 14c1.4 1.5 4.3 3.7 6.4 3.4c.8.6 2.7 2 3.4 2.2l.1 1c.6 1.6 2.8 2.7 1.5 4.5c2.6-1.6 3.2-4.2 2.2-6q-1.2-1.6-2.5-1.2c-.5-.6-2.4-2.2-3.1-2.8c-.5-2-3.2-4.2-5-5z"/><path fill="#404040" d="M18.7 16.5c-2 2-6-1.1-7.7-3l-8.6-9Q1.6 3.7 2 3q.6-.6 1.5 0c.6.4 8.3 5.3 10.6 6.6s6 4.4 4.6 6.9"/><path fill="url(#SVG6mgojcMx)" d="M1317 209a85 85 0 0 1-139-19c6 37 30 70 68 82c28 10 73 10 93-27z" transform="translate(-125.6 -5)scale(.112)"/><path fill="#bfbfbf" d="M22 19.1c-.6.3-.5.5-1.1.5c-.4-.1-3.9-2.7-3.9-2.7q-.2-.8.4-1.5q.7-.8 1.4-.7s3.3 2.8 3.4 3.2c.2.6 0 .5-.1 1.2"/><path fill="#282828" d="M22.2 25c2.6-1.5 3.4-4 2.4-6c-.8-1.4-2.2-1.7-3-1s-1 1.6-.8 2.4c.6 1.7 2.8 2.8 1.4 4.6"/></svg>

File Type Krita アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

HTML 画像

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

VSCode Icons の関連アイコン

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

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

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

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

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

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

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

VSCode Icons をすべて見る →