Adobe Sign アイコン
thesvg-color:adobe-sign
Adobe Sign アイコン(thesvg-color:adobe-sign)は、theSVG Color セットの無料 SVG アイコンです（作者: thesvg.org）。 32 × 32 のグリッドで描かれています。 theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- theSVG Color
- 作者
- thesvg.org
- ライセンス
- MIT
- サイズ
- 32 × 32
- タグ
- adobesign
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><g clip-path="url(#SVGmAhx2dHO)"><path fill="#584ccc" d="M26.333 0H5.667A5.667 5.667 0 0 0 0 5.667v19.866A5.667 5.667 0 0 0 5.667 31.2h20.666A5.667 5.667 0 0 0 32 25.533V5.667A5.667 5.667 0 0 0 26.333 0"/><path fill="#fff" d="M25.73 18.063c-.635-.682-1.852-1.029-3.614-1.029a19 19 0 0 0-2.919.254a14.5 14.5 0 0 1-1.681-1.963a18 18 0 0 1-1.053-1.635c.621-1.953.935-3.54.935-4.715c0-1.444-.571-2.987-2.176-2.987a1.62 1.62 0 0 0-1.344.793c-.685 1.176-.41 3.595.682 6.057a52 52 0 0 1-1.303 3.453a31 31 0 0 1-1.473 3.059c-1.637.658-5.117 2.257-5.449 4.023a1.5 1.5 0 0 0 .476 1.408c.393.34.899.52 1.418.506c2.097 0 4.187-2.902 5.594-5.4c.8-.273 1.615-.52 2.427-.734a32 32 0 0 1 2.564-.573c2.22 1.937 4.193 2.23 5.182 2.23c1.358 0 1.866-.589 2.051-1.084a1.66 1.66 0 0 0-.317-1.663m-1.445 1.018c-.075.385-.472.634-1.017.634q-.233 0-.459-.057c-.999-.239-1.956-.721-2.91-1.474a14.5 14.5 0 0 1 2.153-.166q.723-.01 1.436.111c.43.09.918.327.797.952M14.739 7.282a.55.55 0 0 1 .463-.3c.508 0 .62.613.62 1.125c.003.817-.243 2.118-.666 3.557c-.853-2.258-.734-3.84-.417-4.382m2.979 10.28a36 36 0 0 0-3.09.794c.234-.478.45-.952.636-1.403c.247-.595.478-1.19.691-1.773a17.4 17.4 0 0 0 1.81 2.37zm-6.449 3.089c-1.341 2.16-2.661 3.524-3.433 3.524a.48.48 0 0 1-.344-.123a.5.5 0 0 1-.177-.493c.147-.774 1.675-1.89 3.954-2.908"/></g><defs><clipPath id="SVGmAhx2dHO"><path fill="#fff" d="M0 0h32v31.2H0z"/></clipPath></defs></g></svg>Adobe Sign アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:adobe-sign" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:adobe-sign" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:adobe-sign" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--adobe-sign]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:adobe-sign"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:adobe-sign"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/thesvg-color/adobe-sign.svg" alt="Adobe Sign アイコン" width="24" height="24">theSVG Color の関連アイコン
Adobe Sign アイコン のよくある質問
Adobe Sign アイコンは商用利用でも無料ですか?
はい。theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Adobe Sign アイコンを使うには?
@iconify/react をインストールして <Icon icon="thesvg-color:adobe-sign" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Adobe Sign アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/thesvg-color/adobe-sign.svg" alt="Adobe Sign アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。