Bluetooth Wave Filled アイコン
reicon:bluetooth-wave-filled
Bluetooth Wave Filled アイコン(reicon:bluetooth-wave-filled)は、Reicon セットの無料 SVG アイコンです。 24 × 24 のグリッドで描かれています。 Reicon icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="m9.51 12.004l4.099 2.934c.498.356.934.668 1.238.961c.324.312.614.711.614 1.255s-.29.944-.614 1.256c-.304.293-.74.604-1.239.961l-1.691 1.21c-.674.483-1.242.89-1.714 1.132c-.48.247-1.066.433-1.652.13c-.588-.303-.78-.892-.858-1.428c-.078-.526-.078-1.227-.078-2.055v-5.02L4.09 15.828a.69.69 0 0 1-.964-.172a.7.7 0 0 1 .17-.972L7.101 12L3.295 9.316a.7.7 0 0 1-.17-.971a.69.69 0 0 1 .964-.172l3.526 2.488V5.64c0-.83 0-1.53.078-2.056c.079-.536.27-1.125.858-1.428c.586-.303 1.172-.117 1.652.13c.472.242 1.04.65 1.714 1.131l1.691 1.21c.5.358.935.67 1.239.962c.324.313.614.712.614 1.256s-.29.943-.614 1.255c-.304.293-.74.605-1.239.961l-4.1 2.934l.007.004zm8.474-7.02a.69.69 0 0 1 .979.024l.001.001l.001.002l.004.003l.008.01a2 2 0 0 1 .1.117q.095.114.244.33c.196.288.448.712.697 1.284C20.518 7.9 21 9.623 21 12s-.482 4.1-.982 5.246a8 8 0 0 1-.697 1.284a5 5 0 0 1-.344.448l-.008.009l-.004.003l-.001.002l-.479-.458l.478.459a.69.69 0 0 1-.979.024a.7.7 0 0 1-.027-.983l.006-.007l.042-.05a4 4 0 0 0 .174-.236c.15-.221.36-.57.572-1.056c.423-.971.864-2.504.864-4.685s-.44-3.713-.864-4.684a6.5 6.5 0 0 0-.572-1.056a4 4 0 0 0-.215-.286l-.007-.007a.7.7 0 0 1 .027-.983"/><path d="M16.306 7.656a.69.69 0 0 1 .929.312v.001l.001.002l.003.006l.01.02a7 7 0 0 1 .147.328c.093.218.215.527.338.897c.242.732.497 1.743.497 2.779s-.255 2.046-.497 2.778a12 12 0 0 1-.485 1.225l-.01.02l-.003.006v.002l-.001.001a.69.69 0 0 1-.93.312a.7.7 0 0 1-.309-.935l.001-.002l.006-.012a5 5 0 0 0 .12-.27c.08-.188.189-.46.297-.788c.22-.663.426-1.513.426-2.337s-.206-1.675-.426-2.338a10 10 0 0 0-.417-1.058l-.006-.012v-.001a.7.7 0 0 1 .309-.936"/></g></svg>Bluetooth Wave Filled アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="reicon:bluetooth-wave-filled" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="reicon:bluetooth-wave-filled" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="reicon:bluetooth-wave-filled" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[reicon--bluetooth-wave-filled]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/reicon -->
<div class="i-reicon:bluetooth-wave-filled"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="reicon:bluetooth-wave-filled"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/reicon/bluetooth-wave-filled.svg" alt="Bluetooth Wave Filled アイコン" width="24" height="24">Reicon の関連アイコン
bluetooth
bluetooth-circle
bluetooth-circle-duotone
bluetooth-circle-filled
bluetooth-circle3
bluetooth-circle3-filled
bluetooth-duotone
bluetooth-filled
bluetooth-rectangle
bluetooth-rectangle-filled
bluetooth-square
bluetooth-square-duotone
bluetooth-square-filled
bluetooth-wave
bluetooth-wave-duotone
bluetooth2
bluetooth2-filled
bluetooth3
bluetooth3-filled
Bluetooth Wave Filled アイコン のよくある質問
Bluetooth Wave Filled アイコンは商用利用でも無料ですか?
はい。Reicon icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Bluetooth Wave Filled アイコンを使うには?
@iconify/react をインストールして <Icon icon="reicon:bluetooth-wave-filled" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Bluetooth Wave Filled アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/reicon/bluetooth-wave-filled.svg" alt="Bluetooth Wave Filled アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。