File Type Rollup アイコン

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

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

vscode-icons:file-type-rollup

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

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

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><defs><linearGradient id="SVG0aPgjdWp" x1="13.146" x2="20.701" y1="-186.913" y2="-188.679" gradientTransform="matrix(1 0 0 -1 0 -170)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#ff6533"/><stop offset=".157" stop-color="#ff5633"/><stop offset=".434" stop-color="#ff4333"/><stop offset=".714" stop-color="#ff3733"/><stop offset="1" stop-color="#f33"/></linearGradient><linearGradient id="SVGEzUXMeRY" x1="11.963" x2="25.504" y1="-184.409" y2="-194.908" gradientTransform="matrix(1 0 0 -1 0 -170)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#bf3338"/><stop offset="1" stop-color="#f33"/></linearGradient><linearGradient id="SVGkRjvQkZr" x1="12.406" x2="14.368" y1="-186.476" y2="-188.536" href="#SVG0aPgjdWp"/><linearGradient id="SVGN27Cvb5p" x1="15.974" x2="15.385" y1="-190.023" y2="-181.584" href="#SVG0aPgjdWp"/><linearGradient id="SVG4frn6c0O" x1="13.423" x2="16.211" y1="-186.331" y2="-188.227" gradientTransform="matrix(1 0 0 -1 0 -170)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#fbb040"/><stop offset="1" stop-color="#fb8840"/></linearGradient><linearGradient id="SVGVBiWIclC" x1="16.279" x2="13.434" y1="-175.614" y2="-206.915" gradientTransform="matrix(1 0 0 -1 0 -170)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#fff"/><stop offset="1" stop-color="#fff" stop-opacity="0"/></linearGradient></defs><path fill="url(#SVG0aPgjdWp)" d="M26.713 11.219a9.15 9.15 0 0 0-1.193-4.534c-2.016-2.075-6.4-2.556-7.492-.01c-1.119 2.61 1.879 5.514 3.189 5.284c1.668-.294-.294-4.121-.294-4.121c2.551 4.808 1.962 3.336-2.649 7.752S8.953 29.322 8.266 29.715a1 1 0 0 1-.093.049h18.088a.43.43 0 0 0 .383-.623l-4.729-9.361a.43.43 0 0 1 .167-.564a9.21 9.21 0 0 0 4.631-7.997"/><path fill="url(#SVGEzUXMeRY)" d="M26.713 11.219a9.15 9.15 0 0 0-1.193-4.534c-2.016-2.075-6.4-2.556-7.492-.01c-1.119 2.61 1.879 5.514 3.189 5.284c1.668-.294-.294-4.121-.294-4.121c2.551 4.808 1.962 3.336-2.649 7.752S8.953 29.322 8.266 29.715a1 1 0 0 1-.093.049h18.088a.43.43 0 0 0 .383-.623l-4.729-9.361a.43.43 0 0 1 .167-.564a9.21 9.21 0 0 0 4.631-7.997"/><path fill="url(#SVGkRjvQkZr)" d="M8.266 29.715c.687-.392 5.4-9.714 10.008-14.13s5.2-2.944 2.649-7.752c0 0-9.763 13.688-13.3 20.458"/><path fill="url(#SVGN27Cvb5p)" d="M9.639 17.449C16.233 5.326 17.1 4.1 20.531 4.1a6.25 6.25 0 0 1 4.8 2.262A9.21 9.21 0 0 0 17.636 2h-11.2a.427.427 0 0 0-.427.427V25a68 68 0 0 1 3.63-7.551"/><path fill="url(#SVG4frn6c0O)" d="M18.274 15.585C13.662 20 8.953 29.322 8.266 29.715a2.08 2.08 0 0 1-2.453-.245c-.653-.731-1.668-1.913 3.827-12.02C16.233 5.326 17.1 4.1 20.531 4.1a6.25 6.25 0 0 1 4.8 2.262c.064.1.128.211.191.319c-2.016-2.075-6.4-2.556-7.492-.01c-1.119 2.61 1.879 5.514 3.189 5.284c1.668-.294-.294-4.121-.294-4.121c2.55 4.807 1.961 3.335-2.651 7.751"/><path fill="url(#SVGVBiWIclC)" d="M10.179 17.989C16.773 5.866 17.636 4.644 21.071 4.644A6.3 6.3 0 0 1 25.192 6.2a6.25 6.25 0 0 0-4.661-2.1c-3.434 0-4.3 1.222-10.892 13.345C4.145 27.556 5.16 28.738 5.813 29.469a1.6 1.6 0 0 0 .314.265c-.574-.834-.827-2.772 4.052-11.745" opacity=".3"/></svg>

File Type Rollup アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

HTML 画像

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

VSCode Icons の関連アイコン

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

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

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

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

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

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

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

VSCode Icons をすべて見る →