---
title: '圖片資源'
id: docs_assets
description: Longbridge 官方品牌圖片資源和 CDN 地址。
sidebar: false
aside: false
editLink: false
prev: false
next: false
breadcrumb: false
---

# Longbridge 圖片資源

引用 Longbridge Developers 和 Longbridge 品牌圖片時，請使用以下官方 CDN 地址。

> 這些資源託管在 Longbridge CDN。請直接引用 URL，不要把圖片文件加入倉庫。

<div class="brand-assets-markdown">
  <section class="brand-asset-markdown-card">
    <figure class="brand-asset-markdown-preview is-icon">
      <img src="https://assets.lbkrs.com/uploads/2e476c46-8bb9-4689-a800-54877351520e/app-icon.svg" alt="Icon" />
    </figure>
    <div class="brand-asset-markdown-body">
      <h2>Icon</h2>
      <p>用於需要正方形 Icon 的場景，例如 GitHub Avatar、Twitter Avatar 等。</p>
      <dl>
        <dt>格式</dt>
        <dd>SVG</dd>
      </dl>
    </div>
    <div class="brand-asset-markdown-url">
      <span>URL</span>
      <a href="https://assets.lbkrs.com/uploads/2e476c46-8bb9-4689-a800-54877351520e/app-icon.svg">https://assets.lbkrs.com/uploads/2e476c46-8bb9-4689-a800-54877351520e/app-icon.svg</a>
    </div>
  </section>

  <section class="brand-asset-markdown-card">
    <figure class="brand-asset-markdown-preview is-dark">
      <img src="https://assets.lbkrs.com/uploads/37a18fa4-46a4-408c-a36a-560004eb3cfb/longbridge-developers-dark.png" alt="Longbridge Developers Logo dark" />
    </figure>
    <div class="brand-asset-markdown-body">
      <h2>Longbridge Developers Logo (dark)</h2>
      <p>Longbridge Developers 深色版本標誌。</p>
      <dl>
        <dt>格式</dt>
        <dd>PNG</dd>
      </dl>
    </div>
    <div class="brand-asset-markdown-url">
      <span>URL</span>
      <a href="https://assets.lbkrs.com/uploads/37a18fa4-46a4-408c-a36a-560004eb3cfb/longbridge-developers-dark.png">https://assets.lbkrs.com/uploads/37a18fa4-46a4-408c-a36a-560004eb3cfb/longbridge-developers-dark.png</a>
    </div>
  </section>

  <section class="brand-asset-markdown-card">
    <figure class="brand-asset-markdown-preview is-light">
      <img src="https://assets.lbkrs.com/uploads/e76f6d93-80f8-4f9b-8b8d-2c86f0c94a78/longbridge-developers-light.png" alt="Longbridge Developers Logo light" />
    </figure>
    <div class="brand-asset-markdown-body">
      <h2>Longbridge Developers Logo (light)</h2>
      <p>Longbridge Developers 淺色版本標誌。</p>
      <dl>
        <dt>格式</dt>
        <dd>PNG</dd>
      </dl>
    </div>
    <div class="brand-asset-markdown-url">
      <span>URL</span>
      <a href="https://assets.lbkrs.com/uploads/e76f6d93-80f8-4f9b-8b8d-2c86f0c94a78/longbridge-developers-light.png">https://assets.lbkrs.com/uploads/e76f6d93-80f8-4f9b-8b8d-2c86f0c94a78/longbridge-developers-light.png</a>
    </div>
  </section>

  <section class="brand-asset-markdown-card">
    <figure class="brand-asset-markdown-preview is-light">
      <img src="https://assets.lbkrs.com/uploads/bf1df347-6ee7-4f6d-b716-171c74e24521/logo-light.svg" alt="Logo light" />
    </figure>
    <div class="brand-asset-markdown-body">
      <h2>Logo (light)</h2>
      <p>Longbridge 淺色版本標誌。</p>
      <dl>
        <dt>格式</dt>
        <dd>SVG</dd>
      </dl>
    </div>
    <div class="brand-asset-markdown-url">
      <span>URL</span>
      <a href="https://assets.lbkrs.com/uploads/bf1df347-6ee7-4f6d-b716-171c74e24521/logo-light.svg">https://assets.lbkrs.com/uploads/bf1df347-6ee7-4f6d-b716-171c74e24521/logo-light.svg</a>
    </div>
  </section>

  <section class="brand-asset-markdown-card">
    <figure class="brand-asset-markdown-preview is-dark">
      <img src="https://assets.lbkrs.com/uploads/1e1dcd32-a8a5-401f-a01c-aabec0cf9ff9/logo-dark.svg" alt="Logo dark" />
    </figure>
    <div class="brand-asset-markdown-body">
      <h2>Logo (dark)</h2>
      <p>Longbridge 深色版本標誌。</p>
      <dl>
        <dt>格式</dt>
        <dd>SVG</dd>
      </dl>
    </div>
    <div class="brand-asset-markdown-url">
      <span>URL</span>
      <a href="https://assets.lbkrs.com/uploads/1e1dcd32-a8a5-401f-a01c-aabec0cf9ff9/logo-dark.svg">https://assets.lbkrs.com/uploads/1e1dcd32-a8a5-401f-a01c-aabec0cf9ff9/logo-dark.svg</a>
    </div>
  </section>
</div>