本文へスキップ

GetForm

GetFormの公式ベクターロゴ。ツールカテゴリ。SVG と 1024px の透過 PNG でダウンロードできます。

GetForm 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 64 64
ファイルサイズ
2.2 KB · 18 パス
公式サイト
https://getform.io/

編集と書き出し

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

カラー

背景

形式
サイズ

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

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

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

ブランド / 表示名
GetForm
カテゴリ
ツール
公式カラー (HEX / RGB / HSL)
#758AFErgb(117, 138, 254) · hsl(231, 99%, 73%)
WCAG コントラストとファイルサイズ
白背景 3.1:1 · 黒背景 6.4:1 · 2.2 KB

SVG コード

<svg viewBox="0 0 64 64" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" x="0" y="0" width="64" height="64" xml:space="preserve"><style>.st0,.st1,.st3,.st4,.st5{fill-rule:evenodd;clip-rule:evenodd;fill:#758afe}.st1,.st3,.st4,.st5{fill:#536dfe}.st3,.st4,.st5{fill:#fff}.st4,.st5{fill:#8e9df3}.st5{fill:#7081e3}</style><switch><g><path class="st0" d="M63.2 14c1.1.2 1.1 1.8 0 2.1l-1 .2-6 1.2v-4.9l6 1.2 1 .2z"/><path class="st1" d="M59.5 28.1h-24V16.2c0-6.6 5.4-11.9 12-11.9s12 5.3 12 11.9v11.9z"/><path class="st0" d="M35.6 52V28.1h24C59.5 41.3 48.8 52 35.6 52"/><path class="st1" d="M13.6 35.9h24v23.9c-13.2 0-24-10.7-24-23.9"/><path d="M35.9 16.2h-6.8V40h6.8c6.6 0 12-5.3 12-11.9 0-6.6-5.3-11.9-12-11.9m-17.1 0v23.3c1.7.4 3.4.6 5.2.6V16.2h-5.2zM0 16.2c0 9.5 5.6 17.7 13.6 21.5V16.2H0z" fill-rule="evenodd" clip-rule="evenodd" fill="#bac5ff"/><path class="st0" d="M24 16.2h5.2V40H24V16.2zm-10.4 0v21.5c1.6.8 3.4 1.4 5.2 1.8V16.2h-5.2z"/><path class="st3" d="M54.6 14.5c.3 1.7-.8 3.3-2.5 3.6-1.7.3-3.3-.8-3.6-2.5-.3-1.7.8-3.3 2.5-3.6 1.7-.4 3.3.8 3.6 2.5"/><path class="st1" d="M52.9 14.8c.1.7-.4 1.4-1.1 1.6-.7.1-1.4-.4-1.6-1.1-.1-.7.4-1.4 1.2-1.5.7-.1 1.3.3 1.5 1"/><path class="st3" d="M53 13.8c.1.4-.2.8-.6.8s-.8-.2-.8-.6c-.1-.4.2-.8.6-.8.4 0 .7.2.8.6"/><path class="st4" d="M63.2 14c1.1.2 1.1 1.8 0 2.1l-1 .2-6 1.2v-4.9l6 1.2 1 .2z"/><path class="st5" d="M35.6 28.1V16.2c0-6.6 5.4-11.9 12-11.9s12 5.3 12 11.9v11.9h-24z"/><path class="st4" d="M35.6 52V28.1h24C59.5 41.3 48.8 52 35.6 52"/><path class="st5" d="M13.6 35.9h24v23.9c-13.2 0-24-10.7-24-23.9"/><path d="M29.1 16.2V40h6.8c6.6 0 12-5.3 12-11.9 0-6.6-5.4-11.9-12-11.9h-6.8zm-10.3 0v23.3c1.7.4 3.4.6 5.2.6V16.2h-5.2zM0 16.2c0 9.5 5.6 17.7 13.6 21.5V16.2H0z" fill-rule="evenodd" clip-rule="evenodd" fill="#b6c1ff"/><path class="st4" d="M24 16.2h5.2V40H24V16.2zm-10.4 0v21.5c1.6.8 3.4 1.4 5.2 1.8V16.2h-5.2z"/><path class="st3" d="M54.6 14.5c.3 1.7-.8 3.3-2.5 3.6-1.7.3-3.3-.8-3.6-2.5-.3-1.7.8-3.3 2.5-3.6 1.7-.4 3.3.8 3.6 2.5"/><path class="st5" d="M52.9 14.8c.1.7-.4 1.4-1.1 1.6-.7.1-1.4-.4-1.6-1.1-.1-.7.4-1.4 1.2-1.5.7-.1 1.3.3 1.5 1"/><path class="st3" d="M53 13.8c.1.4-.2.8-.6.8s-.8-.2-.8-.6c-.1-.4.2-.8.6-.8.4 0 .7.2.8.6"/></g></switch></svg>

使用上の注意

  • 元の 1:1 の縦横比(viewBox "0 0 64 64")を保って拡大縮小し、変形させないでください。
  • ロゴの周囲には、ロゴの高さの 20% 以上の余白を確保してください。
  • 暗い背景では、白抜き版、明るい下地、または公式のダーク版を優先して使ってください。
カテゴリをすべて見る
完了しました