A birbpig.svg => birbpig.svg +28 -0
@@ 0,0 1,28 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="60 20 200 200" width="200" height="200">
+ <defs>
+ <radialGradient id="body" cx="180" cy="100" gradientUnits="userSpaceOnUse" r="90%">
+ <stop offset="20%" stop-color="white"/>
+ <stop offset="100%" stop-color="pink"/>
+ </radialGradient>
+ <radialGradient id="ears" gradientUnits="userSpaceOnUse" r="40%" cx="180">
+ <stop offset="0%" stop-color="pink"/>
+ <stop offset="100%" stop-color="white"/>
+ </radialGradient>
+ </defs>
+ <path d="M 110 70 q 35 0 40 20 l -5 20 l -9 7 q -22 -6 -26 -47" fill="url('#ears')" stroke="black" stroke-width="4" />
+ <path d="M 245 70 q -35 0 -40 20 l 5 20 l 9 7 q 22 -6 26 -47" fill="url('#ears')" stroke="black" stroke-width="4" />
+ <path d="M 100 128 l 40 -50 q 20 -22 50 -20 q 40 5 35 40 q 0 39 -42 158 h -150 q 32 -80 67 -128" stroke="black" stroke-width="4" fill="url('#body')"/>
+ <path d="M 100 128 q -30 10 -50 40 q -20 30 -20 88 q 40 -64 70 -128" stroke="black" stroke-width="4" fill="#999"/>
+ <ellipse cx="167" cy="90" fill="black" rx="6" ry="5.5"/>
+ <ellipse cx="215" cy="90" fill="black" rx="5.4" ry="5"/>
+ <circle cx="167" cy="90" fill="none" stroke="brown" stroke-width="4" r="14"/>
+ <circle cx="215" cy="90" fill="none" stroke="brown" stroke-width="4" r="12"/>
+ <path d="M 182 90 q 10 -5 21 0" stroke="brown" stroke-width="4" fill="none"/>
+ <path d="M 155 84 l -26 -19" stroke="brown" stroke-width="4" fill="none"/>
+ <g transform="translate(5, -10)">
+ <path d="M 175 127 q 5 -10 13 -10 q 8 0 13 10 q 0 10 -13 5 q -13 6 -13 -5" fill="pink" stroke="black" stroke-width="2" />
+ <circle cx="182" cy="125" r="2" stroke="none" fill="black" />
+ <circle cx="195" cy="125" r="2" stroke="none" fill="black" />
+ </g>
+</svg>
M index.html => index.html +4 -0
@@ 11,6 11,10 @@
<body>
<h1>birbdoodles</h1>
<div>
+ <h2>pig</h2>
+ <img src="birbpig.svg" />
+ </div>
+ <div>
<h2>wig</h2>
<img src="birbwig.svg" />
</div>