本文へスキップ

Claion

Claionの公式ベクターロゴ。企業・団体カテゴリ。SVG と 1024px の透過 PNG でダウンロードできます。

Claion Logo

ブランドカラー

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

ダウンロード

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

編集と書き出し

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

カラー

背景

形式
サイズ

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

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

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

ブランド / 表示名
Claion
カテゴリ
企業・団体
公式カラー (HEX / RGB / HSL)
#2B3C4Ergb(43, 60, 78) · hsl(211, 29%, 24%)
WCAG コントラストとファイルサイズ
白背景 11.3:1 · 黒背景 1.8:1 · 4.5 KB

SVG コード

<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
   xmlns:dc="http://purl.org/dc/elements/1.1/"
   xmlns:cc="http://creativecommons.org/ns#"
   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
   xmlns:svg="http://www.w3.org/2000/svg"
   xmlns="http://www.w3.org/2000/svg"
   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
   version="1.1"
   id="svg2"
   xml:space="preserve"
   width="315.28668"
   height="97.952797"
   viewBox="0 0 315.28668 97.952797"
   sodipodi:docname="claionlogo.ai"><metadata
     id="metadata8"><rdf:RDF><cc:Work
         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
     id="defs6"><clipPath
       clipPathUnits="userSpaceOnUse"
       id="clipPath18"><path
         d="M 0,73.465 H 236.465 V 0 H 0 Z"
         id="path16" /></clipPath></defs><sodipodi:namedview
     pagecolor="#ffffff"
     bordercolor="#666666"
     borderopacity="1"
     objecttolerance="10"
     gridtolerance="10"
     guidetolerance="10"
     inkscape:pageopacity="0"
     inkscape:pageshadow="2"
     inkscape:window-width="640"
     inkscape:window-height="480"
     id="namedview4" /><g
     id="g10"
     inkscape:groupmode="layer"
     inkscape:label="claionlogo"
     transform="matrix(1.3333333,0,0,-1.3333333,0,97.9528)"><g
       id="g12"><g
         id="g14"
         clip-path="url(#clipPath18)"><g
           id="g20"
           transform="translate(236.0343,9.4027)"><path
             d="m 0,0 h -9.258 v 23.144 c -0.153,9.388 -6.619,13.624 -12.959,13.624 h -0.002 c -6.342,0 -12.809,-4.237 -12.961,-13.698 V 0 h -9.257 v 23.144 c 0.112,7.012 2.564,12.894 7.09,17.085 4.037,3.738 9.409,5.796 15.127,5.797 h 0.003 c 10.856,0 21.972,-7.833 22.216,-22.807 z"
             style="fill:#2b3c4e;fill-opacity:1;fill-rule:nonzero;stroke:none"
             id="path22" /></g><g
           id="g24"
           transform="translate(89.4655,18.66)"><path
             d="m 0,0 c -7.147,0 -12.961,5.814 -12.961,12.961 v 1.851 c 0,7.147 5.814,12.961 12.961,12.961 7.147,0 12.961,-5.814 12.961,-12.961 V 12.961 C 12.961,5.814 7.147,0 0,0 M 12.961,36.105 V 32.842 C 9.31,35.474 4.835,37.031 0,37.031 c -12.251,0 -22.219,-9.967 -22.219,-22.219 v -1.851 c 0,-12.251 9.968,-22.219 22.219,-22.219 4.835,0 9.31,1.557 12.961,4.189 v -3.263 h 9.258 v 21.293 1.851 21.293 z"
             style="fill:#2b3c4e;fill-opacity:1;fill-rule:nonzero;stroke:none"
             id="path26" /></g><path
           d="m 58.915,10.328 h -9.258 v 62.953 h 9.258 z"
           style="fill:#2b3c4e;fill-opacity:1;fill-rule:nonzero;stroke:none"
           id="path28" /><path
           d="m 130.2,45.508 h -9.258 v 9.258 h 9.258 z"
           style="fill:#2b3c4e;fill-opacity:1;fill-rule:nonzero;stroke:none"
           id="path30" /><path
           d="m 130.2,10.328 h -9.258 v 29.625 h 9.258 z"
           style="fill:#2b3c4e;fill-opacity:1;fill-rule:nonzero;stroke:none"
           id="path32" /><g
           id="g34"
           transform="translate(160.7504,46.4333)"><path
             d="m 0,0 c -7.147,0 -12.961,-5.814 -12.961,-12.961 v -1.851 c 0,-7.147 5.814,-12.961 12.961,-12.961 7.147,0 12.961,5.814 12.961,12.961 v 1.851 C 12.961,-5.814 7.147,0 0,0 m 0,-37.031 c -12.251,0 -22.219,9.967 -22.219,22.219 v 1.851 c 0,12.251 9.968,22.219 22.219,22.219 12.251,0 22.219,-9.968 22.219,-22.219 v -1.851 C 22.219,-27.064 12.251,-37.031 0,-37.031"
             style="fill:#2b3c4e;fill-opacity:1;fill-rule:nonzero;stroke:none"
             id="path36" /></g><g
           id="g38"
           transform="translate(170.0082,2.9218)"><path
             d="m 0,0 c 0,-1.534 -4.145,-2.777 -9.258,-2.777 -5.113,0 -9.258,1.243 -9.258,2.777 0,1.534 4.145,2.777 9.258,2.777 C -4.145,2.777 0,1.534 0,0"
             style="fill:#46bedc;fill-opacity:1;fill-rule:nonzero;stroke:none"
             id="path40" /></g><g
           id="g42"
           transform="translate(32.3254,23.0628)"><path
             d="m 0,0 v 0.02 c -2.445,-2.791 -5.953,-4.423 -9.733,-4.423 -7.147,0 -12.961,5.814 -12.961,12.961 v 1.852 c 0,7.146 5.814,12.961 12.961,12.961 3.616,0 7.013,-1.519 9.446,-4.115 v 0.026 l 8.976,3.554 c -4.143,6.132 -11.03,9.792 -18.422,9.792 -12.251,0 -22.219,-9.967 -22.219,-22.218 V 8.558 c 0,-12.251 9.968,-22.219 22.219,-22.219 7.622,0 14.625,3.838 18.733,10.267 z"
             style="fill:#2b3c4e;fill-opacity:1;fill-rule:nonzero;stroke:none"
             id="path44" /></g></g></g></g></svg>

使用上の注意

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