Skip to content

Instantly share code, notes, and snippets.

@zettca

zettca/next-gradient.svg

Created May 12, 2025 13:28
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save zettca/533c6ab888e1dde43799a094f90b3974 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save zettca/533c6ab888e1dde43799a094f90b3974 to your computer and use it in GitHub Desktop.
Download ZIP
NEXT v5.9.4 linear-gradient SVG
Display the source blob
Display the rendered blob
Raw
next-gradient.svg
<svg width="100%" height="100%" xmlns="http://www.w3.org/2000/svg">
<defs>
<linearGradient id="grad" x1="0%" y1="0%" x2="100%" y2="0%">
<stop offset="0%" stop-color="#CC0100" />
<stop offset="75.85%" stop-color="#BD1DC7" />
<stop offset="100%" stop-color="#7919AB" />
</linearGradient>
</defs>
<!-- Example usage on a rectangle -->
<rect width="100%" height="100%" fill="url(#grad)" />
</svg>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment