Appwrite
ツール
Traefik Manager
Traefik Manager（traefik-manager）の公式ベクターロゴ。ツールカテゴリ。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 512 512
- ファイルサイズ
- 1.8 KB · 2 パス
編集と書き出し
色の変更、背景や余白の追加をしてから書き出せます。処理はすべてブラウザ内で行われます。
カラー
背景
形式
サイズ
SVG、PNG 16–2048px、JPG、WebP、ICO、ファビコンセットを含みますTraefik Manager.zip
ブランド仕様と SVG パラメーター
デザインシステムや実装で参照できる公式カラー、viewBox、コントラストの実測値
- ブランド / 表示名
- Traefik Manager (traefik-manager)
- カテゴリ
- ツール
- 公式カラー (HEX / RGB / HSL)
- #24A1DErgb(36, 161, 222) · hsl(200, 74%, 51%)
- WCAG コントラストとファイルサイズ
- 白背景 2.9:1 · 黒背景 6.8:1 · 1.8 KB
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 512 512"><linearGradient id="traefik-manager_svg__a" x1="141.647" x2="370.353" y1="141.647" y2="370.353" gradientUnits="userSpaceOnUse"><stop offset="0" style="stop-color:#24a1de"/><stop offset=".283" style="stop-color:#27a0df"/><stop offset=".475" style="stop-color:#309de0"/><stop offset=".641" style="stop-color:#3f97e3"/><stop offset=".792" style="stop-color:#558fe7"/><stop offset=".931" style="stop-color:#7084ed"/><stop offset="1" style="stop-color:#817ef0"/></linearGradient><path d="M464.6 241.8H329.5v-21.3c0-20.9-17-37.9-37.9-37.9h-21.3V47.4c0-7.9-6.4-14.2-14.2-14.2-7.9 0-14.2 6.4-14.2 14.2v135.1h-21.3c-20.9 0-37.9 17-37.9 37.9v21.3H47.4c-7.9 0-14.2 6.4-14.2 14.2 0 7.9 6.4 14.2 14.2 14.2h135.1v21.3c0 20.9 17 37.9 37.9 37.9h21.3v135.1c0 7.9 6.4 14.2 14.2 14.2 7.9 0 14.2-6.4 14.2-14.2V329.5h21.3c20.9 0 37.9-17 37.9-37.9v-21.3h135.1c7.9 0 14.2-6.4 14.2-14.2.2-8-6.2-14.3-14-14.3M301 291.6c0 5.2-4.3 9.5-9.5 9.5h-71.1c-5.2 0-9.5-4.3-9.5-9.5v-71.1c0-5.2 4.3-9.5 9.5-9.5h71.1c5.2 0 9.5 4.3 9.5 9.5z" style="fill:url(#traefik-manager_svg__a)"/><linearGradient id="traefik-manager_svg__b" x1="68.038" x2="192541.125" y1="443.962" y2="-192029.125" gradientUnits="userSpaceOnUse"><stop offset="0" style="stop-color:#24a1de"/><stop offset=".5" style="stop-color:#24a1de"/><stop offset=".75" style="stop-color:#a371f7"/><stop offset="1" style="stop-color:#f0883e"/></linearGradient><path d="M256 0c13.1 0 23.7 10.6 23.7 23.7S269.1 47.4 256 47.4s-23.7-10.6-23.7-23.7S242.9 0 256 0m0 464.6c13.1 0 23.7 10.6 23.7 23.7S269.1 512 256 512s-23.7-10.6-23.7-23.7 10.6-23.7 23.7-23.7M23.7 232.3c13.1 0 23.7 10.6 23.7 23.7s-10.6 23.7-23.7 23.7S0 269.1 0 256s10.6-23.7 23.7-23.7m464.6 0c13.1 0 23.7 10.6 23.7 23.7s-10.6 23.7-23.7 23.7-23.7-10.6-23.7-23.7 10.6-23.7 23.7-23.7" style="fill:url(#traefik-manager_svg__b)"/></svg>使用上の注意
- 元の 1:1 の縦横比（viewBox "0 0 512 512"）を保って拡大縮小し、変形させないでください。
- ロゴの周囲には、ロゴの高さの 20% 以上の余白を確保してください。
- グラデーションを含むため、CSS の fill: currentColor で一色に上書きしないでください。
