本文へスキップ

Uptick

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

Uptick 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 24 24
ファイルサイズ
2.2 KB · 3 パス

編集と書き出し

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

カラー

背景

形式
サイズ

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

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

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

ブランド / 表示名
Uptick
カテゴリ
金融・決済
公式カラー (HEX / RGB / HSL)
#B927EDrgb(185, 39, 237) · hsl(284, 85%, 54%)
WCAG コントラストとファイルサイズ
白背景 4.6:1 · 黒背景 4.3:1 · 2.2 KB

SVG コード

<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M13.7529 20.9531L10.164 17.2527C10.109 17.1933 10.0127 17.1933 9.95312 17.2481L8.81639 18.3445C8.75681 18.3994 8.66513 18.3994 8.60555 18.34L7.03337 16.7228C6.97837 16.6634 6.97837 16.572 7.03796 16.5126L14.3855 9.43167C14.4451 9.37685 14.5367 9.37685 14.5963 9.43624L19.9591 14.9685C20.0141 15.0279 20.0141 15.1193 19.9545 15.1787L13.9592 20.9576C13.9042 21.017 13.8079 21.0125 13.7529 20.9531ZM12.002 15.4847L13.8125 17.3532C13.8675 17.4126 13.9638 17.4126 14.0234 17.3578L16.3472 15.1193C16.4068 15.0645 16.4068 14.9685 16.3518 14.9091L14.5413 13.0407C14.4863 12.9813 14.39 12.9813 14.3305 13.0361L12.0066 15.2746C11.9424 15.334 11.9424 15.4254 12.002 15.4847Z" fill="url(#paint0_linear_653_72)"/>
<path d="M14.3996 6.98328L9.6831 11.5242C9.62352 11.579 9.53185 11.579 9.47226 11.5197L7.66174 9.6512C7.60674 9.59181 7.60674 9.50044 7.66632 9.44105L11.5715 5.67673C11.6678 5.58536 11.6036 5.4209 11.4661 5.4209H8.21177C8.1751 5.4209 8.13843 5.4346 8.10635 5.46201L4.04528 9.3771C3.98569 9.43192 3.98569 9.52785 4.0407 9.58724L9.41267 15.1241C9.46768 15.1835 9.56393 15.1835 9.62352 15.1287L16.1735 8.81519C16.2331 8.76037 16.2331 8.66443 16.1781 8.60504L14.6105 6.98785C14.5509 6.92846 14.4592 6.92389 14.3996 6.98328Z" fill="url(#paint1_linear_653_72)"/>
<path d="M12.1124 4.41108L10.7649 3.0223C10.7374 2.99489 10.6915 2.99033 10.6594 3.0223L9.21103 4.41108C9.16519 4.45677 9.19727 4.539 9.26144 4.539H12.0574C12.1216 4.539 12.1583 4.45677 12.1124 4.41108Z" fill="url(#paint2_linear_653_72)"/>
<defs>
<linearGradient id="paint0_linear_653_72" x1="13.4954" y1="19.498" x2="13.4954" y2="9.52819" gradientUnits="userSpaceOnUse">
<stop/>
<stop offset="0.9992" stop-color="#2A005A"/>
</linearGradient>
<linearGradient id="paint1_linear_653_72" x1="10.1118" y1="3.25811" x2="10.1118" y2="13.1522" gradientUnits="userSpaceOnUse">
<stop stop-color="#B927ED"/>
<stop offset="1" stop-color="#6C06FC"/>
</linearGradient>
<linearGradient id="paint2_linear_653_72" x1="10.6595" y1="3.25153" x2="10.6595" y2="13.195" gradientUnits="userSpaceOnUse">
<stop stop-color="#B927ED"/>
<stop offset="1" stop-color="#6C06FC"/>
</linearGradient>
</defs>
</svg>

使用上の注意

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