本文へスキップ
金融・決済Rippleリップル

XRP

XRPの公式ベクターロゴ。金融・決済カテゴリ。SVG と 1024px の透過 PNG でダウンロードできます。

XRP Logo

ブランドカラー

クリックでカラーコードをコピー
単色ロゴこのロゴは公式の単色で構成されています。レイアウトでは色味とコントラストを保ってください。

ダウンロード

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
ファイルサイズ
2.1 KB · 4 パス
公式サイト
https://xrpl.org/

編集と書き出し

色の変更、背景や余白の追加をしてから書き出せます。処理はすべてブラウザ内で行われます。

カラー

背景

形式
サイズ

SVG、PNG 16–2048px、JPG、WebP、ICO、ファビコンセットを含みますXRP.zip

ブランド仕様と SVG パラメーター

デザインシステムや実装で参照できる公式カラー、viewBox、コントラストの実測値

ブランド / 表示名
XRP
カテゴリ
金融・決済
公式カラー (HEX / RGB / HSL)
#23292Frgb(35, 41, 47) · hsl(210, 15%, 16%)
WCAG コントラストとファイルサイズ
白背景 14.7:1 · 黒背景 1.3:1 · 2.1 KB

SVG コード

<svg width="32" height="32" viewBox="0 0 32 32" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><title>icon/xrp</title><desc>Created with Sketch.</desc><defs><linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1"><stop stop-color="#FFF" stop-opacity=".5" offset="0%"/><stop stop-color="#000" stop-opacity=".5" offset="100%"/></linearGradient><circle id="path-2" cx="15" cy="15" r="15"/><filter x="-5.8%" y="-4.2%" width="111.7%" height="111.7%" filterUnits="objectBoundingBox" id="filter-3"><feOffset dx="0" dy=".5" in="SourceAlpha" result="shadowOffsetOuter1"/><feGaussianBlur stdDeviation=".5" in="shadowOffsetOuter1" result="shadowBlurOuter1"/><feComposite in="shadowBlurOuter1" in2="SourceAlpha" operator="out" result="shadowBlurOuter1"/><feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.199473505 0" type="matrix" in="shadowBlurOuter1"/></filter></defs><g id="icon/xrp" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g id="Group" transform="translate(1.000000, 0.000000)" fill-rule="nonzero"><g id="Oval"><use fill="#000" fill-opacity="1" filter="url(#filter-3)" xlink:href="#path-2"/><use fill="#23292F" fill-rule="evenodd" xlink:href="#path-2"/><use fill="url(#linearGradient-1)" fill-rule="evenodd" style="mix-blend-mode:soft-light" xlink:href="#path-2"/><circle stroke-opacity=".097" stroke="#000" stroke-width="1" stroke-linejoin="square" cx="15" cy="15" r="14.5"/></g></g><g id="XRP-(XRP)" transform="translate(7.000000, 8.000000)" fill="#FFF" fill-rule="nonzero"><path d="M15.3632812,0 L17.9648438,0 L12.5507812,5.36132812 C10.5890625,7.30195312 7.4109375,7.30195312 5.44921875,5.36132812 L0.031640625,0 L2.63671875,0 L6.75,4.07109375 C7.99101562,5.3015625 10.0054688,5.3015625 11.2464844,4.07109375 L15.3632812,0 Z" id="Vector"/><path d="M2.60507812,14.90625 L0,14.90625 L5.44921875,9.51328125 C7.4109375,7.57265625 10.5890625,7.57265625 12.5507812,9.51328125 L18,14.90625 L15.3949219,14.90625 L11.25,10.8 C10.0089844,9.56953125 7.99453125,9.56953125 6.75351562,10.8 L2.60507812,14.90625 Z" id="Vector_2"/></g></g></svg>

使用上の注意

  • 元の 1:1 の縦横比(viewBox "0 0 32 32")を保って拡大縮小し、変形させないでください。
  • ロゴの周囲には、ロゴの高さの 20% 以上の余白を確保してください。
  • グラデーションを含むため、CSS の fill: currentColor で一色に上書きしないでください。
カテゴリをすべて見る
完了しました