Appwrite
ツール
Dropwizard
Dropwizardの公式ベクターロゴ。ツールカテゴリ。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 128 128
- ファイルサイズ
- 2.5 KB · 7 パス
編集と書き出し
色の変更、背景や余白の追加をしてから書き出せます。処理はすべてブラウザ内で行われます。
カラー
背景
形式
サイズ
SVG、PNG 16–2048px、JPG、WebP、ICO、ファビコンセットを含みますDropwizard.zip
ブランド仕様と SVG パラメーター
デザインシステムや実装で参照できる公式カラー、viewBox、コントラストの実測値
- ブランド / 表示名
- Dropwizard
- カテゴリ
- ツール
- 公式カラー (HEX / RGB / HSL)
- #24265Drgb(36, 38, 93) · hsl(238, 44%, 25%)
- WCAG コントラストとファイルサイズ
- 白背景 13.9:1 · 黒背景 1.4:1 · 2.5 KB
SVG コード
<svg viewBox="0 0 128 128" xmlns="http://www.w3.org/2000/svg"><defs><linearGradient id="dropwizard-original-b" x2="1" gradientTransform="matrix(-3070 -1630 -1630 3070 3221.19 2903.28)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#3871c1"/><stop offset=".515" stop-color="#2c3792"/><stop offset=".865" stop-color="#24265d"/><stop offset="1" stop-color="#252761"/></linearGradient><linearGradient id="dropwizard-original-d" x2="1" gradientTransform="scale(-1851.53798 1851.53798) rotate(-14.621 3.82 4.204)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#3871c1"/><stop offset=".515" stop-color="#2c3792"/><stop offset=".865" stop-color="#24265d"/><stop offset="1" stop-color="#252761"/></linearGradient><clipPath id="dropwizard-original-a"><path d="M180.895 285.039S1320.7-280.582 2192.75 391.68c-227.41 610.38-626.72 2371.23-862.53 3148.89-50.27 165.81-58.48 182.34-79.05 227.87-115.09 254.71-236.16-494.3-433.061-1248.28-70.507-270.25-637.214-2235.121-637.214-2235.121z"/></clipPath><clipPath id="dropwizard-original-c"><path d="M410.777 410.078S1385.91-162.09 2192.75 391.68c-21.6 96.371-76.64 251.09-114.02 395.218-198.64 765.722-558.14 2058.592-733.32 2700.432-189.87 694.95-251.29-117.65-472.781-982.33-67.293-262.93-461.852-2094.922-461.852-2094.922z"/></clipPath></defs><g clip-path="url(#dropwizard-original-a)" transform="matrix(.03194 0 0 -.03194 26.222 125.997)"><path fill="url(#dropwizard-original-b)" d="M180.895 285.039S1320.7-280.582 2192.75 391.68c-227.41 610.38-626.72 2371.23-862.53 3148.89-50.27 165.81-58.48 182.34-79.05 227.87-115.09 254.71-236.16-494.3-433.061-1248.28-70.507-270.25-637.214-2235.121-637.214-2235.121"/></g><g clip-path="url(#dropwizard-original-c)" transform="matrix(.03194 0 0 -.03194 26.222 125.997)"><path fill="url(#dropwizard-original-d)" d="M410.777 410.078S1385.91-162.09 2192.75 391.68c-21.6 96.371-76.64 251.09-114.02 395.218-198.64 765.722-558.14 2058.592-733.32 2700.432-189.87 694.95-251.29-117.65-472.781-982.33-67.293-262.93-461.852-2094.922-461.852-2094.922"/></g><path fill="#f9a72b" d="M47.785 97.062l3.237-5.586 3.025 5.884-3.461 7.59-2.801-7.888m26.436-21.14l3.238-5.586 3.025 5.885-3.463 7.589-2.8-7.888m-18.1-22.307l3.238-5.585 3.024 5.885-3.462 7.587-2.8-7.887"/><path fill="#fff200" d="M47.785 97.062l3.242-6.541 3.02 6.84-3.456 5.595-2.806-5.894m26.436-21.14l3.244-6.541 3.019 6.84-3.456 5.595-2.806-5.894m-18.1-22.307l3.242-6.54 3.019 6.84-3.457 5.594-2.804-5.894"/><path fill="#24265d" d="M51.012 112.36s23.19 3.868 38.455-5.904c-1.914 5.904-19.03 12.631-38.455 5.904"/></svg>
使用上の注意
- 元の 1:1 の縦横比（viewBox "0 0 128 128"）を保って拡大縮小し、変形させないでください。
- ロゴの周囲には、ロゴの高さの 20% 以上の余白を確保してください。
- グラデーションを含むため、CSS の fill: currentColor で一色に上書きしないでください。
