rooster.svg

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 500 400" width="100%" height="100%">
  <!-- Background -->
  <rect width="500" height="400" fill="#e8f4f8"/>
  
  <!-- Ground line -->
  <line x1="50" y1="340" x2="450" y2="340" stroke="#aaa" stroke-width="2" stroke-dasharray="5,5"/>
  
  <!-- BICYCLE -->
  <g id="bicycle">
    <!-- Wheels -->
    <circle cx="140" cy="300" r="45" fill="none" stroke="#2c3e50" stroke-width="4"/>
    <circle cx="140" cy="300" r="35" fill="none" stroke="#7f8c8d" stroke-width="1.5"/>
    <circle cx="360" cy="300" r="45" fill="none" stroke="#2c3e50" stroke-width="4"/>
    <circle cx="360" cy="300" r="35" fill="none" stroke="#7f8c8d" stroke-width="1.5"/>
    
    <!-- Spokes -->
    <g stroke="#95a5a6" stroke-width="1.5" stroke-linecap="round">
      <line x1="140" y1="265" x2="140" y2="335"/>
      <line x1="105" y1="300" x2="175" y2="300"/>
      <line x1="115" y1="275" x2="165" y2="325"/>
      <line x1="115" y1="325" x2="165" y2="275"/>
      <line x1="360" y1="265" x2="360" y2="335"/>
      <line x1="325" y1="300" x2="395" y2="300"/>
      <line x1="335" y1="275" x2="385" y2="325"/>
      <line x1="335" y1="325" x2="385" y2="275"/>
    </g>
    
    <!-- Frame -->
    <path d="M140 300 L240 280 L270 170 L360 300" fill="none" stroke="#e74c3c" stroke-width="5" stroke-linecap="round" stroke-linejoin="round"/>
    <line x1="240" y1="280" x2="240" y2="210" stroke="#e74c3c" stroke-width="5" stroke-linecap="round"/>
    <line x1="240" y1="210" x2="270" y2="170" stroke="#e74c3c" stroke-width="5" stroke-linecap="round"/>
    
    <!-- Handlebars -->
    <path d="M270 170 L285 145 L310 145" fill="none" stroke="#2c3e50" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/>
    
    <!-- Seat -->
    <path d="M225 205 L255 205 L260 198 L220 198 Z" fill="#2c3e50"/>
    
    <!-- Crank & Pedals -->
    <circle cx="240" cy="280" r="6" fill="#555"/>
    <line x1="240" y1="280" x2="220" y2="255" stroke="#555" stroke-width="4" stroke-linecap="round"/>
    <line x1="240" y1="280" x2="260" y2="305" stroke="#555" stroke-width="4" stroke-linecap="round"/>
    <rect x="215" y="250" width="14" height="5" fill="#2c3e50" rx="1"/>
    <rect x="255" y="302" width="14" height="5" fill="#2c3e50" rx="1"/>
  </g>
  
  <!-- ROOSTER -->
  <g id="rooster">
    <!-- Tail Feathers (drawn first to appear behind body) -->
    <path d="M235 172 Q205 145 215 115 Q225 135 240 162 Z" fill="#2c3e50"/>
    <path d="M230 168 Q195 140 205 105 Q218 128 235 158 Z" fill="#1a252f"/>
    
    <!-- Legs -->
    <path d="M240 190 L225 245 L228 255" fill="none" stroke="#f39c12" stroke-width="5" stroke-linecap="round" stroke-linejoin="round"/>
    <path d="M265 185 L268 295 L272 305" fill="none" stroke="#f39c12" stroke-width="5" stroke-linecap="round" stroke-linejoin="round"/>
    
    <!-- Body -->
    <ellipse cx="250" cy="175" rx="38" ry="26" fill="#ecf0f1" stroke="#bdc3c7" stroke-width="2"/>
    
    <!-- Neck -->
    <path d="M270 168 Q290 148 298 132 L305 132 Q295 150 275 175 Z" fill="#ecf0f1" stroke="#bdc3c7" stroke-width="2"/>
    
    <!-- Head -->
    <circle cx="305" cy="125" r="16" fill="#ecf0f1" stroke="#bdc3c7" stroke-width="2"/>
    
    <!-- Comb -->
    <path d="M295 115 Q298 98 308 105 Q315 95 320 118 Z" fill="#e74c3c"/>
    
    <!-- Wattle -->
    <path d="M315 130 Q322 148 312 142 Z" fill="#e74c3c"/>
    
    <!-- Beak -->
    <path d="M318 120 L338 125 L320 128 Z" fill="#f39c12"/>
    
    <!-- Eye -->
    <circle cx="312" cy="122" r="2.5" fill="#2c3e50"/>
    <circle cx="313" cy="121" r="1" fill="#fff"/>
    
    <!-- Wing -->
    <path d="M230 170 Q205 185 240 195 Q260 180 250 168 Z" fill="#bdc3c7" stroke="#95a5a6" stroke-width="1.5"/>
    
    <!-- Hands/Claws on handlebars -->
    <circle cx="306" cy="148" r="4" fill="#ecf0f1" stroke="#bdc3c7" stroke-width="1.5"/>
  </g>
</svg>