Battery Charge Bold Duotone アイコン

Q: Battery Charge Bold Duotone アイコンは商用利用でも無料ですか?

はい。Solar icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

solar:battery-charge-bold-duotone

Battery Charge Bold Duotone アイコン(solar:battery-charge-bold-duotone)は、Solar セットの無料 SVG アイコンです（作者: 480 Design）。 24 × 24 のグリッドで描かれています。 Solar icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Solar
作者: 480 Design
ライセンス: CC-BY-4.0
サイズ: 24 × 24
カテゴリ: UI
タグ: batterycharge、chargebold、boldduotone、batterychargeboldduotone

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M3.17157 5.17157C2 6.34315 2 8.22876 2 12C2 15.7712 2 17.6569 3.17157 18.8284C4.34315 20 6.22876 20 10 20H11.5C15.2712 20 17.1569 20 18.3284 18.8284C19.5 17.6569 19.5 15.7712 19.5 12C19.5 8.22876 19.5 6.34315 18.3284 5.17157C17.1569 4 15.2712 4 11.5 4H10C6.22876 4 4.34315 4 3.17157 5.17157Z" opacity=".5"/><path d="M19.4912 14C19.4999 13.3993 19.4999 12.7355 19.4999 12C19.4999 11.2645 19.4999 10.6007 19.4912 10H19.9997C20.9425 10 21.4139 10 21.7068 10.2929C21.9997 10.5858 21.9997 11.0572 21.9997 12C21.9997 12.9428 21.9997 13.4142 21.7068 13.7071C21.4139 14 20.9425 14 19.9997 14H19.4912Z"/><path d="M12.0762 9.48016C12.3413 9.16195 12.2984 8.68903 11.9801 8.42385C11.6619 8.15868 11.189 8.20167 10.9238 8.51988L8.42384 11.5199C8.23754 11.7434 8.19738 12.0546 8.32082 12.3181C8.44425 12.5817 8.709 12.75 9.00001 12.75H10.8987L9.42384 14.5199C9.15867 14.8381 9.20166 15.311 9.51987 15.5762C9.83808 15.8414 10.311 15.7984 10.5762 15.4802L13.0762 12.4802C13.2625 12.2566 13.3026 11.9454 13.1792 11.6819C13.0558 11.4184 12.791 11.25 12.5 11.25H10.6013L12.0762 9.48016Z"/></g></svg>

Battery Charge Bold Duotone アイコンの使い方

React

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

<Icon icon="solar:battery-charge-bold-duotone" width="24" />

Vue

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

<template>
  <Icon icon="solar:battery-charge-bold-duotone" width="24" />
</template>

Svelte

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

<Icon icon="solar:battery-charge-bold-duotone" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--battery-charge-bold-duotone]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:battery-charge-bold-duotone"></div>

Web コンポーネント

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

<iconify-icon icon="solar:battery-charge-bold-duotone"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/solar/battery-charge-bold-duotone.svg" alt="Battery Charge Bold Duotone アイコン" width="24" height="24">

Solar の関連アイコン

Battery Charge Bold Duotone アイコンのよくある質問

Battery Charge Bold Duotone アイコンは商用利用でも無料ですか?

はい。Solar icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

React で Battery Charge Bold Duotone アイコンを使うには?

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

Battery Charge Bold Duotone アイコンをウェブページに追加するには?

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

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