本文へスキップ

Knix

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

Knix Logo

ブランドカラー

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

ダウンロード

ADChatGPT Plus·公式の共有・専用プラン · GPT-6.1 Sol / Deep Research をすぐに利用
クーポン 6666888 で 5% オフ
ADNetflix 4K·専用プロフィール · PIN ロック · 全デバイス対応
クーポン 6666888 で 5% オフ
ベクター形式
SVG · 0.89:1
書き出し解像度
1024 × 1024 px
viewBox
165.95 123.95 671.60 756.60
ファイルサイズ
2.0 KB · 19 パス

編集と書き出し

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

カラー

背景

形式
サイズ

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

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

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

ブランド / 表示名
Knix
カテゴリ
ツール
公式カラー (HEX / RGB / HSL)
#124191rgb(18, 65, 145) · hsl(218, 78%, 32%)
WCAG コントラストとファイルサイズ
白背景 9.6:1 · 黒背景 2.1:1 · 2.0 KB

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" role="img" viewBox="165.95 123.95 671.60 756.60"><title>Knix logo</title><defs><style>.cls-1{fill:#124191}.cls-2{fill:none}</style></defs><path d="M278 661h14.3l-85.49 96.29L304 866.15h-15.16l-96.58-108v108h-11.67V661h11.67v96zm102.22 19.57v185.56h-11.67V661h13.13L492 846.85V661h11.66v205.13H490.8zM594 661h12v205.13h-12zm163.39 96.92l65.94 108.24h-13.7l-60.13-98.62-60.69 98.62h-13.1L743.37 757l-57.76-96h13.7l51.92 86.1 53.11-86.1h13.13z" class="cls-1"/><path d="M501.69 258.98l-93.79 65.21 35.82 105.52h115.93l35.82-105.52-93.78-65.21z" class="cls-2"/><path d="M594.79 331.13l-99.19-69V141.64L619.7 182l72.3 99.58.25.79a6.23 6.23 0 0 1-3.44 7.6zm-87-75.33l88.37 61.45 81-35.47-65-89.44-104.38-33.94z" class="cls-1"/><path d="M616.17 511.72l-63.35-80.85 37.72-111.16 94.4-41.36h1.36a6.33 6.33 0 0 1 6.31 6.08v.19l.62 120.45zm-49.7-83.18l49.3 62.93L681 401.16l-.55-107.56-80.13 35.11z" class="cls-1"/><path d="M387.43 501.6l56.29-71.89h115.93l56.28 71.89-114.24 37.12-114.26-37.12z" class="cls-2"/><path d="M407.9 324.19l-91.08-39.91v120.13l70.61 97.19 56.29-71.89-35.82-105.52z" class="cls-2"/><path d="M501.69 258.98V149.97l-114.26 37.12-70.61 97.19 91.08 39.91 93.79-65.21z" class="cls-2"/><circle cx="501.87" cy="150.62" r="12.18" class="cls-1"/><circle cx="501.79" cy="259.27" r="12.18" class="cls-1"/><circle cx="407.91" cy="321.24" r="12.18" class="cls-1"/><circle cx="316.87" cy="284.42" r="12.18" class="cls-1"/><circle cx="387.56" cy="187.32" r="12.18" class="cls-1"/><circle cx="443.8" cy="432.8" r="12.18" class="cls-1"/><circle cx="559.65" cy="430.51" r="12.18" class="cls-1"/><circle cx="615.85" cy="501.12" r="12.18" class="cls-1"/><circle cx="501.5" cy="539.81" r="12.18" class="cls-1"/><circle cx="387.9" cy="501.14" r="12.18" class="cls-1"/><circle cx="316.93" cy="404.71" r="12.18" class="cls-1"/><path d="M408.42 331.15l-94.05-41.3 4.9-11.15 87.81 38.56 91.13-63.18 6.94 10.01-96.73 67.06zm-16.19 174.2l-9.59-7.51 58.11-74.22h118.9v12.18H446.68l-54.45 69.55z" class="cls-1"/></svg>

使用上の注意

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