本文へスキップ
企業・団体fill-and-signFill & Sign

Fill and Sign

Fill and Sign(fill-and-sign)の公式ベクターロゴ。企業・団体カテゴリ。SVG と 1024px の透過 PNG でダウンロードできます。

Fill and Sign Logo

ブランドカラー

クリックでカラーコードをコピー

ダウンロード

ADChatGPT Plus·公式の共有・専用プラン · GPT-6.1 Sol / Deep Research をすぐに利用
クーポン 6666888 で 5% オフ
ADNetflix 4K·専用プロフィール · PIN ロック · 全デバイス対応
クーポン 6666888 で 5% オフ
ベクター形式
SVG · 1:1
書き出し解像度
1024 × 1024 px
viewBox
0 0 32 32
ファイルサイズ
2.5 KB · 5 パス

編集と書き出し

色の変更、背景や余白の追加をしてから書き出せます。処理はすべてブラウザ内で行われます。

カラー

背景

形式
サイズ

SVG、PNG 16–2048px、JPG、WebP、ICO、ファビコンセットを含みますFill and Sign.zip

ブランド仕様と SVG パラメーター

デザインシステムや実装で参照できる公式カラー、viewBox、コントラストの実測値

ブランド / 表示名
Fill and Sign (fill-and-sign)
カテゴリ
企業・団体
公式カラー (HEX / RGB / HSL)
#AAA0FFrgb(170, 160, 255) · hsl(246, 100%, 81%)
WCAG コントラストとファイルサイズ
白背景 2.3:1 · 黒背景 8.7:1 · 2.5 KB

SVG コード

<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_2_214)">
<path d="M30.76 1.25333H1.25333V29.9467H30.76V1.25333Z" fill="url(#paint0_radial_2_214)"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M0 5.74667V25.5067C0 28.6533 2.42667 31.2 5.58667 31.2H26.2933C29.4533 31.2 32.0133 28.64 32.0133 25.4933V5.70667C32 2.56 29.44 0 26.28 0H5.58667C2.42667 0 0 2.56 0 5.70667V5.74667ZM25.8667 1.34667C28.4133 1.34667 30.6533 3.44 30.6533 5.98667V24.96C30.6533 27.5067 28.5867 29.8533 26.04 29.8533H5.96C3.41333 29.8533 1.34667 27.6933 1.34667 25.1467V6.25333C1.34667 3.72 3.41333 1.34667 5.94667 1.34667H25.8667Z" fill="#AAA0FF"/>
<path d="M18.0933 7.38666L8.72 16.76L7.53333 21.5467L12.3067 20.3467L21.68 10.9733L18.0933 7.38666Z" fill="#AAA0FF"/>
<path d="M18.76 23.9467C18.6667 23.9467 18.5733 23.9467 18.4667 23.9333C17.9333 23.8667 17.5467 23.48 17.36 22.8667C17.3467 22.8133 17.3333 22.7733 17.32 22.72C16.04 23.4 14.48 23.88 12.9067 23.88H8.06667C7.92 23.88 7.8 23.76 7.8 23.6133C7.8 23.4667 7.92 23.3467 8.06667 23.3467H12.9067C14.5067 23.3467 16.04 22.84 17.2533 22.1733C17.1867 20.9733 17.6533 19.5067 18.3867 18.88C18.84 18.4933 19.36 18.4267 19.88 18.6667C20.3067 18.8667 20.48 19.2667 20.3733 19.76C20.1867 20.5733 19.2133 21.6133 17.8267 22.4533C17.84 22.5467 17.8667 22.64 17.8933 22.72C18.0267 23.1467 18.24 23.3733 18.56 23.4133C19.7467 23.56 20.8 22.44 21.4267 21.7867C21.8133 21.3733 21.9867 21.1867 22.2133 21.2267C22.32 21.24 22.4 21.3067 22.4533 21.4C22.56 21.6 22.4533 21.8267 22.2667 22.2267C22.12 22.5467 21.84 23.1467 21.96 23.3333C22 23.4 22.12 23.4267 22.2933 23.4267C22.6533 23.4267 23.7467 22.6133 23.84 22.3333C23.88 22.1867 24.0267 22.12 24.1733 22.16C24.32 22.2 24.3867 22.3467 24.3467 22.4933C24.1867 23.0267 22.88 23.96 22.2933 23.96C21.92 23.96 21.6533 23.84 21.5067 23.6133C21.2933 23.2667 21.4267 22.8 21.6133 22.36C20.9467 23.0267 19.96 23.9467 18.76 23.9467ZM19.2667 19.04C19.08 19.04 18.8933 19.12 18.72 19.2667C18.1733 19.7333 17.7867 20.8667 17.76 21.84C18.92 21.0933 19.6933 20.2267 19.8267 19.6267C19.8933 19.3067 19.76 19.2 19.6267 19.1333C19.5067 19.08 19.3867 19.04 19.2667 19.04Z" fill="#DDD8FF"/>
</g>
<defs>
<radialGradient id="paint0_radial_2_214" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(13.0108 10.8107) scale(19.2351 19.2351)">
<stop stop-color="#28254A" stop-opacity="0.8833"/>
<stop offset="0.9833" stop-color="#03042B"/>
</radialGradient>
<clipPath id="clip0_2_214">
<rect width="32" height="31.2" fill="white"/>
</clipPath>
</defs>
</svg>

使用上の注意

  • 元の 1:1 の縦横比(viewBox "0 0 32 32")を保って拡大縮小し、変形させないでください。
  • ロゴの周囲には、ロゴの高さの 20% 以上の余白を確保してください。
  • グラデーションを含むため、CSS の fill: currentColor で一色に上書きしないでください。
カテゴリをすべて見る
完了しました