本文へスキップ
LogoHub
企業・団体

Monkeytype

Monkeytypeの公式ベクターロゴ。企業・団体カテゴリ。SVG と 1024px の透過 PNG でダウンロードできます。

Monkeytype Logo

ブランドカラー

クリックでカラーコードをコピー
単色ロゴこのロゴは公式の単色で構成されています。レイアウトでは色味とコントラストを保ってください。

ダウンロード

SVG ファイルをダウンロードPNG
ZIP でまとめてダウンロードロゴタイプ付き版をダウンロード
ADChatGPT Plus·公式の共有・専用プラン · GPT-6.1 Sol / Deep Research をすぐに利用
クーポン 6666888 で 5% オフ
ADNetflix 4K·専用プロフィール · PIN ロック · 全デバイス対応
クーポン 6666888 で 5% オフ
ベクター形式
SVG · 5:3
書き出し解像度
1024 × 1024 px
viewBox
0 0 300 180
ファイルサイズ
2.8 KB · 9 パス
公式サイト
https://monkeytype.com/

編集と書き出し

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

カラー

背景

形式
サイズ

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

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

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

ブランド / 表示名
Monkeytype
カテゴリ
企業・団体
公式カラー (HEX / RGB / HSL)
#E2B714rgb(226, 183, 20) · hsl(47, 84%, 48%)
WCAG コントラストとファイルサイズ
白背景 1.9:1 · 黒背景 10.4:1 · 2.8 KB

SVG コード

<svg width="100%" height="100%" viewBox="0 0 300 180" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
    <g>
        <path d="M250,120C255.519,120 260,124.481 260,130C260,135.519 255.519,140 250,140C244.481,140 240,135.519 240,130C240,124.481 244.481,120 250,120Z" style="fill:rgb(226,183,20);fill-rule:nonzero;"/>
        <path d="M110,120L170,120C175.519,120 180,124.481 180,130C180,135.519 175.519,140 170,140L110,140C104.481,140 100,135.519 100,130C100,124.481 104.481,120 110,120Z" style="fill:rgb(226,183,20);fill-rule:nonzero;"/>
        <path d="M90,60C95.519,60 100,64.481 100,70L100,90C100,95.519 95.519,100 90,100C84.481,100 80,95.519 80,90L80,70C80,64.481 84.481,60 90,60Z" style="fill:rgb(226,183,20);fill-rule:nonzero;"/>
        <path d="M40.009,69.485C40.28,53.164 53.615,40 70,40C77.68,40 84.69,42.892 90,47.645C95.31,42.892 102.32,40 110,40C126.385,40 139.72,53.164 139.991,69.485C139.999,69.655 140,69.828 140,70L140,90C140,95.519 135.519,100 130,100C124.481,100 120,95.519 120,90L120,70C120,64.481 115.519,60 110,60C104.481,60 100,64.481 100,70L100,90C100,95.519 95.519,100 90,100C84.481,100 80,95.519 80,90L80,70C80,64.481 75.519,60 70,60C64.481,60 60,64.481 60,70L60,90C60,95.519 55.519,100 50,100C44.481,100 40,95.519 40,90L40,70C40,69.828 40.004,69.656 40.009,69.485Z" style="fill:rgb(226,183,20);fill-rule:nonzero;"/>
        <path d="M220,100L220,130C220,135.519 215.519,140 210,140C204.481,140 200,135.519 200,130L200,100L171.18,100C165.01,100 160,95.519 160,90C160,84.481 165.01,80 171.18,80L248.82,80C254.99,80 260,84.481 260,90C260,95.519 254.99,100 248.82,100L220,100Z" style="fill:rgb(226,183,20);fill-rule:nonzero;"/>
        <path d="M210,40L250,40C255.519,40 260,44.481 260,50C260,55.519 255.519,60 250,60L210,60C204.481,60 200,55.519 200,50C200,44.481 204.481,40 210,40Z" style="fill:rgb(226,183,20);fill-rule:nonzero;"/>
        <path d="M50,120L70,120C75.519,120 80,124.481 80,130C80,135.519 75.519,140 70,140L50,140C44.481,140 40,135.519 40,130C40,124.481 44.481,120 50,120Z" style="fill:rgb(226,183,20);fill-rule:nonzero;"/>
        <path d="M165,40L170,40C175.519,40 180,44.481 180,50C180,55.519 175.519,60 170,60L165,60C159.481,60 155,55.519 155,50C155,44.481 159.481,40 165,40Z" style="fill:rgb(226,183,20);fill-rule:nonzero;"/>
        <path d="M20,110L0,110L0,50C0,22.404 22.404,0 50,0L250,0C277.596,0 300,22.404 300,50L300,130C300,157.596 277.596,180 250,180L50,180C22.404,180 0,157.596 0,130L0,110L20,110L20,130C20,146.557 33.443,160 50,160L250,160C266.557,160 280,146.557 280,130L280,50C280,33.443 266.557,20 250,20L50,20C33.443,20 20,33.443 20,50L20,110Z" style="fill:rgb(226,183,20);fill-rule:nonzero;"/>
    </g>
</svg>

使用上の注意

  • 元の 5:3 の縦横比（viewBox "0 0 300 180"）を保って拡大縮小し、変形させないでください。
  • ロゴの周囲には、ロゴの高さの 20% 以上の余白を確保してください。
  • 暗い背景では、白抜き版、明るい下地、または公式のダーク版を優先して使ってください。

同じカテゴリのロゴ

カテゴリをすべて見る
完了しました