Battery Half Minimalistic Bold アイコン

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

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

solar:battery-half-minimalistic-bold

Battery Half Minimalistic Bold アイコン(solar:battery-half-minimalistic-bold)は、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
タグ: batteryhalf、halfminimalistic、minimalisticbold、batteryhalfminimalisticbold

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path fill-rule="evenodd" 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.17157ZM7.65562 8.63577C7.45446 8.27368 6.99786 8.14322 6.63577 8.34438C6.27675 8.54383 6.14545 8.99441 6.33933 9.35499L6.34434 9.36522C6.35119 9.37962 6.36431 9.40834 6.38177 9.45198C6.41665 9.53919 6.46907 9.6865 6.5235 9.89878C6.63224 10.3228 6.75 11.0101 6.75 12C6.75 12.9899 6.63224 13.6772 6.5235 14.1012C6.46907 14.3135 6.41665 14.4608 6.38177 14.548C6.36431 14.5917 6.35119 14.6204 6.34434 14.6348L6.33933 14.645C6.14545 15.0056 6.27675 15.4562 6.63577 15.6556C6.99786 15.8568 7.45446 15.7263 7.65562 15.3642L7 15C7.65562 15.3642 7.65616 15.3632 7.65634 15.3629L7.65711 15.3615L7.65878 15.3585L7.66263 15.3514L7.67226 15.333C7.67951 15.3189 7.68839 15.3012 7.69863 15.2797C7.71912 15.2367 7.74506 15.1787 7.77448 15.1051C7.83335 14.9579 7.90593 14.749 7.9765 14.4738C8.11776 13.9228 8.25 13.1101 8.25 12C8.25 10.8899 8.11776 10.0772 7.9765 9.52622C7.90593 9.251 7.83335 9.04206 7.77448 8.89489C7.74506 8.82135 7.71912 8.76335 7.69863 8.72032C7.68839 8.69881 7.67951 8.68106 7.67226 8.66699L7.66263 8.64864L7.65878 8.64152L7.65711 8.63847L7.65634 8.63708L7.65562 8.63577ZM7 9C7.65052 8.6386 7.65541 8.63548 7.65562 8.63577L7 9ZM10.1358 8.34438C10.4979 8.14322 10.9545 8.27368 11.1556 8.63577L10.5 9C11.1556 8.63577 11.1562 8.63675 11.1563 8.63708L11.1571 8.63847L11.1588 8.64152L11.1626 8.64864L11.1723 8.66699C11.1795 8.68106 11.1884 8.69881 11.1986 8.72032C11.2191 8.76335 11.2451 8.82135 11.2745 8.89489C11.3333 9.04206 11.4059 9.251 11.4765 9.52622C11.6178 10.0772 11.75 10.8899 11.75 12C11.75 13.1101 11.6178 13.9228 11.4765 14.4738C11.4059 14.749 11.3333 14.9579 11.2745 15.1051C11.2451 15.1787 11.2191 15.2367 11.1986 15.2797C11.1884 15.3012 11.1795 15.3189 11.1723 15.333L11.1626 15.3514L11.1588 15.3585L11.1571 15.3615L11.1563 15.3629L11.1556 15.3642L10.5024 15.0014C11.1505 15.3614 11.1554 15.3645 11.1556 15.3642C10.9545 15.7263 10.4979 15.8568 10.1358 15.6556C9.77675 15.4562 9.64545 15.0056 9.83933 14.645L9.84434 14.6348C9.85119 14.6204 9.86431 14.5917 9.88177 14.548C9.91665 14.4608 9.96907 14.3135 10.0235 14.1012C10.1322 13.6772 10.25 12.9899 10.25 12C10.25 11.0101 10.1322 10.3228 10.0235 9.89878C9.96907 9.6865 9.91665 9.53919 9.88177 9.45198C9.86431 9.40834 9.85119 9.37962 9.84434 9.36522L9.83933 9.35499C9.64545 8.99441 9.77675 8.54383 10.1358 8.34438Z" clip-rule="evenodd"/><path d="M21.25 14C21.25 14.4142 21.5858 14.75 22 14.75C22.4142 14.75 22.75 14.4142 22.75 14V10C22.75 9.58579 22.4142 9.25 22 9.25C21.5858 9.25 21.25 9.58579 21.25 10V14Z"/></g></svg>

Battery Half Minimalistic Bold アイコンの使い方

React

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

<Icon icon="solar:battery-half-minimalistic-bold" width="24" />

Vue

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

<template>
  <Icon icon="solar:battery-half-minimalistic-bold" width="24" />
</template>

Svelte

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

<Icon icon="solar:battery-half-minimalistic-bold" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="solar:battery-half-minimalistic-bold"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/solar/battery-half-minimalistic-bold.svg" alt="Battery Half Minimalistic Bold アイコン" width="24" height="24">

Solar の関連アイコン

Battery Half Minimalistic Bold アイコンのよくある質問

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

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

React で Battery Half Minimalistic Bold アイコンを使うには?

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

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

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

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