Appwrite
ツール
ツールダーク版
HomeDash
HomeDashの公式ベクターロゴ。ツールカテゴリ。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.0 KB · 3 パス
編集と書き出し
色の変更、背景や余白の追加をしてから書き出せます。処理はすべてブラウザ内で行われます。
カラー
背景
形式
サイズ
SVG、PNG 16–2048px、JPG、WebP、ICO、ファビコンセットを含みますHomeDash.zip
ブランド仕様と SVG パラメーター
デザインシステムや実装で参照できる公式カラー、viewBox、コントラストの実測値
- ブランド / 表示名
- HomeDash
- カテゴリ
- ツール
- 公式カラー (HEX / RGB / HSL)
- #3B82F6rgb(59, 130, 246) · hsl(217, 91%, 60%)
- WCAG コントラストとファイルサイズ
- 白背景 3.7:1 · 黒背景 5.4:1 · 1.0 KB
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 512 512"><path d="M102.4 0h307.2C466.2 0 512 45.8 512 102.4v307.2c0 56.6-45.8 102.4-102.4 102.4H102.4C45.8 512 0 466.2 0 409.6V102.4C0 45.8 45.8 0 102.4 0" style="fill:#202123"/><linearGradient id="homedash_svg__a" x1="-684.84" x2="-683.801" y1="788.869" y2="787.831" gradientTransform="matrix(50 0 0 -60 34472 47557)" gradientUnits="userSpaceOnUse"><stop offset="0" style="stop-color:#3b82f6"/><stop offset="1" style="stop-color:#8b5cf6"/></linearGradient><path d="m256 421.5-138.2-82.9V173.4L256 90.5l138.2 82.9v165.2zM138.2 327 256 397.7 373.8 327V185L256 114.3 138.2 185z" style="fill:url(#homedash_svg__a)"/><linearGradient id="homedash_svg__b" x1="-667.185" x2="-662.065" y1="778.685" y2="773.565" gradientTransform="matrix(24 0 0 -24 16207 18883)" gradientUnits="userSpaceOnUse"><stop offset="0" style="stop-color:#3b82f6"/><stop offset="1" style="stop-color:#8b5cf6"/></linearGradient><circle cx="256" cy="256" r="61.4" style="fill:url(#homedash_svg__b)"/></svg>使用上の注意
- 元の 1:1 の縦横比（viewBox "0 0 512 512"）を保って拡大縮小し、変形させないでください。
- ロゴの周囲には、ロゴの高さの 20% 以上の余白を確保してください。
- グラデーションを含むため、CSS の fill: currentColor で一色に上書きしないでください。
