本文へスキップ
LogoHub
ソーシャルメディアtitle-card-makerTCMダーク版

Title Card Maker

Title Card Maker（title-card-maker）の公式ベクターロゴ。ソーシャルメディアカテゴリ。SVG と 1024px の透過 PNG でダウンロードできます。

Title Card Maker Logo
ダークモード用の公式バージョンがあります

ブランドカラー

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

ダウンロード

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

編集と書き出し

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

カラー

背景

形式
サイズ

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

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

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

ブランド / 表示名
Title Card Maker (title-card-maker)
カテゴリ
ソーシャルメディア
公式カラー (HEX / RGB / HSL)
#6391D2rgb(99, 145, 210) · hsl(215, 55%, 61%)
WCAG コントラストとファイルサイズ
白背景 3.2:1 · 黒背景 6.1:1 · 1.4 KB

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" version="1.2" viewBox="-0.3 0.2 289.4 277.6">
  <title>TitleCardMaker Logo</title>
  <style>
    .tcm-blue { fill: #6391d2 } 
    <!-- .s0 { fill: #4186d1 } -->
    .black { fill: #000 }
  </style>
  <g id="Layer 1">
    <g id="&lt;Group&gt;">
      <g id="&lt;Group&gt;">
        <g id="&lt;Group&gt;">
          <path id="&lt;Compound Path&gt;" class="tcm-blue" d="m238.5 167.6l-26.2-14.9-26.1 14.9 26.1 14.7 24.4 13.8-92.3 52.1-92.4-52.1 24.5-13.8 26.2-14.7-26.2-14.9-26.2 14.9-50.6 28.5 144.7 81.7 144.7-81.7z"/>
        </g>
        <g id="&lt;Group&gt;">
          <path id="&lt;Compound Path&gt;" class="black" d="m238.5 110.4l-26.1-14.7-26.2 14.7 26.2 14.8 24.3 13.8-24.4 13.7-26.1 14.9-41.8 23.5-41.7-23.5-26.2-14.9-24.5-13.7 24.5-13.8 26.1-14.8-26.1-14.7-26.2 14.7-50.6 28.6 50.6 28.6 26.2 14.7 67.9 38.3 67.9-38.3 26.2-14.7 50.6-28.6z"/>
        </g>
        <g id="&lt;Group&gt;">
          <path id="&lt;Compound Path&gt;" fill-rule="evenodd" class="tcm-blue" d="m289.1 81.9l-50.6 28.5-26.1 14.8-68 38.4-67.9-38.4-26.2-14.8-50.6-28.5 144.7-81.7zm-76.7 13.8l24.4-13.8-92.4-52.1-92.3 52.1 24.4 13.8 26.1 14.8 41.8 23.6 41.8-23.6z"/>
        </g>
      </g>
      <path id="&lt;Path&gt;" class="black" d="m197.8 75.4l-42.2-24.3c-5-2.9-11.2 0.7-11.2 6.5v48.7c0 5.7 6.2 9.3 11.2 6.4l42.2-24.3c5-2.9 5-10.1 0-13z"/>
    </g>
  </g>
</svg>

使用上の注意

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

同じカテゴリのロゴ

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