Browserbase アイコン

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

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

logos:browserbase

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

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

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="103" viewBox="0 0 512 103"><path fill="#ff4500" d="M102.068 102.068H0V0h102.068z"/><path fill="#fff" d="m64.258 26.78l8.464 8.462v9.168l-5.643 5.64l7.053 7.053v9.872l-8.461 8.462H28.295l.002-48.656zM42.444 56.086v3.572h14.29v-3.572zm14.29-15.666h-14.29v3.573h14.29z"/><path d="M129.627 74.776V28.187h16.029a11.95 11.95 0 0 1 12.013 11.977v2.664c0 3.058-1.13 5.92-3.068 7.99a12.02 12.02 0 0 1 4.41 9.315v2.664a11.95 11.95 0 0 1-12.014 11.979zm6.671-6.653h10.685c3.01 0 5.344-2.326 5.344-5.328v-2.662c0-3.001-2.333-5.328-5.344-5.328h-10.685zm0-19.97h9.341c3.011 0 5.345-2.324 5.345-5.325v-2.664c0-3-2.334-5.328-5.345-5.328h-9.34zm29.62 26.62V40.866h6.641v5.124l7.512-5.124h1.927c6.12 0 11.17 5.322 11.17 11.965v2.66h-6.64v-2.66c0-2.928-1.858-5.32-4.515-5.32h-.607l-8.833 5.91v21.336h-6.64zm43.488 0c-6.645 0-11.969-5.25-11.969-11.907V52.831a11.92 11.92 0 0 1 11.969-11.963h5.322a11.92 11.92 0 0 1 11.968 11.963v10.035c0 6.643-5.322 11.907-11.968 11.907zm-5.322-11.893c0 2.997 2.323 5.18 5.322 5.249h5.322c3 0 5.323-2.266 5.323-5.25V52.844c0-2.999-2.323-5.32-5.323-5.32h-5.322a5.254 5.254 0 0 0-5.322 5.32zm34.707 11.893l-6.318-18.621V40.866h6.64v13.302l3.322 10.57l5.657-17.889h5.444l5.642 17.889l3.322-10.57v-13.3h6.64v15.284l-6.318 18.621h-5.654l-6.376-15.89l-6.373 15.89h-5.656zm46.862 0c-6.45 0-11.238-4.195-11.238-9.84v-1.322h6.647v1.323c0 2.125 1.733 3.66 4.59 3.66h6.058c3.125 0 4.66-1.266 4.66-3.195c0-7.516-21.49-2.66-21.49-15.553c0-5.39 4.322-8.978 10.646-8.978h5.718c5.986 0 10.646 4.32 10.646 9.907v.606h-6.647v-.606c0-2.123-1.661-3.73-3.984-3.73h-5.718c-2.789 0-3.985 1.127-3.985 2.787c0 5.391 21.49 2 21.49 15.553c0 5.587-4.592 9.372-11.31 9.372h-6.054zm34.634 0c-6.59 0-11.967-5.448-11.967-12.034v-9.908a11.96 11.96 0 0 1 11.967-11.963h5.324c6.368-.038 11.64 4.94 11.966 11.301v7.178h-22.612v3.392a5.336 5.336 0 0 0 5.322 5.32h5.324a5.336 5.336 0 0 0 5.322-5.32v-.663h6.644v.663c0 6.586-5.322 12.034-11.966 12.034zm-5.322-20.732h15.968v-1.196a5.246 5.246 0 0 0-5.322-5.32h-5.324a5.287 5.287 0 0 0-5.322 5.32zm29.896 20.732V40.866h6.64v5.124l7.513-5.124h1.927c6.12 0 11.17 5.322 11.17 11.965v2.66h-6.64v-2.66c0-2.928-1.858-5.32-4.516-5.32h-.592l-8.833 5.91v21.336h-6.64zm44.816.002l-5.52-3.73v3.732h-6.647V27.558h6.647v17.02l5.52-3.73h5.124a11.956 11.956 0 0 1 11.968 11.964v9.983c0 6.587-5.393 11.964-11.968 11.964h-5.124zm-5.52-11.768l7.576 5.124h3.054a5.336 5.336 0 0 0 5.323-5.32v-9.982a5.336 5.336 0 0 0-5.323-5.32h-3.054l-7.576 5.124zm40.66 11.766c-6.618 0-12.02-5.39-12.02-11.962v-9.98c0-6.643 5.416-11.963 12.02-11.963h5.146l5.545 3.73v-3.732h6.673v33.907h-6.673V71.04l-5.545 3.731zm-5.346-11.962a5.35 5.35 0 0 0 5.346 5.318h3.068l7.609-5.124v-10.37l-7.609-5.124h-3.068a5.35 5.35 0 0 0-5.346 5.32zm40.605 11.962c-6.451 0-11.238-4.195-11.238-9.84v-1.322h6.647v1.323c0 2.125 1.73 3.66 4.59 3.66h6.055c3.128 0 4.663-1.266 4.663-3.195c0-7.516-21.492-2.66-21.492-15.553c0-5.39 4.324-8.978 10.648-8.978h5.718c5.985 0 10.646 4.32 10.646 9.907v.606h-6.647v-.606c0-2.123-1.662-3.73-3.985-3.73h-5.718c-2.788 0-3.986 1.127-3.986 2.787c0 5.391 21.491 2 21.491 15.553c0 5.587-4.59 9.372-11.309 9.372h-6.055zm34.634 0c-6.59 0-11.969-5.448-11.969-12.034v-9.908a11.96 11.96 0 0 1 11.969-11.963h5.321c6.369-.037 11.64 4.941 11.969 11.301v7.178h-22.612v3.392a5.334 5.334 0 0 0 5.322 5.32h5.321a5.336 5.336 0 0 0 5.324-5.32v-.663H512v.663c0 6.586-5.322 12.034-11.969 12.034zm-5.322-20.732h15.967v-1.196c0-2.999-2.323-5.32-5.324-5.32h-5.321a5.287 5.287 0 0 0-5.322 5.32z"/></svg>

Browserbase アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

SVG Logos の関連アイコン

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

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

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

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

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

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

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

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