Bluetooth アイコン

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

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

foundation:bluetooth

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

アイコンセット: Foundation
作者: Zurb
ライセンス: MIT
サイズ: 100 × 100

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><path fill="currentColor" d="M71.782 64.059L57.807 50.085l14.011-14.011a4 4 0 0 0 .455-.455l.013-.013l-.001-.001a4.2 4.2 0 0 0 1.028-2.742c0-1.307-.603-2.461-1.531-3.241L52.156 9.995c-.779-.978-1.965-1.617-3.312-1.617a4.25 4.25 0 0 0-4.25 4.25c0 .407.076.793.183 1.167v23.258L34.052 26.329a4.22 4.22 0 0 0-3.115-1.377a4.25 4.25 0 0 0-4.25 4.25c0 1.238.538 2.342 1.383 3.119l16.706 16.706v2.115L27.953 67.966l-.038.038l-.032.032l.003.003a4.23 4.23 0 0 0-1.199 2.949a4.25 4.25 0 0 0 4.25 4.25c1.289 0 2.429-.586 3.209-1.491l10.63-10.63v24.099c-.002.053-.016.102-.016.156s.014.103.016.156v.022h.002a4.24 4.24 0 0 0 4.232 4.072a4.22 4.22 0 0 0 3.156-1.428l.004.004l19.862-19.863l.064-.064l.19-.19l-.018-.018a4.2 4.2 0 0 0 1.045-2.762c-.001-1.308-.603-2.462-1.531-3.242m-8.711 3.263l-9.828 9.828V57.494zm-9.828-24.647V23.057l9.809 9.809z"/></svg>

Bluetooth アイコンの使い方

React

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

<Icon icon="foundation:bluetooth" width="24" />

Vue

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

<template>
  <Icon icon="foundation:bluetooth" width="24" />
</template>

Svelte

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

<Icon icon="foundation:bluetooth" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="foundation:bluetooth"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/foundation/bluetooth.svg" alt="Bluetooth アイコン" width="24" height="24">

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

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

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

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

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

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

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

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

Foundation アイコンをすべて見る →