Bluetooth アイコン

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

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

reicon:bluetooth

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

アイコンセット: Reicon
作者: REICON
ライセンス: MIT
サイズ: 24 × 24
カテゴリ: デバイス

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="m14.91 2.774l1.833 1.301c.54.384 1.012.719 1.341 1.034c.351.335.666.764.666 1.35c0 .584-.315 1.013-.666 1.349c-.33.315-.801.65-1.341 1.033L12.295 12l4.448 3.158c.54.383 1.012.718 1.341 1.034c.351.335.666.764.666 1.349s-.315 1.014-.666 1.35c-.33.314-.801.65-1.341 1.033l-1.833 1.302c-.73.518-1.345.955-1.856 1.216c-.52.265-1.156.465-1.79.14c-.638-.326-.845-.96-.93-1.536c-.084-.566-.084-1.319-.084-2.21V13.44l-3.82 2.674a.75.75 0 1 1-.86-1.229L9.692 12L5.57 9.114a.75.75 0 1 1 .86-1.229l3.82 2.674V5.163c0-.891 0-1.644.084-2.21c.085-.576.292-1.21.93-1.535c.634-.325 1.27-.126 1.79.14c.51.26 1.126.698 1.856 1.216m-3.16 10.678v5.323c0 .969.002 1.609.068 2.051c.031.214.071.327.1.383q.021.034.023.034l.005.003l.007.003q.002.002.044-.002c.064-.009.181-.043.375-.142c.4-.204.926-.575 1.72-1.138l1.737-1.234c.599-.425.978-.697 1.218-.927a1 1 0 0 0 .187-.22c.016-.029.016-.039.016-.044v-.002c0-.006 0-.016-.016-.044a1 1 0 0 0-.187-.22c-.24-.23-.62-.502-1.218-.927zm0-2.905V5.224c0-.969.002-1.609.068-2.05c.031-.215.071-.327.1-.384a.2.2 0 0 1 .023-.034l.005-.003l.007-.003a.2.2 0 0 1 .044.002c.064.01.181.043.375.142c.4.204.926.575 1.72 1.138l1.737 1.234c.599.425.978.697 1.218.927a1 1 0 0 1 .187.22c.016.029.016.039.016.044v.002c0 .006 0 .016-.016.045a1 1 0 0 1-.187.22c-.24.23-.62.501-1.218.926z" clip-rule="evenodd"/></svg>

Bluetooth アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

Reicon の関連アイコン

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

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

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

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

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

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

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

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

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