JetBrains PyCharm

ブランド / 表示名

JetBrains PyCharm (pycharm)

カテゴリ

ツール

公式カラー (HEX / RGB / HSL)

#21D789rgb(33, 215, 137) · hsl(154, 73%, 49%)

WCAG コントラストとファイルサイズ

白背景 1.9:1 · 黒背景 10.5:1 · 3.3 KB

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 105 105">
  <linearGradient id="a" x1="38.78" x2="95.91" y1="41.59" y2="41.59" gradientUnits="userSpaceOnUse">
    <stop offset="0" stop-color="#21d789"/>
    <stop offset="1" stop-color="#07c3f2"/>
  </linearGradient>
  <linearGradient id="b" x1="-29.18" x2="88.46" y1="85.52" y2="-1.32" gradientUnits="userSpaceOnUse">
    <stop offset=".01" stop-color="#fcf84a"/>
    <stop offset=".11" stop-color="#a7eb62"/>
    <stop offset=".21" stop-color="#5fe077"/>
    <stop offset=".27" stop-color="#32da84"/>
    <stop offset=".31" stop-color="#21d789"/>
    <stop offset=".58" stop-color="#21d789"/>
    <stop offset=".6" stop-color="#21d789"/>
    <stop offset=".69" stop-color="#20d68c"/>
    <stop offset=".76" stop-color="#1ed497"/>
    <stop offset=".83" stop-color="#19d1a9"/>
    <stop offset=".9" stop-color="#13ccc2"/>
    <stop offset=".97" stop-color="#0bc6e1"/>
    <stop offset="1" stop-color="#07c3f2"/>
  </linearGradient>
  <linearGradient id="c" x1="17.3" x2="36.92" y1="110.99" y2="49.42" gradientUnits="userSpaceOnUse">
    <stop offset="0" stop-color="#21d789"/>
    <stop offset=".16" stop-color="#24d888"/>
    <stop offset=".3" stop-color="#2fd985"/>
    <stop offset=".43" stop-color="#41dc80"/>
    <stop offset=".55" stop-color="#5ae079"/>
    <stop offset=".67" stop-color="#7ae46f"/>
    <stop offset=".79" stop-color="#a1ea64"/>
    <stop offset=".9" stop-color="#cff157"/>
    <stop offset="1" stop-color="#fcf84a"/>
  </linearGradient>
  <linearGradient id="d" x1="43.28" x2="85.97" y1="57.46" y2=".06" gradientUnits="userSpaceOnUse">
    <stop offset="0" stop-color="#21d789"/>
    <stop offset=".09" stop-color="#23d986"/>
    <stop offset=".17" stop-color="#2ade7b"/>
    <stop offset=".25" stop-color="#36e669"/>
    <stop offset=".27" stop-color="#3bea62"/>
    <stop offset=".35" stop-color="#47eb61"/>
    <stop offset=".49" stop-color="#67ed5d"/>
    <stop offset=".69" stop-color="#9af156"/>
    <stop offset=".92" stop-color="#e0f64d"/>
    <stop offset="1" stop-color="#fcf84a"/>
  </linearGradient>
  <linearGradient id="e" x1="108.58" x2="22.55" y1="64.77" y2="63.97" gradientUnits="userSpaceOnUse">
    <stop offset=".39" stop-color="#fcf84a"/>
    <stop offset=".46" stop-color="#ecf74c"/>
    <stop offset=".61" stop-color="#c1f451"/>
    <stop offset=".82" stop-color="#7eef5a"/>
    <stop offset="1" stop-color="#3bea62"/>
  </linearGradient>
  <path fill="url(#a)" d="m71.81 19.65 28.05 23.33-10.1 20.55-16.91-4.69H58.22z"/>
  <path fill="url(#b)" d="m43.55 34.8-5.43 28.73-.52 9.76-13.69 5.93L4.5 81.31l5.89-62.07L45.56 4.5l21.67 14.21z"/>
  <path fill="url(#c)" d="m43.55 34.8 2.64 55.36-8.77 10.34L4.5 81.31l27.03-40.28z"/>
  <path fill="url(#d)" d="M79.77 30.76H46.51L75.9 4.5z"/>
  <path fill="url(#e)" d="m100.5 90.38-29.28 9.94-38.99-10.98L43.55 34.8l4.52-4.04 23.74-2.23-2.15 23.84 18.88-7.32z"/>
  <path d="M22.5 22.5h60v60h-60z"/>
  <path fill="#fff" d="M29.98 71.16h22.5v3.75h-22.5zM30 30h9.2c5.36 0 8.61 3.18 8.61 7.77v.06c0 5.2-4.05 7.9-9.09 7.9H35v6.74h-5zm8.86 11.33c2.47 0 3.92-1.47 3.92-3.4v-.06c0-2.22-1.54-3.41-4-3.41H35v6.87zm11.63-.02v-.06A11.41 11.41 0 0 1 62.2 29.63a11.59 11.59 0 0 1 8.86 3.46l-3.14 3.63a8.33 8.33 0 0 0-5.75-2.54c-3.79 0-6.52 3.15-6.52 7v.07c0 3.85 2.67 7.06 6.52 7.06 2.57 0 4.14-1 5.91-2.63l3.14 3.17a11.46 11.46 0 0 1-9.21 4 11.35 11.35 0 0 1-11.52-11.54"/>
</svg>

使用上の注意

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