Api 48 アイコン
energy-icons:api-48
Api 48 アイコン(energy-icons:api-48)は、Energy Icons セットの無料 SVG アイコンです（作者: Sam Passmore）。 48 × 48 のグリッドで描かれています。 Energy Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Energy Icons
- 作者
- Sam Passmore
- ライセンス
- MIT
- サイズ
- 48 × 48
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="currentColor" d="M11 34v-6c0-.675-.347-1.433-.957-2.043S8.675 25 8 25a1 1 0 1 1 0-2c.675 0 1.433-.347 2.043-.957S11 20.675 11 20v-6c0-.987 0-1.908.066-2.708c.067-.797.205-1.57.54-2.24a3.32 3.32 0 0 1 1.675-1.591C14.024 7.13 14.931 7 16 7a1 1 0 1 1 0 2c-.932 0-1.524.12-1.906.29a1.33 1.33 0 0 0-.7.657c-.165.332-.277.808-.335 1.511C13 12.158 13 12.988 13 14v6c0 1.325-.653 2.567-1.543 3.457a6 6 0 0 1-.63.543q.337.251.63.543C12.347 25.433 13 26.675 13 28v6c0 1.013 0 1.842.059 2.542c.058.703.17 1.18.336 1.51c.147.296.351.505.699.659c.382.17.974.289 1.906.289a1 1 0 1 1 0 2c-1.068 0-1.976-.13-2.719-.46a3.32 3.32 0 0 1-1.676-1.593c-.334-.668-.472-1.442-.539-2.239C11 35.908 11 34.988 11 34m24 0v-6c0-1.325.653-2.567 1.543-3.457a6 6 0 0 1 .63-.543a6 6 0 0 1-.63-.543C35.653 22.567 35 21.325 35 20v-6c0-1.013 0-1.842-.059-2.542c-.058-.703-.17-1.18-.336-1.51a1.33 1.33 0 0 0-.699-.659C33.524 9.12 32.932 9 32 9a1 1 0 1 1 0-2c1.068 0 1.976.13 2.719.46a3.32 3.32 0 0 1 1.675 1.593c.335.668.473 1.442.54 2.239c.066.8.066 1.72.066 2.708v6c0 .675.347 1.433.957 2.043S39.325 23 40 23a1 1 0 1 1 0 2c-.675 0-1.433.347-2.043.957S37 27.325 37 28v6c0 .987 0 1.908-.066 2.708c-.067.797-.205 1.57-.54 2.24a3.32 3.32 0 0 1-1.675 1.591c-.743.33-1.65.461-2.719.461a1 1 0 1 1 0-2c.932 0 1.524-.12 1.906-.29c.348-.154.552-.362.7-.657c.165-.332.277-.808.335-1.511c.059-.7.059-1.53.059-2.542"/><path fill="currentColor" d="M16 24a2 2 0 1 1 4 0a2 2 0 0 1-4 0m6 0a2 2 0 1 1 4 0a2 2 0 0 1-4 0m6 0a2 2 0 1 1 4 0a2 2 0 0 1-4 0"/></svg>Api 48 アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="energy-icons:api-48" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="energy-icons:api-48" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="energy-icons:api-48" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[energy-icons--api-48]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/energy-icons -->
<div class="i-energy-icons:api-48"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="energy-icons:api-48"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/energy-icons/api-48.svg" alt="Api 48 アイコン" width="24" height="24">Energy Icons の関連アイコン
Api 48 アイコン のよくある質問
Api 48 アイコンは商用利用でも無料ですか?
はい。Energy Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Api 48 アイコンを使うには?
@iconify/react をインストールして <Icon icon="energy-icons:api-48" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Api 48 アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/energy-icons/api-48.svg" alt="Api 48 アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。