本文へスキップ

FIF Astra

FIF Astraの公式ベクターロゴ。金融・決済カテゴリ。SVG と 1024px の透過 PNG でダウンロードできます。

FIF Astra Logo

ブランドカラー

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

ダウンロード

ADChatGPT Plus·公式の共有・専用プラン · GPT-6.1 Sol / Deep Research をすぐに利用
クーポン 6666888 で 5% オフ
ADNetflix 4K·専用プロフィール · PIN ロック · 全デバイス対応
クーポン 6666888 で 5% オフ
ベクター形式
SVG · 0.84:1
書き出し解像度
1024 × 1024 px
viewBox
0 0 67 80
ファイルサイズ
1.8 KB · 2 パス

編集と書き出し

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

カラー

背景

形式
サイズ

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

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

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

ブランド / 表示名
FIF Astra
カテゴリ
金融・決済
公式カラー (HEX / RGB / HSL)
#F4EC40rgb(244, 236, 64) · hsl(57, 89%, 60%)
WCAG コントラストとファイルサイズ
白背景 1.2:1 · 黒背景 16:1 · 1.8 KB

SVG コード

<svg width="67" height="80" viewBox="0 0 67 80" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_3802_17736)">
<path fill-rule="evenodd" clip-rule="evenodd" d="M29.1006 31.1049C26.3088 34.2045 6.04217 59.6515 18.4362 78.2838C20.0619 80.7245 20.387 80.5511 20.0229 77.8676C18.1631 64.1687 18.9738 55.7629 35.5599 35.9732C40.6277 29.9777 33.5614 26.1498 29.1006 31.1005V31.1049ZM0.0987418 34.755C-1.67432 14.9783 20.7165 -11.7606 44.2778 5.60578C47.243 7.79067 47.0176 8.95248 43.4195 7.55224C23.8378 -0.0905461 7.18231 15.7413 3.06395 34.9241C2.31832 38.3878 0.402199 38.1321 0.0987418 34.7594V34.755ZM57.5823 21.6934C51.5218 8.92214 75.8721 27.277 61.3451 50.0623C57.3568 56.3222 49.7357 61.6673 42.3704 70.1035C39.7043 73.1554 38.3647 72.3014 40.2245 68.8159C43.6709 62.3566 48.5132 56.4175 52.9003 51.3845C60.6905 42.4455 61.861 30.706 57.5823 21.6934ZM6.12454 60.1501C2.48739 41.7996 10.5594 23.7525 23.0488 16.01C38.7115 6.30373 58.51 21.2728 51.9336 38.5569C47.0826 51.3108 32.6771 60.2281 28.8492 76.6581C27.9821 80.3733 27.6007 80.8719 26.881 77.031C25.4808 67.5284 28.9749 57.2065 42.0843 40.4037C50.8672 28.8246 36.466 13.9422 24.0892 25.0617C15.6965 33.3201 11.4047 42.2374 8.17938 60.046C7.62015 63.1239 6.71845 63.1456 6.12454 60.1501Z" fill="url(#paint0_radial_3802_17736)"/>
</g>
<defs>
<radialGradient id="paint0_radial_3802_17736" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(40.6447 24.1427) scale(36.6793 36.6793)">
<stop offset="0.11" stop-color="#F4EC40"/>
<stop offset="0.24" stop-color="#F3CA3B"/>
<stop offset="0.62" stop-color="#F26A2F"/>
<stop offset="0.87" stop-color="#DB372F"/>
<stop offset="1" stop-color="#D3232F"/>
</radialGradient>
<clipPath id="clip0_3802_17736">
<rect width="66.0451" height="80.0036" fill="white"/>
</clipPath>
</defs>
</svg>

使用上の注意

  • 元の 0.84:1 の縦横比(viewBox "0 0 67 80")を保って拡大縮小し、変形させないでください。
  • ロゴの周囲には、ロゴの高さの 20% 以上の余白を確保してください。
  • グラデーションを含むため、CSS の fill: currentColor で一色に上書きしないでください。
カテゴリをすべて見る
完了しました