ICONYZ
日本語
Font Awesome Solid の Signature アイコン

Signature アイコン

fa7-solid:signature

Signature アイコン(fa7-solid:signature)は、Font Awesome Solid セットの無料 SVG アイコンです(作者: Dave Gandy)。 640 × 640 のグリッドで描かれています。 Font Awesome Solid icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
Font Awesome Solid
作者
Dave Gandy
ライセンス
CC-BY-4.0
サイズ
640 × 640
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="640" height="640" viewBox="0 0 640 640"><path fill="currentColor" d="M192 192c0-17.7 14.3-32 32-32s32 14.3 32 32v7.8c0 27.7-2.4 55.3-7.1 82.5l-84.4 25.3c-40.6 12.2-68.4 49.6-68.4 92V432h-72c-13.3 0-24 10.7-24 24s10.7 24 24 24h72.5c4.2 36 34.8 64 72 64c26 0 50-13.9 62.9-36.5l13.9-24.3c26.8-47 46.5-97.7 58.4-150.5l94.4-28.3l-12.5 37.5c-3.3 9.8-1.6 20.5 4.4 28.8S405.7 384 416 384h128c17.7 0 32-14.3 32-32s-14.3-32-32-32h-83.6l18-53.9c3.8-11.3.9-23.8-7.4-32.4s-20.7-11.8-32.2-8.4l-122.4 36.8c2.4-20.7 3.6-41.4 3.6-62.3V192c0-53-43-96-96-96s-96 43-96 96v32c0 17.7 14.3 32 32 32s32-14.3 32-32zm-9.2 177l49-14.7c-10.4 33.8-24.5 66.4-42.1 97.2l-13.9 24.3c-1.5 2.6-4.3 4.3-7.4 4.3c-4.7 0-8.5-3.8-8.5-8.5v-71.9c0-14.1 9.3-26.6 22.8-30.7zM616 480c13.3 0 24-10.7 24-24s-10.7-24-24-24H323.1q-9.75 24.45-21.6 48z"/></svg>

Signature アイコンの使い方

React

import { Icon } from "@iconify/react";

<Icon icon="fa7-solid:signature" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="fa7-solid:signature" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="fa7-solid:signature" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fa7-solid--signature]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fa7-solid -->
<div class="i-fa7-solid:signature"></div>

Web コンポーネント

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="fa7-solid:signature"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/fa7-solid/signature.svg" alt="Signature アイコン" width="24" height="24">

他のアイコンセットの Signature アイコン

Signature アイコン のよくある質問

Signature アイコンは商用利用でも無料ですか?

はい。Font Awesome Solid icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

React で Signature アイコンを使うには?

@iconify/react をインストールして <Icon icon="fa7-solid:signature" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Signature アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fa7-solid/signature.svg" alt="Signature アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Font Awesome Solid アイコン をすべて見る →