Appwrite
ツール
Argonix
Argonixの公式ベクターロゴ。ツールカテゴリ。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 32 32
- ファイルサイズ
- 1.1 KB · 4 パス
- 公式サイト
- https://argonix.io
編集と書き出し
色の変更、背景や余白の追加をしてから書き出せます。処理はすべてブラウザ内で行われます。
カラー
背景
形式
サイズ
SVG、PNG 16–2048px、JPG、WebP、ICO、ファビコンセットを含みますArgonix.zip
ブランド仕様と SVG パラメーター
デザインシステムや実装で参照できる公式カラー、viewBox、コントラストの実測値
- ブランド / 表示名
- Argonix
- カテゴリ
- ツール
- 公式カラー (HEX / RGB / HSL)
- #FF5DA2rgb(255, 93, 162) · hsl(334, 100%, 68%)
- WCAG コントラストとファイルサイズ
- 白背景 2.9:1 · 黒背景 6.9:1 · 1.1 KB
SVG コード
<?xml version="1.0" encoding="utf-8"?>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="none" xmlns:bx="https://boxy-svg.com">
<defs>
<linearGradient id="g" x1="0" y1="0" x2="32" y2="32" gradientUnits="userSpaceOnUse">
<stop offset="0" stop-color="#FF5DA2"/>
<stop offset="0.5" stop-color="#FF7F50"/>
<stop offset="1" stop-color="#FFD93D"/>
</linearGradient>
<style bx:fonts="Nunito">@import url(https://fonts.googleapis.com/css2?family=Nunito%3Aital%2Cwght%400%2C200..1000%3B1%2C200..1000&display=swap);</style>
</defs>
<rect width="32" height="32" rx="8" fill="url(#g)"/>
<rect x="6" y="16" width="4" height="10" rx="1.5" fill="white"/>
<rect x="14" y="10" width="4" height="16" rx="1.5" fill="white"/>
<rect x="22" y="6" width="4" height="20" rx="1.5" fill="white"/>
<text style="fill: rgb(255, 255, 255); font-family: Nunito; font-size: 6px; white-space: pre; transform-box: fill-box; transform-origin: 9.83949px 3.35065px;" transform="matrix(0.999999, 0.001212, 0.000154, 1.000001, -0.361614, 0.155432)" x="6.332" y="30.26">argonix</text>
</svg>使用上の注意
- 元の 1:1 の縦横比（viewBox "0 0 32 32"）を保って拡大縮小し、変形させないでください。
- ロゴの周囲には、ロゴの高さの 20% 以上の余白を確保してください。
- グラデーションを含むため、CSS の fill: currentColor で一色に上書きしないでください。
