SVG path 그라데이션

1 개요

SVG path 그라데이션

<svg width="100" height="100" viewBox="0 -0.5 5 5">
  <defs>
    <linearGradient id="grad1">
      <stop offset="5%" stop-color="red" />
      <stop offset="95%" stop-color="blue" />
    </linearGradient>
  </defs>
  <path stroke="url(#grad1)" d="M0 0h5M0 2h5M0 4h5" />
</svg>

2 같이 보기

• SVG path
• SVG 그라데이션