Appwrite
ツール
ツールダーク版
Relaticle
Relaticleの公式ベクターロゴ。ツールカテゴリ。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
- ファイルサイズ
- 2.3 KB · 5 パス
編集と書き出し
色の変更、背景や余白の追加をしてから書き出せます。処理はすべてブラウザ内で行われます。
カラー
背景
形式
サイズ
SVG、PNG 16–2048px、JPG、WebP、ICO、ファビコンセットを含みますRelaticle.zip
ブランド仕様と SVG パラメーター
デザインシステムや実装で参照できる公式カラー、viewBox、コントラストの実測値
- ブランド / 表示名
- Relaticle
- カテゴリ
- ツール
- 公式カラー (HEX / RGB / HSL)
- #5D54E8rgb(93, 84, 232) · hsl(244, 76%, 62%)
- WCAG コントラストとファイルサイズ
- 白背景 5.4:1 · 黒背景 3.7:1 · 2.3 KB
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 512 512"><linearGradient id="relaticle_svg__a" x1="0" x2="13963.629" y1="469.333" y2="-13494.295" gradientTransform="matrix(1 0 0 -1 0 512)" gradientUnits="userSpaceOnUse"><stop offset="0" style="stop-color:#5d54e8"/><stop offset="1" style="stop-color:#4038cd"/></linearGradient><path d="M69.8 182.3c38.6 0 69.8-31.3 69.8-69.8s-31.3-69.8-69.8-69.8S0 73.9 0 112.5s31.3 69.8 69.8 69.8" style="opacity:.85;fill:url(#relaticle_svg__a)"/><linearGradient id="relaticle_svg__b" x1="403.394" x2="11264" y1="438.303" y2="-10422.296" gradientTransform="matrix(1 0 0 -1 0 512)" gradientUnits="userSpaceOnUse"><stop offset="0" style="stop-color:#5d54e8"/><stop offset="1" style="stop-color:#4038cd"/></linearGradient><path d="M457.7 182.3c30 0 54.3-24.3 54.3-54.3s-24.3-54.3-54.3-54.3S403.4 98 403.4 128s24.3 54.3 54.3 54.3" style="opacity:.75;fill:url(#relaticle_svg__b)"/><linearGradient id="relaticle_svg__c" x1="349.09" x2="15864.262" y1="197.818" y2="-15317.335" gradientTransform="matrix(1 0 0 -1 0 512)" gradientUnits="userSpaceOnUse"><stop offset="0" style="stop-color:#5d54e8"/><stop offset="1" style="stop-color:#4038cd"/></linearGradient><path d="M426.7 469.3c42.8 0 77.6-34.7 77.6-77.6s-34.7-77.6-77.6-77.6c-42.8 0-77.6 34.7-77.6 77.6s34.7 77.6 77.6 77.6" style="opacity:.9;fill:url(#relaticle_svg__c)"/><linearGradient id="relaticle_svg__d" x1="124.121" x2="26499.891" y1="391.757" y2="-25984.002" gradientTransform="matrix(1 0 0 -1 0 512)" gradientUnits="userSpaceOnUse"><stop offset="0" style="stop-color:#5d54e8"/><stop offset="1" style="stop-color:#4038cd"/></linearGradient><path d="M256 384c72.8 0 131.9-59 131.9-131.9 0-72.8-59-131.9-131.9-131.9-72.8 0-131.9 59-131.9 131.9S183.2 384 256 384" style="fill:url(#relaticle_svg__d)"/><linearGradient id="relaticle_svg__e" x1="245.682" x2="14928.963" y1="255.251" y2="-17691.016" gradientUnits="userSpaceOnUse"><stop offset="0" style="stop-color:#5d54e8"/><stop offset="1" style="stop-color:#4038cd"/></linearGradient><path d="M467.9 121.7c-3.5-5.6-10.8-7.4-16.4-3.9L256.7 237.7 77 102.9c-5.3-4-12.8-2.9-16.7 2.4-4 5.3-2.9 12.8 2.4 16.7l186 139.5L419.1 401c2.2 1.8 4.9 2.7 7.6 2.7 3.5 0 6.9-1.5 9.2-4.4 4.2-5.1 3.4-12.6-1.7-16.8l-157.7-129L464 138.2c5.6-3.5 7.3-10.8 3.9-16.5" style="opacity:.75;fill:url(#relaticle_svg__e)"/></svg>使用上の注意
- 元の 1:1 の縦横比（viewBox "0 0 512 512"）を保って拡大縮小し、変形させないでください。
- ロゴの周囲には、ロゴの高さの 20% 以上の余白を確保してください。
- グラデーションを含むため、CSS の fill: currentColor で一色に上書きしないでください。
