社交媒体title-card-makerTCM暗色专用版

Title Card Maker

Title Card Maker（title-card-maker）官方矢量标志，归属社交媒体分类，提供无损 SVG 与 1024px 高清透明去背景 PNG 下载。

滚轮缩放 · 拖动平移 · 双击放大

该标志提供独立暗色模式版本

色彩提取

点击直接复制色值

下载 SVG 矢量文件 PNG

一键打包 ZIP

ADChatGPT Plus·官方正规车位 · 极速上手 GPT-6.1 Sol / 深度研究

优惠码 6666888 享95折

ADNetflix 4K·独立车位 · 专属 PIN 锁防打扰 · 全设备秒连

限时特惠码 6666888 享95折

矢量格式: SVG · 1.04:1
导出分辨率: 1024 × 1024 px
画布视口: -0.3 0.2 289.4 277.6
源码体积: 1.4 KB · 4 个路径节点

编辑与导出

修改颜色、添加背景或留白后导出常用格式，全程在浏览器本地完成

颜色

单色

背景

留白0%圆角0%

格式

尺寸

含 SVG、PNG 16–2048px、JPG、WebP、ICO 与网站图标套装Title Card Maker.zip

品牌视觉规范与工程参数档案

面向设计系统与工程引用的官方色彩、视口几何与对比度实测参数

品牌实体 / 展示名称: 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 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>

<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 } -->
    .white { fill: #ffffff }
  </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="white" 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="white" 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>