Signature アイコン

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

はい。Boxicons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

boxicons:signature

Signature アイコン(boxicons:signature)は、Boxicons セットの無料 SVG アイコンです。 24 × 24 のグリッドで描かれています。 Boxicons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Boxicons
作者: Boxicons
ライセンス: MIT
サイズ: 24 × 24

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M22 5c0-.34 0-1.39-.9-1.65c-1.01-.29-1.56.58-2.91 2.7c-1.88 2.96-5.38 8.46-9.19 8.46c-.7 0-1.38-.25-1.98-.66c.46-.39.9-.76 1.29-1.08c3.56-2.97 5.54-4.73 4.94-6.38c-.45-1.24-2.07-1.38-3.25-1.38c-2.33 0-4.14.49-5.39 1.44a4.48 4.48 0 0 0-1.79 3.63c0 1.24.47 2.57 1.28 3.7C2.76 15.05 2 16.06 2 17.01l2 .02c.05-.36.67-1.04 1.48-1.8c.99.78 2.2 1.28 3.52 1.28c4.79 0 8.46-5.58 10.71-9.11c-.35 1.5-.97 2.82-1.51 3.96c-.82 1.74-1.46 3.11-.71 4.29c.62.97 1.92 1.37 4.51 1.37v-2c-2.51 0-2.81-.42-2.82-.44c-.16-.25.49-1.63.84-2.37c.84-1.79 1.99-4.24 1.99-7.19ZM4.82 10.07c0-.84.34-1.53 1-2.04C6.7 7.36 8.14 7 10 7c.72 0 1.1.07 1.29.13c-.42.88-2.8 2.87-4.26 4.09c-.5.42-.97.81-1.41 1.19c-.5-.74-.79-1.58-.79-2.34ZM2 19h20v2H2z"/></svg>

Signature アイコンの使い方

React

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

<Icon icon="boxicons:signature" width="24" />

Vue

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

<template>
  <Icon icon="boxicons:signature" width="24" />
</template>

Svelte

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

<Icon icon="boxicons:signature" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="boxicons:signature"></iconify-icon>

HTML 画像

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

Boxicons の関連アイコン

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

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

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

はい。Boxicons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。

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

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

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

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

Boxicons をすべて見る →