Appwrite
ツール
ツールスカラ
Scala
Scalaの公式ベクターロゴ。ツールカテゴリ。SVG と 1024px の透過 PNG でダウンロードできます。
ブランドカラー
クリックでカラーコードをコピーダウンロード
ADChatGPT Plus·公式の共有・専用プラン · GPT-6.1 Sol / Deep Research をすぐに利用クーポン 6666888 で 5% オフ
ADNetflix 4K·専用プロフィール · PIN ロック · 全デバイス対応クーポン 6666888 で 5% オフ
- ベクター形式
- SVG · 8:13
- 書き出し解像度
- 1024 × 1024 px
- viewBox
- 0 0 256 416
- ファイルサイズ
- 1.1 KB · 5 パス
編集と書き出し
色の変更、背景や余白の追加をしてから書き出せます。処理はすべてブラウザ内で行われます。
カラー
背景
形式
サイズ
SVG、PNG 16–2048px、JPG、WebP、ICO、ファビコンセットを含みますScala.zip
ブランド仕様と SVG パラメーター
デザインシステムや実装で参照できる公式カラー、viewBox、コントラストの実測値
- ブランド / 表示名
- Scala
- カテゴリ
- ツール
- 公式カラー (HEX / RGB / HSL)
- #4F4F4Frgb(79, 79, 79) · hsl(0, 0%, 31%)
- WCAG コントラストとファイルサイズ
- 白背景 8.2:1 · 黒背景 2.4:1 · 1.1 KB
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid" viewBox="0 0 256 416">
<defs>
<linearGradient x1="0%" y1="50%" x2="100%" y2="50%" id="a">
<stop stop-color="#4F4F4F" offset="0%"/>
<stop offset="100%"/>
</linearGradient>
<linearGradient x1="0%" y1="50%" x2="100%" y2="50%" id="b">
<stop stop-color="#C40000" offset="0%"/>
<stop stop-color="red" offset="100%"/>
</linearGradient>
</defs>
<path d="M0 288v-32c0-5 116-14 192-32 37 8 64 19 64 32v32c0 13-27 24-64 32-76-18-192-27-192-32" fill="url(#a)" transform="matrix(1 0 0 -1 0 544)"/>
<path d="M0 160v-32c0-5 116-14 192-32 37 8 64 19 64 32v32c0 13-27 24-64 32-76-18-192-27-192-32" fill="url(#a)" transform="matrix(1 0 0 -1 0 288)"/>
<path d="M0 224v-96c0 8 256 24 256 64v96c0-40-256-56-256-64" fill="url(#b)" transform="matrix(1 0 0 -1 0 416)"/>
<path d="M0 96V0c0 8 256 24 256 64v96c0-40-256-56-256-64" fill="url(#b)" transform="matrix(1 0 0 -1 0 160)"/>
<path d="M0 352v-96c0 8 256 24 256 64v96c0-40-256-56-256-64" fill="url(#b)" transform="matrix(1 0 0 -1 0 672)"/>
</svg>
使用上の注意
- 元の 8:13 の縦横比（viewBox "0 0 256 416"）を保って拡大縮小し、変形させないでください。
- ロゴの周囲には、ロゴの高さの 20% 以上の余白を確保してください。
- グラデーションを含むため、CSS の fill: currentColor で一色に上書きしないでください。
