本文へスキップ

kcp

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

kcp Logo

ブランドカラー

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

ダウンロード

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

編集と書き出し

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

カラー

背景

形式
サイズ

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

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

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

ブランド / 表示名
kcp
カテゴリ
ツール
公式カラー (HEX / RGB / HSL)
#D1D1D1rgb(209, 209, 209) · hsl(0, 0%, 82%)
WCAG コントラストとファイルサイズ
白背景 1.5:1 · 黒背景 13:1 · 9.0 KB

SVG コード

<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
   x="158.6pt"
   y="152.313pt"
   width="265.186pt"
   height="302.244pt"
   viewBox="158.6 152.313 265.186 302.244"
   version="1.1"
   id="svg17"
   sodipodi:docname="kcp.svg"
   inkscape:version="1.3 (0e150ed6c4, 2023-07-21)"
   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
   xmlns:xlink="http://www.w3.org/1999/xlink"
   xmlns="http://www.w3.org/2000/svg"
   xmlns:svg="http://www.w3.org/2000/svg">
  <defs
     id="defs18" />
  <sodipodi:namedview
     id="namedview17"
     pagecolor="#ffffff"
     bordercolor="#000000"
     borderopacity="0.25"
     inkscape:showpageshadow="2"
     inkscape:pageopacity="0.0"
     inkscape:pagecheckerboard="0"
     inkscape:deskcolor="#d1d1d1"
     inkscape:document-units="pt"
     inkscape:zoom="2.8249742"
     inkscape:cx="255.40056"
     inkscape:cy="275.22375"
     inkscape:window-width="2067"
     inkscape:window-height="965"
     inkscape:window-x="24"
     inkscape:window-y="32"
     inkscape:window-maximized="0"
     inkscape:current-layer="svg17" />
  <g
     id="1"
     transform="matrix(0.86144649,0,0,0.8590632,39.168252,22.350816)">
    <title
       id="title1">Group</title>
    <g
       id="2">
      <title
         id="title2">Group</title>
      <linearGradient
         x1="419.78699"
         y1="379.98099"
         x2="295.19101"
         y2="302.45099"
         gradientUnits="userSpaceOnUse"
         id="5">
        <stop
           offset="0.527429"
           style="stop-color:#3cd3f6;stop-opacity:1;"
           id="stop2" />
        <stop
           offset="1"
           style="stop-color:#aaedff;stop-opacity:1;"
           id="stop3" />
      </linearGradient>
      <defs
         id="defs4">
        <title
           id="title3">Shape 27</title>
        <g
           id="3">
          <defs
             id="defs3">
            <path
               id="4"
               d="m 423.785,227.874 c 0,0 -132.593,75.561 -132.593,75.561 0,0 0,151.122 0,151.122 0,0 132.593,-75.703 132.593,-75.703 0,0 0,-150.98 0,-150.98" />
          </defs>
          <use
             xlink:href="#4"
             style="opacity:1;fill:url(#5);fill-opacity:1;fill-rule:evenodd;stroke:none"
             id="use3" />
        </g>
      </defs>
      <use
         xlink:href="#3"
         id="use4" />
      <linearGradient
         x1="158.60001"
         y1="341.216"
         x2="291.19199"
         y2="341.216"
         gradientUnits="userSpaceOnUse"
         id="8">
        <stop
           style="stop-color:#54ff85;stop-opacity:1;"
           id="stop4" />
        <stop
           offset="1"
           style="stop-color:#aff456;stop-opacity:1;"
           id="stop5" />
      </linearGradient>
      <defs
         id="defs6">
        <title
           id="title5">Shape 28</title>
        <g
           id="6">
          <defs
             id="defs5">
            <path
               id="7"
               d="m 291.192,303.435 c 0,0 -132.592,-75.561 -132.592,-75.561 0,0 0,151.122 0,151.122 0,0 132.592,75.561 132.592,75.561 0,0 0,-151.122 0,-151.122" />
          </defs>
          <use
             xlink:href="#7"
             style="opacity:1;fill:url(#8);fill-opacity:1;fill-rule:evenodd;stroke:none"
             id="use5" />
        </g>
      </defs>
      <use
         xlink:href="#6"
         id="use6" />
      <linearGradient
         x1="293.50601"
         y1="152.325"
         x2="288.87799"
         y2="303.42401"
         gradientUnits="userSpaceOnUse"
         id="11">
        <stop
           offset="0.0024966"
           style="stop-color:#3d50ff;stop-opacity:1;"
           id="stop6" />
        <stop
           offset="0.40625"
           style="stop-color:#3d97ff;stop-opacity:1;"
           id="stop7" />
        <stop
           offset="1"
           style="stop-color:#e1d2ff;stop-opacity:1;"
           id="stop8" />
      </linearGradient>
      <defs
         id="defs9">
        <title
           id="title8">Shape 29</title>
        <g
           id="9">
          <defs
             id="defs8">
            <path
               id="10"
               d="m 291.192,303.435 c 0,0 -132.592,-75.561 -132.592,-75.561 0,0 132.592,-75.561 132.592,-75.561 0,0 132.593,75.561 132.593,75.561 0,0 -132.593,75.561 -132.593,75.561" />
          </defs>
          <use
             xlink:href="#10"
             style="opacity:1;fill:url(#11);fill-opacity:1;fill-rule:evenodd;stroke:none"
             id="use8" />
        </g>
      </defs>
      <use
         xlink:href="#9"
         id="use9" />
    </g>
    <g
       id="12">
      <title
         id="title9">White Overlay</title>
      <defs
         id="defs11">
        <title
           id="title10">Smart Polygon Copy Copy</title>
        <g
           id="13">
          <defs
             id="defs10">
            <path
               id="14"
               d="m 291.192,227.874 c 0,0 66.297,37.781 66.297,37.781 0,0 0,75.561 0,75.561 0,0 -66.297,37.78 -66.297,37.78 0,0 -66.296,-37.78 -66.296,-37.78 0,0 0,-75.561 0,-75.561 z" />
          </defs>
          <use
             xlink:href="#14"
             style="opacity:1;fill:#ffffff;fill-opacity:0.853805;fill-rule:nonzero;stroke:none"
             id="use10" />
        </g>
      </defs>
      <use
         xlink:href="#13"
         id="use11" />
      <defs
         id="defs13">
        <title
           id="title11">Shape 49</title>
        <g
           id="15">
          <defs
             id="defs12">
            <path
               id="16"
               d="m 224.896,341.216 c 0,0 0,-9.339 0,-9.339 0,0 -66.296,37.472 -66.296,37.472 0,0 0,9.647 0,9.647 0,0 8.22,4.685 8.22,4.685 0,0 66.997,-37.381 66.997,-37.381 z" />
          </defs>
          <use
             xlink:href="#16"
             style="opacity:1;fill:#ffffff;fill-opacity:0.895489;fill-rule:evenodd;stroke:none"
             id="use12" />
        </g>
      </defs>
      <use
         xlink:href="#15"
         id="use13" />
      <defs
         id="defs15">
        <title
           id="title13">Shape 49 Copy</title>
        <g
           id="17">
          <defs
             id="defs14">
            <path
               id="18"
               d="m 291.192,227.874 c 0,0 8.522,4.839 8.522,4.839 0,0 0,-75.544 0,-75.544 0,0 -8.522,-4.856 -8.522,-4.856 0,0 -8.52,4.856 -8.52,4.856 0,0 0.03,75.544 0.03,75.544 z" />
          </defs>
          <use
             xlink:href="#18"
             style="opacity:1;fill:#ffffff;fill-opacity:0.895489;fill-rule:evenodd;stroke:none"
             id="use14" />
        </g>
      </defs>
      <use
         xlink:href="#17"
         id="use15" />
      <defs
         id="defs17">
        <title
           id="title15">Shape 49 Copy</title>
        <g
           id="19">
          <defs
             id="defs16">
            <path
               id="20"
               d="m 357.489,341.216 c 0,0 0,-9.339 0,-9.339 0,0 66.296,37.812 66.296,37.812 0,0 0,9.165 0,9.165 0,0 -8.417,4.806 -8.417,4.806 0,0 -66.32,-37.634 -66.32,-37.634 z" />
          </defs>
          <use
             xlink:href="#20"
             style="opacity:1;fill:#ffffff;fill-opacity:0.895489;fill-rule:evenodd;stroke:none"
             id="use16" />
        </g>
      </defs>
      <use
         xlink:href="#19"
         id="use17" />
    </g>
  </g>
  <path
     d="m 264.08586,446.3894 h -4.52934 l -10.81057,-13.84854 -3.11926,2.59914 v 11.2494 h -3.84566 v -28.99666 h 3.84566 v 14.29527 q 1.28188,-1.38079 2.6065,-2.76158 1.32461,-1.38079 2.64923,-2.76159 l 8.2468,-8.7721 h 4.48661 l -12.09246,12.6302 z m 31.3875,-26.19446 q -2.43559,0 -4.40115,0.81224 -1.96555,0.77161 -3.3329,2.31485 -1.36735,1.50263 -2.09375,3.69566 -0.7264,2.15241 -0.7264,4.87338 0,3.57382 1.1537,6.21358 1.19642,2.63975 3.50383,4.06116 2.35012,1.42139 5.85394,1.42139 2.00829,0 3.80293,-0.32488 1.79464,-0.3249 3.50382,-0.81224 v 3.16771 q -1.70918,0.60917 -3.54655,0.89344 -1.79465,0.28429 -4.31568,0.28429 -4.65753,0 -7.77679,-1.82752 -3.11924,-1.82752 -4.70025,-5.19828 -1.53825,-3.37076 -1.53825,-7.91926 0,-3.28953 0.94004,-6.01051 0.98279,-2.72098 2.82015,-4.71094 1.8801,-1.98997 4.6148,-3.04588 2.73468,-1.09651 6.28124,-1.09651 2.35012,0 4.52932,0.44673 2.17922,0.44673 3.8884,1.25896 l -1.53826,3.08648 q -1.41008,-0.60918 -3.16199,-1.09651 -1.70918,-0.48734 -3.7602,-0.48734 z m 37.02784,-2.8022 q 5.98214,0 8.71682,2.23363 2.7347,2.23364 2.7347,6.2948 0,1.78691 -0.64095,3.45199 -0.59821,1.62446 -2.00828,2.92403 -1.41008,1.29957 -3.76021,2.07119 -2.35012,0.73101 -5.76848,0.73101 h -3.50383 v 11.29001 h -3.84566 v -28.99666 z m -0.34183,3.12709 h -3.8884 v 11.45246 h 3.07653 q 2.90561,0 4.82845,-0.56856 1.92283,-0.60917 2.86287,-1.90874 0.94005,-1.29957 0.94005,-3.41137 0,-2.8022 -1.88009,-4.183 -1.88011,-1.38079 -5.93941,-1.38079 z"
     id="text19"
     style="font-size:41.6571px;line-height:3;letter-spacing:14.6451px;stroke-width:0.976337"
     inkscape:transform-center-x="2.086903"
     inkscape:transform-center-y="-0.61141585"
     aria-label="KCP"
     inkscape:label="text19" />
</svg>

使用上の注意

  • 元の 0.88:1 の縦横比(viewBox "158.6 152.313 265.186 302.244")を保って拡大縮小し、変形させないでください。
  • ロゴの周囲には、ロゴの高さの 20% 以上の余白を確保してください。
  • グラデーションを含むため、CSS の fill: currentColor で一色に上書きしないでください。
カテゴリをすべて見る
完了しました