Android
企業・団体
Front
Frontの公式ベクターロゴ。企業・団体カテゴリ。SVG と 1024px の透過 PNG でダウンロードできます。
ブランドカラー
クリックでカラーコードをコピーダウンロード
ADChatGPT Plus·公式の共有・専用プラン · GPT-6.1 Sol / Deep Research をすぐに利用クーポン 6666888 で 5% オフ
ADNetflix 4K·専用プロフィール · PIN ロック · 全デバイス対応クーポン 6666888 で 5% オフ
- ベクター形式
- SVG · 1:1
- 書き出し解像度
- 1024 × 1024 px
- viewBox
- 0 0 950 950
- ファイルサイズ
- 1.1 KB · 4 パス
- 公式サイト
- https://front.com
編集と書き出し
色の変更、背景や余白の追加をしてから書き出せます。処理はすべてブラウザ内で行われます。
カラー
背景
形式
サイズ
SVG、PNG 16–2048px、JPG、WebP、ICO、ファビコンセットを含みますFront.zip
ブランド仕様と SVG パラメーター
デザインシステムや実装で参照できる公式カラー、viewBox、コントラストの実測値
- ブランド / 表示名
- Front
- カテゴリ
- 企業・団体
- 公式カラー (HEX / RGB / HSL)
- #FF0057rgb(255, 0, 87) · hsl(340, 100%, 50%)
- WCAG コントラストとファイルサイズ
- 白背景 3.9:1 · 黒背景 5.1:1 · 1.1 KB
SVG コード
<svg width="950" height="950" viewBox="0 0 950 950" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="475" cy="475" r="425" fill="white"/>
<path d="M308 308.2C308 262.25 345.25 225 391.2 225H658V343.4C658 366.375 639.375 385 616.4 385H508C485.909 385 468 402.909 468 425V683.4C468 706.375 449.375 725 426.4 725H308V308.2Z" fill="#001B38"/>
<circle cx="509" cy="426" r="108" transform="rotate(90 509 426)" fill="url(#paint0_linear)"/>
<circle opacity="0.5" cx="509" cy="426" r="108" transform="rotate(90 509 426)" fill="url(#paint1_linear)"/>
<defs>
<linearGradient id="paint0_linear" x1="428.041" y1="502.06" x2="591.574" y2="339.649" gradientUnits="userSpaceOnUse">
<stop stop-color="#FF0057" stop-opacity="0.16"/>
<stop offset="0.861354" stop-color="#FF0057"/>
</linearGradient>
<linearGradient id="paint1_linear" x1="428.041" y1="502.06" x2="591.574" y2="339.649" gradientUnits="userSpaceOnUse">
<stop stop-color="#FF0057" stop-opacity="0.16"/>
<stop offset="0.861354" stop-color="#FF0057"/>
</linearGradient>
</defs>
</svg>
使用上の注意
- 元の 1:1 の縦横比（viewBox "0 0 950 950"）を保って拡大縮小し、変形させないでください。
- ロゴの周囲には、ロゴの高さの 20% 以上の余白を確保してください。
- グラデーションを含むため、CSS の fill: currentColor で一色に上書きしないでください。
