本文へスキップ
LogoHub
企業・団体ダーク版

Filagram

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

Filagram 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
0 0 120 120
ファイルサイズ
1.5 KB · 9 パス
公式サイト
https://filagram.com

編集と書き出し

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

カラー

背景

形式
サイズ

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

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

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

ブランド / 表示名
Filagram
カテゴリ
企業・団体
公式カラー (HEX / RGB / HSL)
#00F0C0rgb(0, 240, 192) · hsl(168, 100%, 47%)
WCAG コントラストとファイルサイズ
白背景 1.5:1 · 黒背景 13.4:1 · 1.5 KB

SVG コード

<svg width="512" height="512" viewBox="0 0 120 120" fill="none" xmlns="http://www.w3.org/2000/svg">
  <defs>
    <linearGradient id="bg" x1="0" y1="0" x2="120" y2="120" gradientUnits="userSpaceOnUse">
      <stop offset="0%" stop-color="#00f0c0"/>
      <stop offset="100%" stop-color="#008f6e"/>
    </linearGradient>
    <linearGradient id="highlight" x1="60" y1="0" x2="60" y2="120" gradientUnits="userSpaceOnUse">
      <stop offset="0%" stop-color="white" stop-opacity="0.2"/>
      <stop offset="50%" stop-color="white" stop-opacity="0"/>
      <stop offset="100%" stop-color="black" stop-opacity="0.15"/>
    </linearGradient>
    <filter id="shadow">
      <feDropShadow dx="0" dy="2" stdDeviation="4" flood-color="#000" flood-opacity="0.3"/>
    </filter>
  </defs>
  <rect width="120" height="120" rx="26" fill="url(#bg)"/>
  <rect width="120" height="120" rx="26" fill="url(#highlight)"/>
  <rect x="0.5" y="0.5" width="119" height="119" rx="25.5" fill="none" stroke="white" stroke-opacity="0.18"/>
  <g filter="url(#shadow)">
    <rect x="24" y="18" width="72" height="14" rx="5" fill="#0a0e12"/>
    <rect x="24" y="18" width="18" height="84" rx="5" fill="#0a0e12"/>
    <rect x="46" y="36" width="50" height="22" rx="6" fill="#0a0e12"/>
    <rect x="46" y="62" width="50" height="40" rx="6" fill="#0a0e12"/>
  </g>
  <rect x="46" y="33" width="50" height="2" rx="1" fill="white" opacity="0.1"/>
  <rect x="46" y="59" width="36" height="2" rx="1" fill="white" opacity="0.08"/>
</svg>

使用上の注意

  • 元の 1:1 の縦横比（viewBox "0 0 120 120"）を保って拡大縮小し、変形させないでください。
  • ロゴの周囲には、ロゴの高さの 20% 以上の余白を確保してください。
  • グラデーションを含むため、CSS の fill: currentColor で一色に上書きしないでください。

同じカテゴリのロゴ

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