Appwrite
ツール
Argon (Theme)
Argon (Theme)（argon-theme）の公式ベクターロゴ。ツールカテゴリ。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 · 2 パス
編集と書き出し
色の変更、背景や余白の追加をしてから書き出せます。処理はすべてブラウザ内で行われます。
カラー
背景
形式
サイズ
SVG、PNG 16–2048px、JPG、WebP、ICO、ファビコンセットを含みますArgon (Theme).zip
ブランド仕様と SVG パラメーター
デザインシステムや実装で参照できる公式カラー、viewBox、コントラストの実測値
- ブランド / 表示名
- Argon (Theme) (argon-theme)
- カテゴリ
- ツール
- 公式カラー (HEX / RGB / HSL)
- #5E72E4rgb(94, 114, 228) · hsl(231, 71%, 63%)
- WCAG コントラストとファイルサイズ
- 白背景 4.2:1 · 黒背景 4.7:1 · 1.0 KB
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 512 512"><linearGradient id="argon-theme_svg__a" x1="20.991" x2="491.009" y1="554.991" y2="1025.009" gradientTransform="translate(0 -534)" gradientUnits="userSpaceOnUse"><stop offset="0" style="stop-color:#5e72e4"/><stop offset="1" style="stop-color:#778aff"/></linearGradient><path d="M71.6 0h368.8C479.9 0 512 32.1 512 71.6v368.8c0 39.5-32.1 71.6-71.6 71.6H71.6C32.1 512 0 479.9 0 440.4V71.6C0 32.1 32.1 0 71.6 0" style="fill-rule:evenodd;clip-rule:evenodd;fill:url(#argon-theme_svg__a)"/><path d="M256 90.7c-93.7 0-169.3 75.8-169.3 169.3 0 64.6 36.3 120.8 89.5 149.3 13.6 7.4 30.7-.4 34.5-15.4l8.6-35.3c3-12.4-2-25.3-12.2-32.9-20.1-14.8-32.9-38.7-32.9-65.6 0-45.1 36.7-81.7 81.7-81.7 45.1 0 81.7 36.7 81.7 81.7 0 26.9-12.8 50.6-32.9 65.6-10.2 7.6-15.2 20.5-12.2 33.1l8.8 35.3c3.8 15 20.7 22.9 34.5 15.4C389 381 425.1 324.8 425.1 260c.4-93.3-75.6-169.3-169.1-169.3m0 136.2c20.3 0 36.7 16.4 36.7 36.7s-16.4 36.7-36.7 36.7-36.7-16.4-36.7-36.7 16.4-36.7 36.7-36.7" style="fill:#fff"/></svg>使用上の注意
- 元の 1:1 の縦横比（viewBox "0 0 512 512"）を保って拡大縮小し、変形させないでください。
- ロゴの周囲には、ロゴの高さの 20% 以上の余白を確保してください。
- グラデーションを含むため、CSS の fill: currentColor で一色に上書きしないでください。
