File Type Drools アイコン

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

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

vscode-icons:file-type-drools

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

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

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="#db0012" d="M10.347 3.206a14.47 14.47 0 0 1 8.067-1.074a8.9 8.9 0 0 1 6.049 2.939a9.77 9.77 0 0 1 1.889 4.959a36 36 0 0 1-.166 8.138a23.5 23.5 0 0 1-1.823 7.565a7.97 7.97 0 0 1-3.17 3.691a4.63 4.63 0 0 1-4.71-.139c-.918-.545-1.458-1.5-2.281-2.163a4.76 4.76 0 0 0-2.839-1.336a.67.67 0 0 1-.2-.829c.288-.41.842-.236 1.246-.15a8.54 8.54 0 0 1 3.935 2.9a3.46 3.46 0 0 0 3.57 1.036a5.64 5.64 0 0 0 3.07-2.829a22.1 22.1 0 0 0 2.152-8.548a27 27 0 0 0-.147-8.548a6.74 6.74 0 0 0-2.655-4.179a11.2 11.2 0 0 0-6.5-1.511A9.8 9.8 0 0 0 9.118 5.38a8.52 8.52 0 0 0-2.346 7.851a5.64 5.64 0 0 0 1.89 3.5c.338.277.953.29 1.039.8a.565.565 0 0 1-.724.593a4.48 4.48 0 0 1-2.522-2.364a10.14 10.14 0 0 1-.281-8.051a8.44 8.44 0 0 1 4.173-4.503"/><path fill="#0095dd" d="M10.469 10.227c.332-.306 1-.069.945.422a92 92 0 0 1-.3 9.9a15.6 15.6 0 0 1-.485 2.8c-.169.561-1.167.346-1.057-.25c.835-4.085.708-8.285.732-12.434a.65.65 0 0 1 .165-.438"/><path fill="#ff8a12" d="M24.04 12.342a.608.608 0 0 1 1.02.4c0 .443-.469.571-.775.765a4.7 4.7 0 0 0-2.2 1.952c-.532 1.825.8 3.577.435 5.408a1.61 1.61 0 0 1-1.267 1.218a9.5 9.5 0 0 1-2.845.022a.571.571 0 0 1-.019-1.063a14.5 14.5 0 0 0 2.643-.072c.545-.134.448-.81.4-1.232c-.265-1.546-.929-3.148-.387-4.711c.515-1.315 1.825-2.029 2.995-2.687"/><path fill="#7658b1" d="M15.847 15.464c.657-.062 1.238.427 1.908.383a3.7 3.7 0 0 0 1.736-.5a.583.583 0 0 1 .316 1.028a3.94 3.94 0 0 1-3.934.139a.579.579 0 0 1-.026-1.05"/></svg>

File Type Drools アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

HTML 画像

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

VSCode Icons の関連アイコン

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

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

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

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

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

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

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

VSCode Icons をすべて見る →