Peak Demand 48 アイコン
energy-icons:peak-demand-48
Peak Demand 48 アイコン(energy-icons:peak-demand-48)は、Energy Icons セットの無料 SVG アイコンです（作者: Sam Passmore）。 48 × 48 のグリッドで描かれています。 Energy Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Energy Icons
- 作者
- Sam Passmore
- ライセンス
- MIT
- サイズ
- 48 × 48
- タグ
- peakdemand
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="currentColor" d="M26 7c1.015 0 1.715.705 2.167 1.4c.468.721.844 1.688 1.165 2.748c.645 2.129 1.155 4.943 1.651 7.673c.504 2.77.994 5.456 1.599 7.451c.304 1.003.615 1.755.929 2.238c.154.238.283.37.374.435c.079.058.111.055.115.055c1.358 0 2.467.685 3.366 1.516c.893.824 1.698 1.904 2.434 2.884c.764 1.02 1.459 1.94 2.191 2.616c.725.669 1.368.984 2.009.984a1 1 0 1 1 0 2c-1.358 0-2.467-.685-3.366-1.516c-.893-.824-1.698-1.904-2.434-2.884c-.764-1.02-1.459-1.94-2.191-2.616C35.284 31.315 34.64 31 34 31c-1.015 0-1.715-.705-2.167-1.4c-.468-.721-.844-1.688-1.165-2.748c-.645-2.129-1.155-4.943-1.651-7.673c-.504-2.77-.994-5.456-1.599-7.451c-.304-1.003-.616-1.755-.929-2.238c-.154-.238-.283-.37-.374-.435C26.036 8.997 26.004 9 26 9c-.03 0-.205.007-.515.44c-.304.426-.61 1.096-.912 2.001c-.6 1.803-1.088 4.234-1.593 6.755c-.495 2.479-1.008 5.048-1.657 6.995c-.323.97-.704 1.863-1.181 2.53C19.67 28.383 18.97 29 18 29c-.56 0-1.181.348-2.019 1.245c-.843.904-1.638 2.052-2.7 3.38C11.251 36.162 8.491 39 4 39a1 1 0 1 1 0-2c3.51 0 5.748-2.162 7.719-4.625c.938-1.172 1.893-2.524 2.8-3.495C15.43 27.902 16.559 27 18 27c.03 0 .205-.007.515-.44c.304-.426.61-1.096.912-2.001c.6-1.803 1.088-4.234 1.593-6.755c.495-2.479 1.008-5.048 1.657-6.995c.323-.97.704-1.862 1.181-2.53C24.33 7.617 25.03 7 26 7m18 34a1 1 0 1 1 0 2H4a1 1 0 1 1 0-2z"/></svg>Peak Demand 48 アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="energy-icons:peak-demand-48" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="energy-icons:peak-demand-48" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="energy-icons:peak-demand-48" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[energy-icons--peak-demand-48]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/energy-icons -->
<div class="i-energy-icons:peak-demand-48"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="energy-icons:peak-demand-48"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/energy-icons/peak-demand-48.svg" alt="Peak Demand 48 アイコン" width="24" height="24">Energy Icons の関連アイコン
Peak Demand 48 アイコン のよくある質問
Peak Demand 48 アイコンは商用利用でも無料ですか?
はい。Energy Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Peak Demand 48 アイコンを使うには?
@iconify/react をインストールして <Icon icon="energy-icons:peak-demand-48" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Peak Demand 48 アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/energy-icons/peak-demand-48.svg" alt="Peak Demand 48 アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。