Appwrite
ツール
Azure Spring Apps
Azure Spring Apps（azure-azure-spring-apps）の公式ベクターロゴ。ツールカテゴリ。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
- ファイルサイズ
- 2.7 KB · 6 パス
編集と書き出し
色の変更、背景や余白の追加をしてから書き出せます。処理はすべてブラウザ内で行われます。
カラー
背景
形式
サイズ
SVG、PNG 16–2048px、JPG、WebP、ICO、ファビコンセットを含みますAzure Spring Apps.zip
ブランド仕様と SVG パラメーター
デザインシステムや実装で参照できる公式カラー、viewBox、コントラストの実測値
- ブランド / 表示名
- Azure Spring Apps (azure-azure-spring-apps)
- カテゴリ
- ツール
- 公式カラー (HEX / RGB / HSL)
- #F25022rgb(242, 80, 34) · hsl(13, 89%, 54%)
- WCAG コントラストとファイルサイズ
- 白背景 3.5:1 · 黒背景 5.6:1 · 2.7 KB
SVG コード
<svg id="b9f988c7-d095-4215-8b16-8d8cc86b6c65" xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18"><defs><linearGradient id="b47f94fd-7fe4-4917-bd6e-7d39fdacb02d" x1="-0.258" y1="-0.226" x2="8.727" y2="8.72" gradientUnits="userSpaceOnUse"><stop offset="0.059" stop-color="#0086ec" /><stop offset="1" stop-color="#004dae" /></linearGradient><linearGradient id="bef9bc5a-934e-44d8-b62b-16ab92305435" x1="9.064" y1="8.78" x2="17.493" y2="0.669" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#004dae" /><stop offset="0.941" stop-color="#0086ec" /></linearGradient><linearGradient id="a0c9727a-e709-4755-89bc-774bac323d99" x1="8.863" y1="8.499" x2="17.77" y2="18.081" gradientUnits="userSpaceOnUse"><stop offset="0.059" stop-color="#0086ec" /><stop offset="1" stop-color="#004dae" /></linearGradient><linearGradient id="e54b8060-10bb-4b24-8de8-05d1103aa483" x1="8.643" y1="9.163" x2="0.493" y2="17.672" gradientUnits="userSpaceOnUse"><stop offset="0.059" stop-color="#0086ec" /><stop offset="1" stop-color="#004dae" /></linearGradient></defs><g><path d="M7.335,7.347H1.93a.286.286,0,0,1-.286-.286V1.942a.286.286,0,0,1,.286-.286H7.049a.286.286,0,0,1,.286.286V7.347M8.48,8.491V.8A.287.287,0,0,0,8.194.511H.786A.287.287,0,0,0,.5.8V8.205a.286.286,0,0,0,.286.286Z" fill="url(#b47f94fd-7fe4-4917-bd6e-7d39fdacb02d)" /><path d="M10.665,7.347v-5.4a.286.286,0,0,1,.286-.286H16.07a.286.286,0,0,1,.286.286V7.061a.286.286,0,0,1-.286.286H10.665M9.52,8.491h7.694a.286.286,0,0,0,.286-.286V.8a.287.287,0,0,0-.286-.287H9.806A.287.287,0,0,0,9.52.8V8.491Z" fill="url(#bef9bc5a-934e-44d8-b62b-16ab92305435)" /><path d="M10.665,10.653H16.07a.286.286,0,0,1,.286.286v5.119a.286.286,0,0,1-.286.286H10.951a.286.286,0,0,1-.286-.286v-5.4M9.52,9.509V17.2a.287.287,0,0,0,.286.287h7.408A.287.287,0,0,0,17.5,17.2V9.8a.286.286,0,0,0-.286-.286Z" fill="url(#a0c9727a-e709-4755-89bc-774bac323d99)" /><path d="M7.335,10.653v5.4a.286.286,0,0,1-.286.286H1.93a.286.286,0,0,1-.286-.286V10.939a.286.286,0,0,1,.286-.286H7.335M8.48,9.509H.786A.286.286,0,0,0,.5,9.8V17.2a.287.287,0,0,0,.286.287H8.194A.287.287,0,0,0,8.48,17.2V9.509Z" fill="url(#e54b8060-10bb-4b24-8de8-05d1103aa483)" /><g><path d="M14.9,8.22a15.94,15.94,0,0,0-1.033-4.881,4.868,4.868,0,0,1-.563.985A5.8,5.8,0,0,0,9.268,2.681,5.633,5.633,0,1,0,14.9,8.314Z" fill="#5fb832" /><path d="M13.821,10.849c-1.408,1.83-4.365,1.22-6.242,1.314a5.315,5.315,0,0,0-.658.047l.282-.094a21.8,21.8,0,0,0,2.769-.986,6.39,6.39,0,0,0,3.333-4.271,6.617,6.617,0,0,1-3.943,3.755,22.549,22.549,0,0,1-3.1.8l-.094-.047C4.809,10.708,4.762,7.751,7.2,6.812c1.08-.422,2.112-.188,3.286-.469A5.256,5.256,0,0,0,13.775,3.9C14.479,5.92,15.23,8.971,13.821,10.849Zm-7.932,1.83a.469.469,0,1,0-.47-.469A.469.469,0,0,0,5.889,12.679Z" fill="#fff" /></g></g></svg>使用上の注意
- 元の 1:1 の縦横比（viewBox "0 0 18 18"）を保って拡大縮小し、変形させないでください。
- ロゴの周囲には、ロゴの高さの 20% 以上の余白を確保してください。
- グラデーションを含むため、CSS の fill: currentColor で一色に上書きしないでください。
