Charity 48 アイコン
energy-icons:charity-48
Charity 48 アイコン(energy-icons:charity-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="M37 38c0-1.648-1.352-3-3-3H19a1 1 0 0 1-.707-.293C16.236 32.65 14.521 31 12 31H4v-2h8c3.305 0 5.532 2.122 7.412 4H34c2.752 0 5 2.248 5 5s-2.248 5-5 5H4v-2h30c1.648 0 3-1.352 3-3"/><path fill="currentColor" d="M3 44V26a1 1 0 1 1 2 0v18a1 1 0 1 1-2 0m30.1-32.05c0-1.851-1.503-3.05-3.05-3.05c-1.412 0-2.472.686-3.218 1.805a1 1 0 0 1-1.664 0C24.42 9.585 23.362 8.9 21.95 8.9c-1.547 0-3.05 1.199-3.05 3.05c0 1.101.415 2.24 1.115 3.368c.699 1.126 1.646 2.185 2.621 3.106A27 27 0 0 0 26 21.106a27 27 0 0 0 3.363-2.682c.975-.921 1.924-1.98 2.622-3.106c.7-1.128 1.115-2.267 1.115-3.368m2 0c0 1.6-.598 3.105-1.416 4.423c-.82 1.321-1.897 2.513-2.947 3.504a29 29 0 0 1-4.186 3.258l-.02.013l-.006.003l-.002.002l-.523-.852l.521.852a1 1 0 0 1-.919.065l-.124-.065l-.003-.002l-.006-.003l-.02-.013l-.075-.047q-.097-.061-.272-.176a29 29 0 0 1-3.839-3.035c-1.05-.991-2.127-2.182-2.947-3.504c-.818-1.318-1.416-2.824-1.416-4.423c0-3.098 2.547-5.05 5.05-5.05A5.58 5.58 0 0 1 26 8.577A5.58 5.58 0 0 1 30.05 6.9c2.504 0 5.05 1.952 5.05 5.05"/></svg>Charity 48 アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="energy-icons:charity-48" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="energy-icons:charity-48" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="energy-icons:charity-48" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[energy-icons--charity-48]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/energy-icons -->
<div class="i-energy-icons:charity-48"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="energy-icons:charity-48"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/energy-icons/charity-48.svg" alt="Charity 48 アイコン" width="24" height="24">Energy Icons の関連アイコン
Charity 48 アイコン のよくある質問
Charity 48 アイコンは商用利用でも無料ですか?
はい。Energy Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Charity 48 アイコンを使うには?
@iconify/react をインストールして <Icon icon="energy-icons:charity-48" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Charity 48 アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/energy-icons/charity-48.svg" alt="Charity 48 アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。