Bmw アイコン
cbi:bmw
Bmw アイコン(cbi:bmw)は、Custom Brand Icons セットの無料 SVG アイコンです（作者: Emanuele & rchiileea）。 24 × 24 のグリッドで描かれています。 Custom Brand Icons は CC BY-NC-SA 4.0 ライセンス を採用しており、作者の個別の許可なしに商用利用することはできません。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Custom Brand Icons
- 作者
- Emanuele & rchiileea
- ライセンス
- CC-BY-NC-SA-4.0
- サイズ
- 24 × 24
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M12 2C6.478 2 2 6.478 2 12s4.478 10 10 10s10-4.477 10-10S17.523 2 12 2m0 .65c5.163 0 9.349 4.186 9.349 9.35S17.164 21.349 12 21.349S2.651 17.163 2.651 12S6.837 2.65 12 2.65m-.565.525q-.412.018-.827.065l-.089 2.453a8 8 0 0 1 .592-.078l.058-1.657l-.011-.114l.036.109l.554 1.24h.504l.554-1.24l.033-.109l-.008.114l.058 1.657c.193.018.394.045.592.078L13.39 3.24a13 13 0 0 0-.827-.065l-.544 1.354l-.019.1l-.019-.1Zm5.58 1.52l-1.286 2.023c.163.125.377.309.514.435l1.211-.628l.077-.057l-.058.078l-.626 1.211c.136.146.331.381.441.525l2.025-1.287a13 13 0 0 0-.383-.473l-1.282.845l-.088.076l.065-.095l.567-1.13l-.4-.401l-1.13.567l-.096.065l.076-.088l.848-1.283a14 14 0 0 0-.475-.383m-10.432.459c-.3.031-.531.236-1.16.938a16 16 0 0 0-.631.761L6.52 8.492c.573-.633.805-.868 1.257-1.344c.319-.337.5-.725.18-1.097c-.174-.202-.465-.246-.709-.146l-.023.008l.008-.021a.58.58 0 0 0-.202-.612a.6.6 0 0 0-.448-.125Zm.005.513c.114-.031.231.05.257.166c.027.117-.047.227-.128.319c-.184.208-.86.915-.86.915l-.334-.319c.347-.425.717-.812.885-.966a.46.46 0 0 1 .18-.115M12 6.069a5.93 5.93 0 0 0-5.9 5.324v.001a5.935 5.935 0 0 0 7.097 6.414A5.925 5.925 0 0 0 17.93 12A5.933 5.933 0 0 0 12 6.071Zm-4.614.202q.06-.001.117.036a.205.205 0 0 1 .088.216c-.022.099-.104.193-.171.265l-.871.934l-.35-.334s.656-.693.871-.916a.8.8 0 0 1 .198-.17a.25.25 0 0 1 .117-.031ZM12 6.848A5.146 5.146 0 0 1 17.152 12H12v5.152A5.146 5.146 0 0 1 6.848 12H12Z"/></svg>
Bmw アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="cbi:bmw" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="cbi:bmw" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="cbi:bmw" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[cbi--bmw]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/cbi -->
<div class="i-cbi:bmw"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="cbi:bmw"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/cbi/bmw.svg" alt="Bmw アイコン" width="24" height="24">
Custom Brand Icons の関連アイコン
Bmw アイコン のよくある質問
Bmw アイコンは商用利用でも無料ですか?
いいえ。Custom Brand Icons は CC BY-NC-SA 4.0 ライセンス を採用しており、作者の個別の許可なしに商用利用することはできません。
React で Bmw アイコンを使うには?
@iconify/react をインストールして <Icon icon="cbi:bmw" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Bmw アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/cbi/bmw.svg" alt="Bmw アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Custom Brand Icons をすべて見る →
ICONYZ
