Nodule 48 アイコン
energy-icons:nodule-48
Nodule 48 アイコン(energy-icons:nodule-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="M24 19.001c2.006 0 4.547.161 6.445 1.104a11.4 11.4 0 0 1 2.68 1.854c.8.755 1.514 1.69 1.833 2.755c.31 1.036.293 2.288.09 3.458c-.205 1.18-.615 2.383-1.19 3.343c-1.12 1.871-3.31 3.687-5.54 4.434c-2.252.754-5.292.545-7.543.027c-1.133-.262-2.409-.656-3.569-1.192c-1.141-.527-2.266-1.234-2.994-2.168c-.723-.926-1.143-2.148-1.326-3.34c-.184-1.197-.144-2.466.15-3.539c.298-1.094.968-2.218 1.75-3.178c.784-.966 1.745-1.844 2.7-2.416c1.005-.602 2.16-.877 3.27-1.01C21.868 19 23.01 19 24 19m0 2c-1.01 0-2.033.002-3.005.118c-.972.117-1.816.342-2.481.74c-.715.428-1.505 1.135-2.177 1.961c-.676.832-1.171 1.709-1.372 2.445c-.207.757-.251 1.738-.103 2.708c.15.975.479 1.839.926 2.413c.442.566 1.232 1.109 2.256 1.582c1.005.464 2.144.82 3.18 1.058c2.09.482 4.71.613 6.459.027c1.77-.593 3.58-2.097 4.46-3.566c.425-.71.764-1.672.934-2.657c.172-.995.155-1.908-.035-2.542c-.181-.605-.632-1.255-1.289-1.875a9.4 9.4 0 0 0-2.198-1.517C28.113 21.179 25.995 21 24 21m20 18.001a1 1 0 1 1 0 2H4a1 1 0 1 1 0-2zM30.045 9.22c2.365-1.892 5.545-1.892 7.91 0c1.635 1.308 3.785 1.308 5.42 0a1 1 0 0 1 1.25 1.561c-2.365 1.893-5.555 1.893-7.92 0c-1.634-1.307-3.775-1.307-5.41 0c-2.365 1.893-5.555 1.893-7.92 0c-1.634-1.307-3.785-1.307-5.42 0c-2.365 1.893-5.545 1.893-7.91 0c-1.635-1.307-3.785-1.307-5.42 0a1 1 0 0 1-1.25-1.561c2.365-1.892 5.555-1.892 7.92 0c1.635 1.308 3.775 1.308 5.41 0c2.365-1.892 5.555-1.892 7.92 0c1.635 1.308 3.785 1.308 5.42 0"/><path fill="currentColor" d="M24 23.501a4.5 4.5 0 0 1 4.23 2.959a1 1 0 0 1-1.88.682A2.5 2.5 0 0 0 24 25.5a2.5 2.5 0 0 0-2.35 1.64a1 1 0 0 1-1.88-.681A4.5 4.5 0 0 1 24 23.501"/></svg>Nodule 48 アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="energy-icons:nodule-48" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="energy-icons:nodule-48" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="energy-icons:nodule-48" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[energy-icons--nodule-48]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/energy-icons -->
<div class="i-energy-icons:nodule-48"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="energy-icons:nodule-48"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/energy-icons/nodule-48.svg" alt="Nodule 48 アイコン" width="24" height="24">Energy Icons の関連アイコン
Nodule 48 アイコン のよくある質問
Nodule 48 アイコンは商用利用でも無料ですか?
はい。Energy Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Nodule 48 アイコンを使うには?
@iconify/react をインストールして <Icon icon="energy-icons:nodule-48" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Nodule 48 アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/energy-icons/nodule-48.svg" alt="Nodule 48 アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。