本文へスキップ
LogoHub
ソーシャルメディアtelegram-archive

Telegram Archive

Telegram Archive（telegram-archive）の公式ベクターロゴ。ソーシャルメディアカテゴリ。SVG と 1024px の透過 PNG でダウンロードできます。

Telegram Archive Logo

ブランドカラー

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

ダウンロード

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

編集と書き出し

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

カラー

背景

形式
サイズ

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

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

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

ブランド / 表示名
Telegram Archive (telegram-archive)
カテゴリ
ソーシャルメディア
公式カラー (HEX / RGB / HSL)
#2AABEErgb(42, 171, 238) · hsl(201, 85%, 55%)
WCAG コントラストとファイルサイズ
白背景 2.6:1 · 黒背景 7.7:1 · 1.4 KB

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" viewBox="20 32 312 312" width="256" height="256" role="img" aria-label="Telegram Archive">
  <!--
    Header logo: a paper plane with a database stack in front of it, traced
    from the app icon. No background plate, so it sits directly on the dark
    header bar. The plane is masked where the stack covers it, which keeps the
    inside of the stack transparent instead of painting it a fixed colour.
  -->
  <defs>
    <mask id="taBehindStack">
      <rect x="0" y="0" width="360" height="360" fill="#fff"/>
      <path d="M180 170 A72.5 30 0 0 1 325 170 L325 302 A72.5 30 0 0 1 180 302 Z"
            fill="#000" stroke="#000" stroke-width="13"/>
    </mask>
  </defs>

  <g mask="url(#taBehindStack)" stroke-linejoin="round" stroke-linecap="round">
    <path d="M86 176 L248 84 L128 206 Z" fill="#C5E4F3"/>
    <path d="M86 176 L128 206 L120 252 Z" fill="#7FC1EA"/>
    <path d="M292 46 L28 146 L86 176 L120 252 L270 200 Z"
          fill="none" stroke="#2AABEE" stroke-width="13"/>
  </g>

  <g fill="none" stroke="#2AABEE" stroke-width="13" stroke-linejoin="round" stroke-linecap="round">
    <path d="M180 170 A72.5 30 0 0 1 325 170 L325 302 A72.5 30 0 0 1 180 302 Z"/>
    <ellipse cx="252.5" cy="170" rx="72.5" ry="30"/>
    <path d="M180 214 A72.5 30 0 0 0 325 214"/>
    <path d="M180 258 A72.5 30 0 0 0 325 258"/>
  </g>
  <ellipse cx="252.5" cy="172" rx="47" ry="13" fill="#2AABEE"/>
</svg>

使用上の注意

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

同じカテゴリのロゴ

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