Favicon

秋山散人

使用SVG生成favicon图标

发布于:2025-12-15

今天尝试用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>

 

This site in other languages:
, ,