Signature 48 アイコン
energy-icons:signature-48
Signature 48 アイコン(energy-icons:signature-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="M23 30c0-.94-.12-1.532-.26-1.85q-.034-.074-.06-.115c-.088.046-.25.151-.481.399c-.38.404-.83 1.063-1.304 2.013c-1.026 2.053-2.074 3.638-3.092 4.757c-.996 1.096-2.061 1.853-3.139 2.032a2.64 2.64 0 0 1-1.634-.228c-.507-.253-.902-.66-1.197-1.145C11.258 34.92 11 33.58 11 32c0-1.42-.242-2.331-.542-2.824c-.142-.234-.279-.343-.382-.395a.65.65 0 0 0-.412-.045c-.422.07-1.107.439-1.986 1.406c-.857.943-1.81 2.358-2.783 4.305a1 1 0 0 1-1.79-.894c1.027-2.053 2.075-3.638 3.093-4.757c.996-1.096 2.061-1.853 3.138-2.032a2.64 2.64 0 0 1 1.635.228c.506.253.901.66 1.196 1.145c.575.944.833 2.283.833 3.863c0 1.42.242 2.331.542 2.824c.143.234.28.343.382.395a.65.65 0 0 0 .412.045c.423-.07 1.108-.439 1.987-1.406c.857-.943 1.81-2.358 2.783-4.305c.525-1.05 1.076-1.892 1.634-2.487c.524-.56 1.211-1.066 2.01-1.066c.93 0 1.52.656 1.823 1.35c.298.682.427 1.59.427 2.65a1 1 0 1 1-2 0m21 11a1 1 0 1 1 0 2H4a1 1 0 1 1 0-2zm-4.878-29.478a1 1 0 0 1 1.326-.416l4 2a1 1 0 0 1 .43 1.373l-12 22a1 1 0 0 1-1.325.416l-4-2a1 1 0 0 1-.43-1.373zm-9.748 22.047l2.21 1.105l11.041-20.243l-2.21-1.106z"/><path fill="currentColor" d="m28.977 34.217l-.545 2.448l3.121-1.56l.895 1.79l-5 2.5a1 1 0 0 1-1.424-1.112l1-4.5z"/></svg>Signature 48 アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="energy-icons:signature-48" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="energy-icons:signature-48" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="energy-icons:signature-48" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[energy-icons--signature-48]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/energy-icons -->
<div class="i-energy-icons:signature-48"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="energy-icons:signature-48"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/energy-icons/signature-48.svg" alt="Signature 48 アイコン" width="24" height="24">Energy Icons の関連アイコン
Signature 48 アイコン のよくある質問
Signature 48 アイコンは商用利用でも無料ですか?
はい。Energy Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Signature 48 アイコンを使うには?
@iconify/react をインストールして <Icon icon="energy-icons:signature-48" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Signature 48 アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/energy-icons/signature-48.svg" alt="Signature 48 アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。