Wireless Charge アイコン
reicon:wireless-charge
Wireless Charge アイコン(reicon:wireless-charge)は、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"><path fill="currentColor" fill-rule="evenodd" d="M11.93 2.75a7.096 7.096 0 0 0-7.18 7.18c.033 4.008 3.312 7.287 7.32 7.32c4 .032 7.212-3.18 7.18-7.18c-.033-4.008-3.312-7.287-7.32-7.32M3.25 9.942a8.596 8.596 0 0 1 8.692-8.692c4.827.04 8.769 3.98 8.808 8.809a8.594 8.594 0 0 1-6.5 8.431v1.032c0 .214 0 .41-.011.576c-.012.178-.04.373-.122.572a1.75 1.75 0 0 1-.947.947c-.144.06-.285.09-.42.107V22a.75.75 0 0 1-1.5 0v-.276a1.6 1.6 0 0 1-.42-.107a1.75 1.75 0 0 1-.947-.947a1.8 1.8 0 0 1-.122-.572c-.011-.165-.011-.362-.011-.576v-1.098c-3.716-1.041-6.467-4.453-6.5-8.482m8 8.764v.794c0 .243 0 .388.008.496c.004.067.01.095.012.103a.25.25 0 0 0 .131.13a1 1 0 0 0 .103.013c.108.008.253.008.496.008s.388 0 .496-.008a1 1 0 0 0 .103-.012a.25.25 0 0 0 .13-.131a1 1 0 0 0 .013-.103c.008-.108.008-.253.008-.496v-.772a9 9 0 0 1-1.5-.022m2.124-12.25a.75.75 0 0 1 .026 1.061L11.75 9.25H14a.75.75 0 0 1 .543 1.267l-2.857 3a.75.75 0 1 1-1.086-1.034l1.65-1.733H10a.75.75 0 0 1-.543-1.267l2.857-3a.75.75 0 0 1 1.06-.026" clip-rule="evenodd"/></svg>Wireless Charge アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="reicon:wireless-charge" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="reicon:wireless-charge" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="reicon:wireless-charge" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[reicon--wireless-charge]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/reicon -->
<div class="i-reicon:wireless-charge"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="reicon:wireless-charge"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/reicon/wireless-charge.svg" alt="Wireless Charge アイコン" width="24" height="24">Reicon の関連アイコン
Wireless Charge アイコン のよくある質問
Wireless Charge アイコンは商用利用でも無料ですか?
はい。Reicon icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Wireless Charge アイコンを使うには?
@iconify/react をインストールして <Icon icon="reicon:wireless-charge" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Wireless Charge アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/reicon/wireless-charge.svg" alt="Wireless Charge アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。