本文へスキップ
LogoHub
ソーシャルメディア

Libation

Libationの公式ベクターロゴ。ソーシャルメディアカテゴリ。SVG と 1024px の透過 PNG でダウンロードできます。

Libation Logo

ブランドカラー

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

ダウンロード

SVG ファイルをダウンロードPNG
ZIP でまとめてダウンロード
ADChatGPT Plus·公式の共有・専用プラン · GPT-6.1 Sol / Deep Research をすぐに利用
クーポン 6666888 で 5% オフ
ADNetflix 4K·専用プロフィール · PIN ロック · 全デバイス対応
クーポン 6666888 で 5% オフ
ベクター形式
SVG · 0.64:1
書き出し解像度
1024 × 1024 px
viewBox
57.51 8 172.97 272
ファイルサイズ
3.8 KB · 3 パス

編集と書き出し

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

カラー

背景

形式
サイズ

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

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

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

ブランド / 表示名
Libation
カテゴリ
ソーシャルメディア
公式カラー (HEX / RGB / HSL)
#51000Frgb(81, 0, 15) · hsl(349, 100%, 16%)
WCAG コントラストとファイルサイズ
白背景 15.5:1 · 黒背景 1.3:1 · 3.8 KB

SVG コード

<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
   version="1.1"
   enable-background="new 0 0 288 288"
   viewBox="57.51 8 172.97 272"
   id="svg5"
   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="defs2">
    <linearGradient
       id="linearGradient11">
      <stop
         style="stop-color:#61083c;stop-opacity:1;"
         offset="0"
         id="stop10" />
      <stop
         style="stop-color:#51000f;stop-opacity:1;"
         offset="1"
         id="stop11" />
    </linearGradient>
    <linearGradient
       id="linearGradient5">
      <stop
         style="stop-color:#610836;stop-opacity:1;"
         offset="0"
         id="stop5" />
      <stop
         style="stop-color:#51000f;stop-opacity:1;"
         offset="1"
         id="stop6" />
    </linearGradient>
    <g
       id="glass">
      <path
         transform="translate(16 16)"
         fill-rule="evenodd"
         d="M 182,64 H 74 c -2.102804,45.02398 17.247818,70.26139 54,70.4277 C 164.75218,134.26139 184.1028,109.02398 182,64 Z M 79,16 C 68.526541,29.779327 63.418957,54.924357 66,80 c 1.928871,22.96419 10.039543,40.19937 24,51 10.34827,8.17282 23.38544,12.40935 38,12.3484 14.61456,0.0609 27.65173,-4.17558 38,-12.3484 13.96046,-10.80063 22.07113,-28.03581 24,-51 2.58104,-25.075643 -2.04216,-49.845674 -13,-64.000001 z m 115,106 c -12.0919,21.57829 -32.72103,34.73825 -58,37 v 81 h 40 c 4.41828,0 8,3.58172 8,8 0,4.41828 -3.58172,8 -8,8 H 80 c -4.418281,0 -7.999997,-3.58172 -7.999997,-8 0,-4.41828 3.581716,-8 7.999997,-8 h 40 V 159 C 94.721031,156.73825 74.091901,143.57829 62,122 41.830346,84.358186 46.747846,24.364686 72,0 109.31159,-0.01889429 115.28631,0.28732129 183.93477,-0.05668288 209.18692,24.308003 214.16965,84.358186 194,122 Z"
         id="path1" />
    </g>
    <g
       transform="translate(16 16)"
       id="wine-level">
      <path
         d="M182,64      H 74      A 115.9979 308.8033 38.9474 0 0 128 134.4277      A 115.9979 308.8033 -38.9474 0 0 182,64     z"
         id="path2" />
    </g>
    <linearGradient
       xlink:href="#linearGradient5"
       id="linearGradient6"
       x1="64.582695"
       y1="16.973436"
       x2="227.84575"
       y2="264.96658"
       gradientUnits="userSpaceOnUse" />
    <linearGradient
       xlink:href="#linearGradient11"
       id="linearGradient10"
       x1="40.891178"
       y1="-6.9511566"
       x2="202.52271"
       y2="240.10968"
       gradientUnits="userSpaceOnUse" />
  </defs>
  <use
     href="#glass"
     stroke="#efefef"
     stroke-width="16"
     fill="Transparent"
     id="use2" />
  <use
     href="#wine-level"
     stroke="#efefef"
     stroke-width="16"
     fill="Transparent"
     id="use3" />
  <!-- <g
     id="use4"
     style="fill:url(#linearGradient6)" /> -->
  <g
     transform="translate(16,16)"
     id="use5"
     style="fill:#610836">
    <path
       id="path8"
       d="M 182,64 H 74 c -2.102804,45.02398 17.247818,70.26139 54,70.4277 C 164.75218,134.26139 184.1028,109.02398 182,64 Z M 79,16 C 68.526541,29.779327 63.418957,54.924357 66,80 c 1.928871,22.96419 10.039543,40.19937 24,51 10.34827,8.17282 23.38544,12.40935 38,12.3484 14.61456,0.0609 27.65173,-4.17558 38,-12.3484 13.96046,-10.80063 22.07113,-28.03581 24,-51 2.58104,-25.075643 -2.04216,-49.845674 -13,-64.000001 z m 115,106 c -12.0919,21.57829 -32.72103,34.73825 -58,37 v 81 h 40 c 4.41828,0 8,3.58172 8,8 0,4.41828 -3.58172,8 -8,8 H 80 c -4.418281,0 -7.999997,-3.58172 -7.999997,-8 0,-4.41828 3.581716,-8 7.999997,-8 h 40 V 159 C 94.721031,156.73825 74.091901,143.57829 62,122 41.830346,84.358186 46.747846,24.364686 72,0 109.31159,-0.01889429 115.28631,0.28732129 183.93477,-0.05668288 209.18692,24.308003 214.16965,84.358186 194,122 Z"
       style="fill:url(#linearGradient10)" />
  </g>
</svg>

使用上の注意

  • 元の 0.64:1 の縦横比（viewBox "57.51 8 172.97 272"）を保って拡大縮小し、変形させないでください。
  • ロゴの周囲には、ロゴの高さの 20% 以上の余白を確保してください。
  • グラデーションを含むため、CSS の fill: currentColor で一色に上書きしないでください。

同じカテゴリのロゴ

カテゴリをすべて見る
完了しました