今天尝试用SVG替换Svelte的默认图标。经过Gemini 3 Pro的几次修改,目前看起来还可以。
看了下代码,基本和生成波浪线一个思路,从一个路径变成了三个路径。
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 33 100 67" fill="none">
<defs>
<linearGradient id="g1" x1="0" y1="0" x2="0" y2="1">
<stop offset="0%" stop-color="oklch(0.75 0.15 220)" />
<stop offset="100%" stop-color="oklch(0.55 0.15 220)" />
</linearGradient>
<linearGradient id="g2" x1="0" y1="0" x2="0" y2="1">
<stop offset="0%" stop-color="oklch(0.85 0.15 75)" />
<stop offset="100%" stop-color="oklch(0.65 0.15 75)" />
</linearGradient>
<linearGradient id="g3" x1="0" y1="0" x2="0" y2="1">
<stop offset="0%" stop-color="oklch(0.70 0.20 25)" />
<stop offset="100%" stop-color="oklch(0.50 0.20 25)" />
</linearGradient>
</defs>
<path d="M0 100 Q 45 10 90 100 Z" fill="url(#g1)" />
<path d="M25 100 Q 63 -34 85 100 Z" fill="url(#g2)" />
<path d="M50 100 Q 75 10 100 100 Z" fill="url(#g3)" />
</svg>