本文へスキップ
ツール即时设计

Jsdesign

Jsdesign(即时设计)の公式ベクターロゴ。ツールカテゴリ。SVG と 1024px の透過 PNG でダウンロードできます。

Jsdesign 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 46 46
ファイルサイズ
1.2 KB · 2 パス
公式サイト
https://js.design/

編集と書き出し

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

カラー

背景

形式
サイズ

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

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

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

ブランド / 表示名
Jsdesign (即时设计)
カテゴリ
ツール
公式カラー (HEX / RGB / HSL)
#273347rgb(39, 51, 71) · hsl(218, 29%, 22%)
WCAG コントラストとファイルサイズ
白背景 12.7:1 · 黒背景 1.6:1 · 1.2 KB

SVG コード

<svg viewBox="0 0 46 46" width="46" height="46" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M31.618 3H14.383C8.096 3 3 8.096 3 14.383v17.235C3 37.904 8.096 43 14.383 43h17.235C37.904 43 43 37.904 43 31.618V14.383C43 8.096 37.904 3 31.618 3" fill="#273347"/><path fill-rule="evenodd" clip-rule="evenodd" d="M25.136 10.576a1.132 1.132 0 0 1 1.971 0l7.698 14.096c.26.476.26 1.047 0 1.524l-4.883 8.94a1.68 1.68 0 0 1-1.478.864H17.556a1.68 1.68 0 0 1-1.478-.864l-4.883-8.94a1.59 1.59 0 0 1 0-1.524l7.698-14.096a1.132 1.132 0 0 1 1.971 0L23 14.486zm.724 4.639c.272-.14.61-.04.754.224l5.25 9.614c.13.238.13.523 0 .762l-3.847 7.044a.84.84 0 0 1-.739.432h-8.556a.84.84 0 0 1-.74-.432l-3.846-7.044a.79.79 0 0 1 0-.762l5.25-9.614a.566.566 0 0 1 .986 0l1.054 1.93-3.083 5.646q-.222.406-.363.835l-.012.036-.039.124a5 5 0 0 0-.207 1.432c0 2.843 2.364 5.148 5.28 5.148 2.918 0 5.282-2.305 5.282-5.148 0-.925-.25-1.793-.69-2.543l-1.463-2.678-1.574 2.883.647 1.184c.195.358.293.752.293 1.146h.007v.053c-.024 1.326-1.135 2.393-2.501 2.393-1.382 0-2.501-1.091-2.501-2.438v-.008q0-.239.048-.473l.008-.04a2.4 2.4 0 0 1 .272-.687l-.004-.002L23 20.252l.002.004 1.574-2.883-.002-.004 1.054-1.93a.55.55 0 0 1 .232-.224" fill="#fff"/></svg>

使用上の注意

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