Baker Street アイコン

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

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

logos:baker-street

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

アイコンセット: SVG Logos
作者: Gil Barbara
ライセンス: CC0-1.0
サイズ: 256 × 256
タグ: bakerstreet

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><path fill="#f99d59" d="M182.564 190.927c-50.831 14.115-101.586-1.981-133.014-35.373c-.009.916-.86 3.114-.841 4.152c.318 17.691 4.111 51.923 32.552 85.82c.662.788 3.959 2.458 4.646 3.244c7.006 2.443 14.281 4.267 21.782 5.467c.744-.228 3.814-.382 4.547-.622c39.284-12.87 60.852-43.277 69.84-58.792c.624-1.078-.012-2.976.488-3.896"/><path fill="#178dbc" d="M222.555 41.941c-.573-.224-1.769-1.252-2.338-1.467c-29.7-11.215-52.817-9.145-69.497-4.313c-.232.067-.579.898-.808.966c41.529 30.288 61.09 97.165 32.652 153.8c.842-.205 1.553.419 2.48.153c15.586-4.469 43.4-17.884 69.746-58.74c.533-.825.639-2.715 1.171-3.562c.001-.262.039-.515.039-.778c0-33.183-12.734-63.317-33.445-86.059"/><path fill="#e5d332" d="M82.563 8.453c-28.13 10.701-51.509 30.948-66.112 56.885c.007.795-1.006 2.612-.99 3.395c1.028 50.621 20.84 75.867 31.461 85.909c.816.771 1.925.314 2.628.912c.379-47.009 45.345-109.631 100.362-118.427c.081-.393.333-.661-.486-1.335c-4.869-4.014-19.315-18.853-61.919-27.171c-.997-.194-3.926.009-4.944-.168"/><path fill="#3e7947" d="M149.912 37.127c17.018-4.988 41.973-7.205 72.643 4.814l-.211-.242C198.96 16.111 165.398 0 128 0c-16.025 0-31.299 3.075-45.437 8.453c40.816 7.086 59.932 21.328 67.349 28.674"/><path fill="#e57428" d="M85.907 248.77c-31.97-36.612-36.549-75.698-36.392-92.583c0-.215.035-.443.037-.66l-.002.027c-10.002-8.503-32.595-34.06-33.099-90.216C11.371 75.09 0 100.442 0 128c0 55.863 35.839 103.24 85.744 120.695z"/><path fill="#4a6f5d" d="M255.961 128.778c-28.404 45.31-58.112 58.429-73.397 62.149c-.074.146-.125.296-.198.441c-.159.045.158-.044 0 0c-7.831 14.42-31.23 49.598-74.677 62.869C114.283 255.333 121.091 256 128 256c70.693 0 128-57.307 128-128c0 .263-.038.516-.039.778"/></svg>

Baker Street アイコンの使い方

React

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

<Icon icon="logos:baker-street" width="24" />

Vue

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

<template>
  <Icon icon="logos:baker-street" width="24" />
</template>

Svelte

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

<Icon icon="logos:baker-street" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="logos:baker-street"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/logos/baker-street.svg" alt="Baker Street アイコン" width="24" height="24">

Baker Street アイコンのよくある質問

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

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

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

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

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

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

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