本文へスキップ
ツールダーク版

Nanote

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

Nanote 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 512 512
ファイルサイズ
589 B · 2 パス

編集と書き出し

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

カラー

背景

形式
サイズ

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

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

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

ブランド / 表示名
Nanote
カテゴリ
ツール
公式カラー (HEX / RGB / HSL)
#306CFErgb(48, 108, 254) · hsl(223, 99%, 59%)
WCAG コントラストとファイルサイズ
白背景 4.5:1 · 黒背景 4.4:1 · 589 B

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 512 512"><path d="M445 512H67c-22 0-40-17.9-40-40V40C27 18 44.9 0 67 0h378c22 0 40 17.9 40 40v432c0 22.1-17.9 40-40 40M67 25.9c-7.7 0-14.1 6.3-14.1 14V472c0 7.7 6.3 14 14.1 14h378c7.7 0 14.1-6.3 14.1-14V40c0-7.7-6.3-14-14.1-14H67z" style="fill:#306cfe"/><path d="M67 512c-10.7 0-20.7-4.2-28.2-11.7-7.6-7.5-11.7-17.6-11.7-28.3V40c0-22 17.9-40 40-40h81c7.2 0 13 5.8 13 13v486c0 7.2-5.8 13-13 13zm0-486.1c-7.7 0-14.1 6.3-14.1 14V472c0 3.7 1.5 7.3 4.1 9.9 2.7 2.7 6.2 4.1 9.9 4.1H135V25.9z" style="fill:#344054"/></svg>

使用上の注意

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