本文へスキップ

Pipelock

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

Pipelock Logo

ブランドカラー

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

ダウンロード

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

編集と書き出し

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

カラー

背景

形式
サイズ

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

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

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

ブランド / 表示名
Pipelock
カテゴリ
ツール
公式カラー (HEX / RGB / HSL)
#00FFC8rgb(0, 255, 200) · hsl(167, 100%, 50%)
WCAG コントラストとファイルサイズ
白背景 1.3:1 · 黒背景 15.2:1 · 5.6 KB

SVG コード

<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
   viewBox="-55.27 -33.75 514 514"
   fill="none"
   version="1.1"
   id="svg14"
   xmlns="http://www.w3.org/2000/svg"
   xmlns:svg="http://www.w3.org/2000/svg">
  <defs
     id="defs4">
    <linearGradient
       id="shackle-grad"
       x1="200"
       y1="40"
       x2="200"
       y2="180"
       gradientUnits="userSpaceOnUse">
      <stop
         offset="0%"
         stop-color="#00ffc8"
         id="stop1" />
      <stop
         offset="100%"
         stop-color="#00b894"
         id="stop2" />
    </linearGradient>
    <linearGradient
       id="body-grad"
       x1="200"
       y1="160"
       x2="200"
       y2="340"
       gradientUnits="userSpaceOnUse">
      <stop
         offset="0%"
         stop-color="#1a1a2e"
         id="stop3" />
      <stop
         offset="100%"
         stop-color="#0f0f1a"
         id="stop4" />
    </linearGradient>
  </defs>
  <!-- Shackle (pipe-style) -->
  <path
     d="M130 180 L130 110 C130 65 160 40 200 40 C240 40 270 65 270 110 L270 180"
     stroke="url(#shackle-grad)"
     stroke-width="28"
     stroke-linecap="round"
     fill="none"
     id="path4" />
  <!-- Pipe joints on shackle ends -->
  <rect
     x="114"
     y="165"
     width="32"
     height="16"
     rx="3"
     fill="#00ffc8"
     opacity="0.7"
     id="rect4" />
  <rect
     x="254"
     y="165"
     width="32"
     height="16"
     rx="3"
     fill="#00ffc8"
     opacity="0.7"
     id="rect5" />
  <!-- Lock body -->
  <rect
     x="90"
     y="180"
     width="220"
     height="160"
     rx="16"
     fill="url(#body-grad)"
     stroke="#00ffc8"
     stroke-width="2.5"
     id="rect6" />
  <!-- Body inner border accent -->
  <rect
     x="100"
     y="190"
     width="200"
     height="140"
     rx="10"
     fill="none"
     stroke="#00ffc8"
     stroke-width="0.5"
     opacity="0.2"
     id="rect7" />
  <!-- Keyhole -->
  <circle
     cx="200"
     cy="248"
     r="18"
     fill="#00ffc8"
     opacity="0.9"
     id="circle7" />
  <circle
     cx="200"
     cy="248"
     r="10"
     fill="#0f0f1a"
     id="circle8" />
  <rect
     x="196"
     y="256"
     width="8"
     height="24"
     rx="3"
     fill="#00ffc8"
     opacity="0.9"
     id="rect8" />
  <rect
     x="196"
     y="256"
     width="8"
     height="24"
     rx="3"
     fill="#0f0f1a"
     opacity="0.4"
     id="rect9" />
  <!-- Pipe thread lines on body sides -->
  <line
     x1="95"
     y1="210"
     x2="95"
     y2="215"
     stroke="#00ffc8"
     stroke-width="1"
     opacity="0.3"
     id="line9" />
  <line
     x1="95"
     y1="222"
     x2="95"
     y2="227"
     stroke="#00ffc8"
     stroke-width="1"
     opacity="0.3"
     id="line10" />
  <line
     x1="95"
     y1="234"
     x2="95"
     y2="239"
     stroke="#00ffc8"
     stroke-width="1"
     opacity="0.3"
     id="line11" />
  <line
     x1="305"
     y1="210"
     x2="305"
     y2="215"
     stroke="#00ffc8"
     stroke-width="1"
     opacity="0.3"
     id="line12" />
  <line
     x1="305"
     y1="222"
     x2="305"
     y2="227"
     stroke="#00ffc8"
     stroke-width="1"
     opacity="0.3"
     id="line13" />
  <line
     x1="305"
     y1="234"
     x2="305"
     y2="239"
     stroke="#00ffc8"
     stroke-width="1"
     opacity="0.3"
     id="line14" />
  <!-- "PIPELOCK" wordmark -->
  <path
     d="m 83.175781,396.56445 q 0,3.40235 -1.548828,5.99219 -1.548828,2.56445 -4.494141,3.96094 -2.919921,1.39648 -7.007812,1.39648 H 65.123047 V 420 h -7.490235 v -34.25195 h 12.1875 q 6.525391,0 9.927735,2.76757 3.427734,2.74219 3.427734,8.04883 z m -7.541015,0.12696 q 0,-2.76758 -1.675782,-3.93555 -1.65039,-1.19336 -4.976562,-1.19336 h -3.859375 v 10.58789 h 4.0625 q 3.351562,0 4.90039,-1.37109 1.548829,-1.39649 1.548829,-4.08789 z m 19.736328,-10.94336 h 23.257816 v 5.78906 h -7.89649 v 22.67383 h 7.89649 V 420 H 95.371094 v -5.78906 h 7.896486 v -22.67383 h -7.896486 z m 62.214846,10.8164 q 0,3.40235 -1.54883,5.99219 -1.54883,2.56445 -4.49414,3.96094 -2.91992,1.39648 -7.00781,1.39648 H 139.5332 V 420 h -7.49023 v -34.25195 h 12.1875 q 6.52539,0 9.92773,2.76757 3.42774,2.74219 3.42774,8.04883 z m -7.54102,0.12696 q 0,-2.76758 -1.67578,-3.93555 -1.65039,-1.19336 -4.97656,-1.19336 h -3.85938 v 10.58789 h 4.0625 q 3.35157,0 4.90039,-1.37109 1.54883,-1.39649 1.54883,-4.08789 z M 169.27344,420 v -34.25195 h 24.57812 v 5.78906 h -17.08789 v 8.22656 h 15.53906 v 5.78906 h -15.53906 v 8.65821 h 18.12891 V 420 Z m 39.08398,0 v -34.25195 h 7.49024 v 28.46289 h 15.64062 V 420 Z m 61.22461,-17.24023 q 0,8.75976 -3.55469,13.2539 -3.55468,4.49414 -10.20703,4.49414 -6.65234,0 -10.23242,-4.49414 -3.55469,-4.49414 -3.55469,-13.2539 0,-8.75977 3.55469,-13.15235 3.58008,-4.39258 10.23242,-4.39258 6.65235,0 10.20703,4.39258 3.55469,4.39258 3.55469,13.15235 z m -7.5918,0 q 0,-11.6543 -6.16992,-11.6543 -6.19531,0 -6.19531,11.6543 0,5.83984 1.54883,8.86132 1.57422,2.9961 4.64648,2.9961 3.07227,0 4.6211,-2.9961 1.54882,-3.02148 1.54882,-8.86132 z m 25.06836,-0.0508 q 0,5.71289 1.77735,8.81055 1.77734,3.09766 5.30664,3.09766 4.11328,0 6.09375,-6.19532 l 6.93164,1.32032 q -3.37695,10.76562 -13.10156,10.76562 -7.13477,0 -10.89258,-4.51953 -3.73242,-4.54492 -3.73242,-13.2793 0,-17.49414 14.42187,-17.49414 4.72266,0 7.89649,2.48828 3.19921,2.48829 4.69726,7.38868 l -6.90625,1.67578 q -0.73633,-2.69141 -2.20898,-4.16406 -1.47266,-1.49805 -3.37696,-1.49805 -6.90625,0 -6.90625,11.60351 z M 336.98437,420 l -8.20117,-14.14258 -3.22461,3.60547 V 420 h -7.49023 v -34.25195 h 7.49023 v 15.20898 l 11.07032,-15.20898 h 8.70898 L 333.6582,400.44922 345.82031,420 Z"
     id="text14"
     style="fill:#00ffc8"
     aria-label="PIPELOCK" />
</svg>

使用上の注意

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