Bmg アイコン

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

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

thesvg-color:bmg

Bmg アイコン(thesvg-color:bmg)は、theSVG Color セットの無料 SVG アイコンです（作者: thesvg.org）。 105 × 35 のグリッドで描かれています。 theSVG Color icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: theSVG Color
作者: thesvg.org
ライセンス: MIT
サイズ: 105 × 35

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="105" height="35" viewBox="0 0 105 35"><g fill="#14394c"><path fill-rule="evenodd" d="M35.168 17.5c0 1.163-.115 2.3-.333 3.4l-1.228-3.399l1.229-3.4c.217 1.1.332 2.236.332 3.399M21.023.335l2.009 3.458l4.32-.846a17.5 17.5 0 0 0-6.33-2.612Zm6.325 31.72l-4.335-.846l-1.988 3.455a17.5 17.5 0 0 0 6.324-2.609Zm1.57-25.835l3.283 1.549a17.6 17.6 0 0 0-4.834-4.812zm3.293 20.994a17.4 17.4 0 0 0 2.62-6.292L31.36 22.9zm.001-19.427l-.85 4.313l3.47 1.98a17.4 17.4 0 0 0-2.62-6.293m-14.628-6.24L21.013.335A17.8 17.8 0 0 0 14.16.332zM6.255 28.775l-3.288-1.543a17.6 17.6 0 0 0 4.844 4.82zM7.818 2.947l4.357.847l1.98-3.46a17.5 17.5 0 0 0-6.337 2.613m9.766 30.506l-3.418 1.216a17.8 17.8 0 0 0 6.841 0zm11.334-4.672l-1.55 3.262a17.6 17.6 0 0 0 4.829-4.806zM2.963 27.224l.845-4.323l-3.472-1.983a17.4 17.4 0 0 0 2.627 6.306M1.566 17.5l-1.23-3.414L3.809 12.1l-.847-4.323A17.36 17.36 0 0 0 0 17.5c0 1.169.116 2.31.336 3.415zm12.587 17.166l-2.02-3.456l-4.31.846a17.5 17.5 0 0 0 6.33 2.61M6.255 6.226l1.559-3.277a17.6 17.6 0 0 0-4.85 4.826z" clip-rule="evenodd"/><path d="m28.918 6.22l-8.296.005l-3.038-4.678zl4.688 11.28l-4.684-3.018m0 6.036l4.685-3.019l-4.689 11.28l-11.334 4.672l3.033-4.678h-6.065l3.032 4.678l-11.328-4.678L1.566 17.5l4.69-11.274l11.328-4.679l-3.034 4.679H6.255v8.257L1.565 17.5l4.69 3.028v8.247h22.657"/><path d="m23.667 17.507l-9.115-5.247v10.494l9.115-5.246Z"/><path d="m22.853 20.528l3.018 5.233l3.04-5.233h-6.059Zm6.06-6.042l-3.041-5.233l-3.02 5.233h6.06Zm-5.247 3.021l5.246 3.021v-6.042l-5.246 3.02zm2.206 8.254l-5.255-3.006v6.02zM14.55 28.773v-6.02l-5.254 3.008zm-8.296-8.245l3.041 5.232l3.019-5.232zm6.06-6.042L9.297 9.253l-3.041 5.233h6.06ZM9.297 9.253l5.254 3.007V6.225zm11.325-3.028l-.005 6.035l5.254-3.006zm0 0l-3.036 5.222l-3.035-5.222h6.07Zm-6.071 22.55l3.035-5.222l3.035 5.221h-6.07ZM11.5 17.505l-5.246-3.02v6.043l5.247-3.021zm86.243 7.314h-2.88c-5.594 0-7.282-1.232-7.282-5.794v-2.983c0-4.54 1.688-5.8 7.282-5.8h2.88c4.86 0 6.816 1 7.219 4.54h-2.422c-.369-1.934-1.499-2.348-4.766-2.348H95.07c-3.96 0-4.854.723-4.854 3.696v2.778c0 2.963.898 3.718 4.854 3.718h2.44c3.982 0 4.919-.821 4.919-3.526h-7.166v-2.126H105v1.924c0 4.474-1.771 5.921-7.257 5.921m-51.179-8.562h8.38c1.388 0 2.283-.708 2.283-1.937s-.895-1.946-2.282-1.946h-8.381zm0 2.12v4.145h9.019c1.387 0 2.282-.856 2.282-2.082s-.901-2.063-2.288-2.063zm8.501-8.133c3.334 0 4.797 1.744 4.797 4.082c0 1.207-.571 2.196-1.628 2.825c1.524.607 2.292 1.804 2.292 3.283c0 2.338-1.464 4.214-4.797 4.214H43.96V10.244zm23.795-.063c3.38 0 6.063 2.196 6.063 5.431v9.04H82.35v-8.948c0-2.022-1.432-3.33-3.493-3.33s-3.514 1.308-3.52 3.33l-.032 8.947h-2.511l-.032-8.947c-.006-2.022-1.438-3.33-3.52-3.33c-2.083 0-3.493 1.308-3.493 3.33v8.947h-2.575v-9.039c0-3.235 2.683-5.431 6.064-5.431c2.035 0 3.769.897 4.807 2.066c1.06-1.169 2.771-2.066 4.81-2.066h.006Z"/></g></svg>

Bmg アイコンの使い方

React

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

<Icon icon="thesvg-color:bmg" width="24" />

Vue

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

<template>
  <Icon icon="thesvg-color:bmg" width="24" />
</template>

Svelte

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

<Icon icon="thesvg-color:bmg" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--bmg]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:bmg"></div>

Web コンポーネント

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

<iconify-icon icon="thesvg-color:bmg"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/thesvg-color/bmg.svg" alt="Bmg アイコン" width="24" height="24">

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

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

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

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

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

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

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

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

theSVG Color アイコンをすべて見る →