Appwrite
ツール
ツールazure-azure-lighthouse
Azure Lighthouse
Azure Lighthouse（azure-azure-lighthouse）の公式ベクターロゴ。ツールカテゴリ。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 18 18
- ファイルサイズ
- 1.1 KB · 4 パス
編集と書き出し
色の変更、背景や余白の追加をしてから書き出せます。処理はすべてブラウザ内で行われます。
カラー
背景
形式
サイズ
SVG、PNG 16–2048px、JPG、WebP、ICO、ファビコンセットを含みますAzure Lighthouse.zip
ブランド仕様と SVG パラメーター
デザインシステムや実装で参照できる公式カラー、viewBox、コントラストの実測値
- ブランド / 表示名
- Azure Lighthouse (azure-azure-lighthouse)
- カテゴリ
- ツール
- 公式カラー (HEX / RGB / HSL)
- #7FBA00rgb(127, 186, 0) · hsl(79, 100%, 36%)
- WCAG コントラストとファイルサイズ
- 白背景 2.4:1 · 黒背景 8.4:1 · 1.1 KB
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18"><defs><linearGradient id="b0415b5b-3b98-48a9-9263-d680ffce93e8" x1="9" y1="17.86" x2="9" y2="4.06" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#0078d4" /><stop offset="0.16" stop-color="#1380da" /><stop offset="0.53" stop-color="#3c91e5" /><stop offset="0.82" stop-color="#559cec" /><stop offset="1" stop-color="#5ea0ef" /></linearGradient></defs><title>Icon471-AzureLighthouse</title><g id="e5b0933f-d08a-4ba0-b46b-ca75717b991a"><path d="M16.65,17.08,13.06,7.76a.28.28,0,0,0-.26-.18H10.24V5.36a1.3,1.3,0,1,0-2.59,0V7.58H5.34a.29.29,0,0,0-.27.18L1.35,17.08a.55.55,0,0,0,.45.78H16.2A.55.55,0,0,0,16.65,17.08Z" fill="url(#b0415b5b-3b98-48a9-9263-d680ffce93e8)" /><path d="M3.37,12,12,7.58h.75a.28.28,0,0,1,.27.19l.83,2.15L1.8,16Z" fill="#83b9f9" /><path d="M9.54,17.84l6-3.6,1.09,2.84a.56.56,0,0,1-.46.78Z" fill="#83b9f9" /><path d="M8.87.16,4.75,2.55a.16.16,0,0,0-.08.14v.37a.16.16,0,0,0,.16.16h.62V7.58h.78V3.22h5.44V7.58h.77V3.22h.63a.16.16,0,0,0,.16-.16V2.69a.16.16,0,0,0-.08-.14L9,.16A.22.22,0,0,0,8.87.16Z" fill="#0078d4" /></g></svg>使用上の注意
- 元の 1:1 の縦横比（viewBox "0 0 18 18"）を保って拡大縮小し、変形させないでください。
- ロゴの周囲には、ロゴの高さの 20% 以上の余白を確保してください。
- グラデーションを含むため、CSS の fill: currentColor で一色に上書きしないでください。
