Appwrite
ツール
ツールark-ui
Ark UI
Ark UI（ark-ui）の公式ベクターロゴ。ツールカテゴリ。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.2 KB · 2 パス
- 公式サイト
- https://ark-ui.com/
編集と書き出し
色の変更、背景や余白の追加をしてから書き出せます。処理はすべてブラウザ内で行われます。
カラー
背景
形式
サイズ
SVG、PNG 16–2048px、JPG、WebP、ICO、ファビコンセットを含みますArk UI.zip
ブランド仕様と SVG パラメーター
デザインシステムや実装で参照できる公式カラー、viewBox、コントラストの実測値
- ブランド / 表示名
- Ark UI (ark-ui)
- カテゴリ
- ツール
- 公式カラー (HEX / RGB / HSL)
- #EB5E41rgb(235, 94, 65) · hsl(10, 81%, 59%)
- WCAG コントラストとファイルサイズ
- 白背景 3.4:1 · 黒背景 5.9:1 · 1.2 KB
SVG コード
<svg viewBox="0 0 512 512" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="512" height="512" rx="254" fill="#EB5E41" />
<path
d="M231.089 204.512C213.27 256.575 195.503 308.425 177.857 360.315C176.886 363.171 175.618 364.044 172.603 364.034C139.296 363.913 105.988 363.958 72.6803 363.958C71.5973 363.958 70.5143 363.958 69 363.958C99.2736 274.397 129.405 185.258 159.555 96.0615C160.872 96.0615 161.985 96.0615 163.097 96.0615C224.395 96.0612 285.692 96.0772 346.989 96C349.43 95.9969 350.556 96.6394 351.373 98.9802C381.583 185.583 411.862 272.163 442.128 358.746C442.4 359.523 442.622 360.316 443 361.529C390.332 361.529 337.906 361.529 285.137 361.529C285.137 386.911 285.137 411.902 285.137 436.894C284.919 436.929 284.701 436.965 284.483 437C263.855 378.743 243.227 320.485 222.445 261.796C223.73 261.685 224.773 261.517 225.817 261.517C248.022 261.501 270.227 261.505 292.432 261.504C298.956 261.504 299.791 260.378 297.652 254.338C285.545 220.153 273.428 185.971 261.314 151.789C259.982 148.03 258.722 144.242 257.262 140.533C256.87 139.539 256.436 137.922 255.137 137.922C253.839 137.922 253.401 139.61 253.045 140.632C248.464 153.765 243.978 166.932 239.468 180.09C236.701 188.162 233.934 196.234 231.089 204.512Z"
fill="white"
/>
</svg>
使用上の注意
- 元の 1:1 の縦横比（viewBox "0 0 512 512"）を保って拡大縮小し、変形させないでください。
- ロゴの周囲には、ロゴの高さの 20% 以上の余白を確保してください。
- 暗い背景では、白抜き版、明るい下地、または公式のダーク版を優先して使ってください。
