File Type Vroom アイコン

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

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

vscode-icons:file-type-vroom

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

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

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="#ccc" d="M5.18 19.12q-.02.03-.07.04h-.79q-.06 0-.08-.06c-.73-2.14-1.56-4.47-2.23-6.37L2 12.69h.87q.06-.01.08.05l1.76 5.22c.67-1.73 1.16-3.56 1.84-5.23q.01-.03.05-.04h.9C6.6 15 6 17.04 5.17 19.12z"/><path fill="#ea4335" d="m12.17 18.29l.24.36l.3.44q.02.02.04.07h-.96l-.08-.04l-1.66-2.5q-.05-.09-.16-.08h-.8v2.62h-.84v-6.47h2.36q.37 0 .7.16q.4.17.68.48q.37.38.46.9q.04.3.03.59q-.04.49-.35.89a3 3 0 0 1-.45.44q-.28.23-.64.3q-.05 0-.12.04zm-3.07-4.8v2.27h1.36q.1 0 .19-.02q.47-.09.76-.47q.3-.4.19-.88a1 1 0 0 0-.36-.6q-.3-.3-.72-.29z"/><path id="SVG3P1CZbeQ" fill="#fbbc05" d="M17.15 15.55q.23.34.32.74a4 4 0 0 1 .07.88a2.3 2.3 0 0 1-.6 1.44q-.26.27-.58.45q-.34.19-.72.22q-.27.04-.54.03a2.2 2.2 0 0 1-1.53-.72a2 2 0 0 1-.51-1q-.05-.27-.06-.53a2.4 2.4 0 0 1 .47-1.63a2.2 2.2 0 0 1 1.55-.83q.58-.07 1.12.14q.36.13.64.4zM16 18.33q.25-.14.4-.36q.24-.34.29-.76q.04-.38-.04-.75q-.13-.5-.53-.8a1.4 1.4 0 0 0-1.28-.23q-.4.13-.67.47q-.3.38-.33.85q-.02.3.03.59q.1.6.6.96q.36.24.8.24l.26-.03q.25-.03.47-.18"/><use href="#SVG3P1CZbeQ" transform="translate(5.07)"/><path fill="#34a853" d="M27.06 19.16h-.84v-2.68q.01-.36-.14-.7a.7.7 0 0 0-.48-.38q-.39-.1-.76.04q-.22.1-.38.3q-.17.2-.26.46q-.06.18-.07.36l-.02 2.54v.06h-.84v-4.42h.81v.6h.02l.05-.08q.2-.27.5-.44q.27-.17.56-.2q.22-.03.46-.02q.28.01.53.14q.29.12.47.36l.21.3q.13-.16.3-.34q.36-.37.88-.44q.24-.04.5-.03q.43.01.8.26q.34.23.5.63q.14.4.14.86v2.82h-.84v-2.8q0-.32-.15-.62a.7.7 0 0 0-.53-.36a1 1 0 0 0-.57.02a1 1 0 0 0-.36.2q-.3.26-.4.63q-.07.22-.08.45v2.48z"/></svg>

File Type Vroom アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

HTML 画像

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

VSCode Icons の関連アイコン

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

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

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

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

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

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

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

VSCode Icons をすべて見る →