本文へスキップ

VueUse

VueUseの公式ベクターロゴ。ツールカテゴリ。SVG と 1024px の透過 PNG でダウンロードできます。

VueUse Logo

ブランドカラー

クリックでカラーコードをコピー

ダウンロード

ADChatGPT Plus·公式の共有・専用プラン · GPT-6.1 Sol / Deep Research をすぐに利用
クーポン 6666888 で 5% オフ
ADNetflix 4K·専用プロフィール · PIN ロック · 全デバイス対応
クーポン 6666888 で 5% オフ
ベクター形式
SVG · 0.92:1
書き出し解像度
1024 × 1024 px
viewBox
0 0 256 277
ファイルサイズ
476 B · 2 パス
公式サイト
https://vueuse.org/

編集と書き出し

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

カラー

背景

形式
サイズ

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

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

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

ブランド / 表示名
VueUse
カテゴリ
ツール
公式カラー (HEX / RGB / HSL)
#35495Ergb(53, 73, 94) · hsl(211, 28%, 29%)
WCAG コントラストとファイルサイズ
白背景 9.3:1 · 黒背景 2.1:1 · 476 B

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="256" height="277" preserveAspectRatio="xMidYMid" viewBox="0 0 256 277"><path fill="#35495E" d="M202.968 0v148.146c0 41.405-33.563 74.967-74.968 74.967s-74.968-33.562-74.968-74.967V0h53.036v148.146a21.932 21.932 0 1 0 43.864 0V0h53.036Z"/><path fill="#41B883" d="M256 0v148.146c0 70.694-57.306 128.019-128 128.019S0 218.84 0 148.145V0h53.032v148.146c0 41.405 33.566 74.967 74.968 74.967s74.968-33.562 74.968-74.967V0H256Z"/></svg>

使用上の注意

  • 元の 0.92:1 の縦横比(viewBox "0 0 256 277")を保って拡大縮小し、変形させないでください。
  • ロゴの周囲には、ロゴの高さの 20% 以上の余白を確保してください。
  • 暗い背景では、白抜き版、明るい下地、または公式のダーク版を優先して使ってください。
カテゴリをすべて見る
完了しました