Bazel アイコン

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

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

logos:bazel

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

アイコンセット: SVG Logos
作者: Gil Barbara
ライセンス: CC0-1.0
サイズ: 512 × 144

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="144" viewBox="0 0 512 144"><path fill="#76d275" d="m36.03 0l36.03 36.03L108.124 0l36.03 36.03V71.4l-36.03 36.063l-36.064 36.03l-36.03-36.03L0 71.4V36.03z"/><path fill="#00701a" d="M72.06 108.124v35.368l-36.03-36.03V72.094z"/><path fill="#004300" d="m72.06 108.124l36.064-36.03v35.368l-36.064 36.03z"/><path fill="#43a047" d="M36.03 72.094v35.368L0 71.399V36.03zM144.154 36.03v35.369l-36.03 36.063V72.094zM72.06 108.124l-36.03-36.03L72.06 36.03l36.064 36.064z"/><path fill="#76d275" d="M36.03 72.094L0 36.03L36.03 0l36.03 36.03zm72.094 0L72.06 36.03L108.124 0l36.03 36.03z"/><path fill="#5f6368" d="M190.474 123.41V17.766h38.28a31.1 31.1 0 0 1 21.506 8.205a26.47 26.47 0 0 1 9.065 20.58a23.16 23.16 0 0 1-3.904 13.234a24.6 24.6 0 0 1-10.422 8.701v.596a26.77 26.77 0 0 1 12.837 9.164a23.92 23.92 0 0 1 5.03 15.054a27.7 27.7 0 0 1-9.53 21.54a32.46 32.46 0 0 1-22.498 8.568zm13.565-60.382h24.715a15.88 15.88 0 0 0 12.34-5.095a15.683 15.683 0 0 0 0-22.2a15.15 15.15 0 0 0-11.877-5.03H204.04zm0 47.379h27.329a16.18 16.18 0 0 0 12.672-5.46a17.47 17.47 0 0 0 4.896-11.943c-.288-9.767-8.395-17.475-18.164-17.271H204.04zm94.625 15.385a28.52 28.52 0 0 1-19.256-6.618a22.04 22.04 0 0 1-7.643-17.601a21.7 21.7 0 0 1 9.132-18.528a37.06 37.06 0 0 1 22.597-6.617a38.74 38.74 0 0 1 19.554 4.202v-2.085a16.25 16.25 0 0 0-5.492-12.77a19.85 19.85 0 0 0-13.433-4.798a20.95 20.95 0 0 0-10.687 2.812a14.56 14.56 0 0 0-6.617 7.676l-12.374-5.327a28.1 28.1 0 0 1 9.926-12.01a31.66 31.66 0 0 1 19.487-5.558a33.45 33.45 0 0 1 23.16 8.139a28.98 28.98 0 0 1 9.132 22.862v43.838h-13.102v-9.925h-.596a26.63 26.63 0 0 1-23.788 12.308m2.217-12.408a22.04 22.04 0 0 0 15.285-6.286a19.49 19.49 0 0 0 6.882-14.822a26.8 26.8 0 0 0-17.304-4.731a22.47 22.47 0 0 0-14.888 4.268a12.97 12.97 0 0 0-5.03 9.925a9.63 9.63 0 0 0 4.567 8.669a18.46 18.46 0 0 0 10.488 2.977m48.437 9.926v-11.712L390.51 63.49h-40.034V51.084h56.709v11.812l-41.192 48.106h41.787v12.407zm102.73 2.382a34.87 34.87 0 0 1-26.633-10.951a38.68 38.68 0 0 1-10.257-27.593a39.7 39.7 0 0 1 9.926-27.164a32.36 32.36 0 0 1 25.344-11.282A33.38 33.38 0 0 1 476.2 59.19a39.7 39.7 0 0 1 9.794 28.057v2.514h-57.272a24.65 24.65 0 0 0 7.312 17.337a22.13 22.13 0 0 0 15.716 6.353q14.624 0 19.851-12.408l11.911 4.963a32.46 32.46 0 0 1-11.679 14.095a33.95 33.95 0 0 1-19.785 5.69zm19.488-47.246a19.22 19.22 0 0 0-5.69-11.812a20.25 20.25 0 0 0-15.55-5.624a19.5 19.5 0 0 0-13.235 4.731a23.86 23.86 0 0 0-7.61 12.705zM512 123.31h-13.598V17.767H512z"/></svg>

Bazel アイコンの使い方

React

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

<Icon icon="logos:bazel" width="24" />

Vue

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

<template>
  <Icon icon="logos:bazel" width="24" />
</template>

Svelte

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

<Icon icon="logos:bazel" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="logos:bazel"></iconify-icon>

HTML 画像

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

SVG Logos の関連アイコン

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

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

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

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

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

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

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

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

SVG Logos アイコンをすべて見る →