FishPond/banner/banner.svg

<?xml version="1.0" encoding="UTF-8"?>
<svg width="630" height="500" version="1.1" viewBox="0 0 75.6 60" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd">
	<sodipodi:namedview inkscape:document-units="px" units="px" inkscape:showpageshadow="false" inkscape:pagecheckerboard="true"/>
	<defs>
		<clipPath id="body-clip">
			<path id="body-path" d="m3.5 28.5c10.6 19.3 52 12.8 50.8 6.9-2.1-13.1-34.3-34.8-50.8-6.9z" stroke-width="2.5"/>
		</clipPath>
		<clipPath id="top-fin-clip">
			<path id="top-fin-path" d="m22 14.7s-2.1-5.1-0.2-6.7c1.9-1.7 2.1 1.8 4.5 0.4 2.5-1.3 1.6 2.4 5.8 1.4 4.3-1 6.6 2 6.6 3.2v5" stroke-width="2"/>
		</clipPath>
		<clipPath id="tail-fin-clip">
			<path id="tail-fin-path" d="m69.5 26.6c4.5 4 4.6 17.3-2.1 19.8-4.8-1.3-12.9-5.3-12.7-7.4l0.7-7.5c0.2-1.6 11.4-3.8 14.1-4.9z" stroke-linejoin="round" stroke-width="2"/>
		</clipPath>
		<clipPath id="bottom-fin-clip">
			<path id="bottom-fin-path" d="m20.2 41.3c5.6 16 24.1 13.8 14.6 1.2z" stroke-width="2"/>
		</clipPath>
	</defs>
	<style type="text/css">
		.shadow {
			stroke:none;
			fill-opacity:0.7;
			fill:#ff9c1d;
		}
	</style>
	<g id="background">
		<rect width="75.6" height="60" fill="#33b4db"/>
	</g>
	<g id="fish" fill="#ffdd1d" stroke="#000">
		<g id="top-fin">
			<use xlink:href="#top-fin-path"/>
			<path d="m22 14.7c-0.97-3.88 16.7-1.7 16.7 3.3z" clip-path="url(#top-fin-clip)" class="shadow"/>
			<use fill="none" xlink:href="#top-fin-path"/>
		</g>
		<g id="tail-fin">
			<use xlink:href="#tail-fin-path"/>
			<path d="m55.05 35.25c0 24.75 17.72 24.75 17.72 1.25z" clip-path="url(#tail-fin-clip)" class="shadow"/>
			<use fill="none" xlink:href="#tail-fin-path"/>
		</g>
		<g id="bottom-fin">
			<use xlink:href="#bottom-fin-path"/>
			<path d="m21.27 43.84c0-12.93 15.33-10.84 15.33 1.55z" clip-path="url(#bottom-fin-clip)" class="shadow"/>
			<use fill="none" xlink:href="#bottom-fin-path"/>
		</g>
		<g id="body">
			<use fill="FFDD1D" xlink:href="#body-path"/>
			<path d="m 3.5,28.5 50.8,6.9 C 55.57,60 3.5,60 3.5,28.5" clip-path="url(#body-clip)" class="shadow"/>
			<use fill="none" xlink:href="#body-path"/>
		</g>
		<ellipse id="head" cx="13.4" cy="22.6" rx="13.35" ry="13.94" clip-path="url(#body-clip)" fill="none"/>
		<circle id="eye" cx="13" cy="27.6" r="3.465" fill="#000" stroke="none"/>
	</g>
</svg>