Bazel アイコン

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

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

file-icons:bazel

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

アイコンセット: File Icons
作者: John Gardner
ライセンス: ISC
サイズ: 512 × 512

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M126.884 2.868L2.804 126.948a5.89 5.89 0 0 0-2.785 4.983v122.55c-.151 2.04.608 2.929 1.98 4.452l249.54 250.094c.011.006.023.017.035.023c3.393 2.91 6.858 1.61 8.711-.16l249.678-249.737c1.662-1.949 2.05-2.237 2.037-4.672V131.93a5.89 5.89 0 0 0-3.406-5.328L385.078 3.087a5.893 5.893 0 0 0-8.332 0l-120.65 120.65L135.215 2.869c-3.34-2.549-6.596-1.776-8.331 0m9.815 18.147L247.753 132.07l-53.001 53.001l-58.053-58.053zm249.805.161l111.008 111.008l-53.22 52.967l-57.788-57.788zm-261.588.323v106.186l-57.42 57.42l-53.093-53.093zm249.805.276v106.002l-57.293 57.294l-53.001-53.002zm-243.58 116.347l55.28 55.28l-55.314 55.314l-55.28-55.28zm249.679.219l55.13 55.13l-55.2 54.934l-54.991-55.003zm-119.212 7.583l47.489 47.478l-47.49 47.489zm-249.806.23l47.317 47.328L11.802 240.8zm488.415.08v94.841l-47.42-47.42zm-250.393.438v93.471l-46.73-46.741zm-55.06 55.06l53 53.002l-55.325 55.326l-53.001-53.001zm122.664 0l54.98 54.981l-53 53.002l-54.981-54.98zm-249.978.082l57.466 57.466v105.875l-110.398-110.4zm377.015.172l52.886 52.886l-110.847 110.34V259.948zm-188.37 61.08l54.981 54.98l-55.326 55.325l-54.98-54.98zM136.7 271.292l47.248 47.26l-47.248 47.247zm238.022.437v93.31l-46.66-46.65zm-54.992 54.992l52.622 52.61l-110.743 111.273v-105.76zm-127.451.16l57.546 57.536v105.68L139.45 379.711z"/></svg>

Bazel アイコンの使い方

React

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

<Icon icon="file-icons:bazel" width="24" />

Vue

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

<template>
  <Icon icon="file-icons:bazel" width="24" />
</template>

Svelte

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

<Icon icon="file-icons:bazel" width="24" />

Tailwind CSS

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

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/file-icons -->
<div class="i-file-icons:bazel"></div>

Web コンポーネント

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="file-icons:bazel"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/file-icons/bazel.svg" alt="Bazel アイコン" width="24" height="24">

File Icons の関連アイコン

他のアイコンセットの Bazel アイコン

Bazel アイコンのよくある質問

Bazel アイコンは商用利用でも無料ですか?

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

React で Bazel アイコンを使うには?

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

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

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

File Icons をすべて見る →