本文へスキップ
金融・決済firefly-iii

Firefly III

Firefly III(firefly-iii)の公式ベクターロゴ。金融・決済カテゴリ。SVG と 1024px の透過 PNG でダウンロードできます。

Firefly III Logo

ブランドカラー

クリックでカラーコードをコピー
単色ロゴこのロゴは公式の単色で構成されています。レイアウトでは色味とコントラストを保ってください。

ダウンロード

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

編集と書き出し

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

カラー

背景

形式
サイズ

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

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

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

ブランド / 表示名
Firefly III (firefly-iii)
カテゴリ
金融・決済
公式カラー (HEX / RGB / HSL)
#CD5029rgb(205, 80, 41) · hsl(14, 67%, 48%)
WCAG コントラストとファイルサイズ
白背景 4.4:1 · 黒背景 4.5:1 · 1.6 KB

SVG コード

<svg fill="#CD5029" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Firefly III</title><path d="M10.107 0s.917 3.103-.842 4.91c-1.76 1.807-1.57 3.803-.856 4.754.713.951.665 1.664.095 2.187-.57.523-1.046.904-1.379.048-.333-.856-.713-.856-.856-1.284a43.535 43.535 0 0 0-.428-1.189s-.903 1.427-1.474 2.283c-.57.855-.57 2.187-.19 2.9.38.713.238 1.569-.047 2.757-.286 1.189.095 2.996 1.426 3.709 1.331.713 2.948 1.283 3.66 1.949.714.666 2.378 1.284 4.518.808 2.14-.475 4.85-2.662 5.324-4.136 0 0 1.237-1.379 1-3.185-.239-1.807-1.095-1.76-1.475-3.138-.38-1.38.823-1.04-.19-3.406 0 0-.452-1.127-2.168-1.939-1.102-.521-.352-2.88-2.3-5.258C11.974.393 10.106 0 10.106 0zm-.326 11.753c1.373-.01 2.14 1.376 2.14 1.376 1.78-.216 3.533.152 4.374.94.531.498.965.956 1.181 1.834-.1-.034-.282-.08-.52-.076a1.875 1.875 0 0 0-.902.256s-.99-.333-1.52.097c-.55.446-.604.968-.576 1.586 0 0 .476-1.628 1.68-1.208 0 0-.852 1.5.472 1.762 0 0 .313-.002.57-.158.247-.148.44-.424.361-.92 0 0-.16-.494-.577-.794 0 0 .378-.267 1.096-.104.035.238.056.503.063.802.047 2.057-1.326 3.402-1.326 3.402v.927c-.167.334-.445.445-1.39.445-.946 0-1.076-.26-1.076-.26v-.185c-1.446.186-2.234 0-2.234 0 0 .167 0 .195-.14.334-.138.139-1 .148-1.65.055-.649-.092-.574-.407-.574-.407v-.946a3.663 3.663 0 0 1-1.354-1.873l-.61.012c-.334 0-.477-.428-.477-.428v-1.379c0-.428.428-.523.428-.523l.594-.045c.201-1.426 1.688-2.522 1.688-2.522l-.083-1.966c.125-.023.246-.033.362-.034zm-.548 4.716a.352.352 0 0 0-.353.352.352.352 0 0 0 .353.352.352.352 0 0 0 .352-.352.352.352 0 0 0-.352-.352zm6.85.301s.124.031.39.469c.257.425-.182.635-.182.635-.827.063-.208-1.104-.208-1.104z"/></svg>

使用上の注意

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