Docusign アイコン

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

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

thesvg-color:docusign

Docusign アイコン(thesvg-color:docusign)は、theSVG Color セットの無料 SVG アイコンです（作者: thesvg.org）。 1200 × 241 のグリッドで描かれています。 theSVG Color icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: theSVG Color
作者: thesvg.org
ライセンス: MIT
サイズ: 1200 × 241

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="1200" height="241" viewBox="0 0 1200 241"><path d="M1169.2 109.7v78.7h-28.9v-73.5c0-17.9-7.7-27.9-22.7-27.9s-24.9 10.5-27.7 28.1c-.8 4.2-1 10.7-1 24.4v48.8H1060v-125h25.6c.1 1.1.7 12.3.7 13c0 .9 1.1 1.4 1.8.8c10.6-8.4 22.3-16.2 38.6-16.2c26.8 0 42.5 18.1 42.5 48.8m-155.8-46.3l-.9 14.3c-.1.9-1.2 1.4-1.8.8c-3.5-3.3-16.4-17.5-38.3-17.5c-31.4 0-54.5 27.1-54.5 63.9c0 37.3 22.9 64.5 54.5 64.5c21.1 0 34-13.7 36.4-16.7c.7-.8 2-.3 2 .7c-.3 3.8-.8 13.3-4 21.4c-4 10.2-13 19.7-31.1 19.7c-14.9 0-28.1-5.7-40.6-17.9L920 217.3c13.7 15.5 35.3 24.2 58.8 24.2c37.8 0 60.5-25.9 60.5-68.2V63.4zm-34.8 99.8c-18.7 0-31.9-16.2-31.9-38.3S959.9 87 978.6 87s31.9 15.7 31.9 37.9c-.1 22.2-13.3 38.3-31.9 38.3m-121.1-11.9c0 23.7-19.9 39.6-49.1 39.6c-22.9 0-43.3-8.9-55.5-21.6l9.5-22.6c9.2 8.3 24 20.2 45.1 20.2c14.7 0 23.2-6.5 23.2-14.7c0-9.5-11.7-12-25.7-14.7c-19.9-4.2-46.3-11-46.3-38.1c0-22.7 18.4-38.3 45.6-38.3c20.9 0 38.9 8 51.3 18.4l-14.2 19.9c-12-9.5-24.6-14.2-37.1-14.2s-18.7 5.2-18.7 12.7c0 10.5 13.5 13.2 23.4 15.2c24.9 4.8 48.5 12.3 48.5 38.2M434.9 60.9c-35.3 0-60.7 27.4-60.7 65s25.4 65 60.7 65s60.8-27.4 60.8-65s-25.4-65-60.8-65m0 103.8c-18.7 0-31.9-15.9-31.9-38.9c0-22.9 12.9-38.9 31.9-38.9c18.9 0 31.9 15.9 31.9 38.9s-13.2 38.9-31.9 38.9m71-38.8c0-37.1 25.4-65 59.3-65c26.9 0 46.6 13.5 55.8 38.9l-25.6 9.7c-7-15.7-16.2-22.4-30.1-22.4c-17.4 0-30.4 16.4-30.4 38.9c0 22.4 12.9 38.9 30.4 38.9c14 0 23.1-6.7 30.1-22.4l25.6 9.7c-9.2 25.4-28.9 38.9-55.8 38.9c-33.9-.2-59.3-28.1-59.3-65.2M351.4 5.3c-.5 0-1.1.1-1.6.4l-18.8 10c-.4.2-.6.6-.6 1v59.5c0 1-1.2 1.4-1.9.8c-2.8-2.4-9.3-8.5-18.3-12.7c-4.7-2.2-11.6-3.4-17.9-3.4c-31.6 0-54.5 27.4-54.5 65s22.9 65 54.5 65c16.6 0 29.1-8.7 36.7-16.5l1.3-1.3c.7-.7 1.9-.3 1.9.7l1 14.6h26.1V6.1c0-.4-.3-.8-.8-.8zm-52.9 159.4c-18.9 0-31.9-15.9-31.9-38.9S279.9 87 298.5 87c18.7 0 31.9 15.9 31.9 38.9c0 22.9-12.9 38.8-31.9 38.8m593-100.9l-18.1 9.6c-.4.2-.6.6-.6 1v114h28.9V64.1c0-.4-.3-.8-.8-.8h-7.8c-.6.1-1.1.2-1.6.5m-4.3-20.7c9.6 0 17.4-7.8 17.4-17.4s-7.8-17.4-17.4-17.4s-17.4 7.8-17.4 17.4s7.8 17.4 17.4 17.4M742.5 63.3v67.9c0 51.5-28.8 59.6-54.5 59.6s-54.5-8.2-54.5-59.6V63.3h28.8v75.1c0 7.3 1.8 26.3 25.7 26.3s25.7-18.9 25.7-26.3V63.3zm443.2 112.3v1.8h-4.1v10.9h-2v-10.9h-4.1v-1.8zm14.3 12.7h-2v-10l-3.9 7.5h-1.1l-3.9-7.4v9.9h-2v-12.7h2.6l3.8 7.3l3.8-7.3h2.6z"/><path fill="#4c00ff" d="M139.5 139.5V189c0 2.6-2.1 4.7-4.7 4.7H4.7c-2.6 0-4.7-2.1-4.7-4.7V59c0-2.6 2.1-4.7 4.7-4.7h49.4v80.5c0 2.6 2.1 4.7 4.7 4.7z"/><path fill="#ff5252" d="M193.7 69.7c0 41.6-24.3 69.7-54.2 69.8V87.1c0-1.5-.6-3-1.7-4l-27.2-27.2c-1.1-1.1-2.5-1.7-4-1.7H54.2V4.8c0-2.6 2.1-4.7 4.7-4.7h73.3C167 0 193.7 28 193.7 69.7"/><path d="M137.8 83c1.1 1.1 1.7 2.5 1.7 4v52.4H58.9c-2.6 0-4.7-2.1-4.7-4.7V54.2h52.4c1.5 0 3 .6 4 1.7z"/></svg>

Docusign アイコンの使い方

React

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

<Icon icon="thesvg-color:docusign" width="24" />

Vue

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

<template>
  <Icon icon="thesvg-color:docusign" width="24" />
</template>

Svelte

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

<Icon icon="thesvg-color:docusign" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--docusign]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:docusign"></div>

Web コンポーネント

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

<iconify-icon icon="thesvg-color:docusign"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/thesvg-color/docusign.svg" alt="Docusign アイコン" width="24" height="24">

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

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

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

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

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

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

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

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

theSVG Color アイコンをすべて見る →