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

Caderno

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

Caderno 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
ファイルサイズ
1.2 KB · 4 パス

編集と書き出し

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

カラー

背景

形式
サイズ

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

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

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

ブランド / 表示名
Caderno
カテゴリ
ツール
公式カラー (HEX / RGB / HSL)
#4F46E5rgb(79, 70, 229) · hsl(243, 75%, 59%)
WCAG コントラストとファイルサイズ
白背景 6.3:1 · 黒背景 3.2:1 · 1.2 KB

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" id="caderno_svg__Layer_1" x="0" y="0" version="1.1" viewBox="0 0 512 512"><style>.caderno_svg__st0{fill:#4f46e5}.caderno_svg__st1{fill:#fff}</style><path d="M51.2 0h409.6C489.1 0 512 22.9 512 51.2v409.6c0 28.3-22.9 51.2-51.2 51.2H51.2C22.9 512 0 489.1 0 460.8V51.2C0 22.9 22.9 0 51.2 0" class="caderno_svg__st0"/><path d="M128 102.4h256v307.2H128z" class="caderno_svg__st1"/><path d="M153.6 153.6h204.8M153.6 215h204.8m-204.8 61.5h204.8m-204.8 61.4h128m0 7.7h-128c-4.2 0-7.7-3.4-7.7-7.7 0-4.2 3.4-7.7 7.7-7.7h128c4.2 0 7.7 3.4 7.7 7.7s-3.5 7.7-7.7 7.7m76.8-61.4H153.6c-4.2 0-7.7-3.4-7.7-7.7 0-4.2 3.4-7.7 7.7-7.7h204.8c4.2 0 7.7 3.4 7.7 7.7 0 4.2-3.5 7.7-7.7 7.7m0-61.5H153.6c-4.2 0-7.7-3.4-7.7-7.7 0-4.2 3.4-7.7 7.7-7.7h204.8c4.2 0 7.7 3.4 7.7 7.7s-3.5 7.7-7.7 7.7m0-61.4H153.6c-4.2 0-7.7-3.4-7.7-7.7 0-4.2 3.4-7.7 7.7-7.7h204.8c4.2 0 7.7 3.4 7.7 7.7 0 4.2-3.5 7.7-7.7 7.7M384 307.2c42.4 0 76.8 34.4 76.8 76.8s-34.4 76.8-76.8 76.8-76.8-34.4-76.8-76.8 34.4-76.8 76.8-76.8" class="caderno_svg__st0"/><path d="M378.9 412.2c-2 0-3.9-.8-5.4-2.2L353 389.4c-3-3-3-7.9 0-10.9s7.9-3 10.9 0l15.1 15 35.5-35.5c3-3 7.9-3 10.9 0s3 7.9 0 10.9l-41 41c-1.6 1.5-3.6 2.3-5.5 2.3" class="caderno_svg__st1"/></svg>

使用上の注意

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