Appwrite
ツール
kiac
kiacの公式ベクターロゴ。ツールカテゴリ。SVG と 1024px の透過 PNG でダウンロードできます。
ブランドカラー
クリックでカラーコードをコピーダウンロード
ADChatGPT Plus·公式の共有・専用プラン · GPT-6.1 Sol / Deep Research をすぐに利用クーポン 6666888 で 5% オフ
ADNetflix 4K·専用プロフィール · PIN ロック · 全デバイス対応クーポン 6666888 で 5% オフ
- ベクター形式
- SVG · 12:11
- 書き出し解像度
- 1024 × 1024 px
- viewBox
- 0 0 480 440
- ファイルサイズ
- 1.3 KB · 8 パス
編集と書き出し
色の変更、背景や余白の追加をしてから書き出せます。処理はすべてブラウザ内で行われます。
カラー
背景
形式
サイズ
SVG、PNG 16–2048px、JPG、WebP、ICO、ファビコンセットを含みますkiac.zip
ブランド仕様と SVG パラメーター
デザインシステムや実装で参照できる公式カラー、viewBox、コントラストの実測値
- ブランド / 表示名
- kiac
- カテゴリ
- ツール
- 公式カラー (HEX / RGB / HSL)
- #2D5FD0rgb(45, 95, 208) · hsl(222, 64%, 50%)
- WCAG コントラストとファイルサイズ
- 白背景 5.7:1 · 黒背景 3.5:1 · 1.3 KB
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 480 440" width="480" height="440" role="img" aria-labelledby="title desc">
<title id="title">kiac</title>
<desc id="desc">Kubernetes in Apple Containers</desc>
<defs>
<linearGradient id="kiac-hex" x1="0" y1="0" x2="1" y2="1">
<stop offset="0" stop-color="#4F8BF0"/>
<stop offset="1" stop-color="#2D5FD0"/>
</linearGradient>
</defs>
<g transform="translate(78 0) scale(1.35)">
<path d="M120 30 L198 75 L198 165 L120 210 L42 165 L42 75 Z"
fill="url(#kiac-hex)" stroke="url(#kiac-hex)" stroke-width="20" stroke-linejoin="round"/>
<g stroke="#FFFFFF" stroke-width="6" stroke-linecap="round" opacity="0.55">
<line x1="120" y1="88" x2="88" y2="150"/>
<line x1="120" y1="88" x2="152" y2="150"/>
<line x1="88" y1="150" x2="152" y2="150"/>
</g>
<circle cx="88" cy="150" r="13" fill="#FFFFFF"/>
<circle cx="152" cy="150" r="13" fill="#FFFFFF"/>
<circle cx="120" cy="88" r="17" fill="#FFFFFF"/>
<circle cx="120" cy="88" r="7" fill="#2D5FD0"/>
</g>
<text x="240" y="405" text-anchor="middle"
font-family="Helvetica Neue, Helvetica, Arial, sans-serif"
font-size="112" font-weight="800" letter-spacing="0" fill="#16202E">kiac</text>
</svg>
使用上の注意
- 元の 12:11 の縦横比（viewBox "0 0 480 440"）を保って拡大縮小し、変形させないでください。
- ロゴの周囲には、ロゴの高さの 20% 以上の余白を確保してください。
- グラデーションを含むため、CSS の fill: currentColor で一色に上書きしないでください。
