<svg width="64" height="64" viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg">
  <defs>
    <linearGradient id="officeGradient" x1="0%" y1="0%" x2="100%" y2="100%">
      <stop offset="0%" style="stop-color:#0af1f5;stop-opacity:1" />
      <stop offset="100%" style="stop-color:#08c0c4;stop-opacity:1" />
    </linearGradient>
    <filter id="glow">
      <feGaussianBlur stdDeviation="2" result="coloredBlur"/>
      <feMerge> 
        <feMergeNode in="coloredBlur"/>
        <feMergeNode in="SourceGraphic"/>
      </feMerge>
    </filter>
  </defs>
  
  <!-- Office cleaning icon -->
  <g filter="url(#glow)">
    <!-- Office building -->
    <g fill="url(#officeGradient)">
      <!-- Main building structure -->
      <rect x="15" y="10" width="34" height="45" rx="2" fill="none" stroke="url(#officeGradient)" stroke-width="2"/>
      <rect x="17" y="12" width="30" height="41" rx="1" fill="url(#officeGradient)" opacity="0.1"/>
      
      <!-- Office floors -->
      <line x1="17" y1="22" x2="47" y2="22" stroke="url(#officeGradient)" stroke-width="1" opacity="0.4"/>
      <line x1="17" y1="32" x2="47" y2="32" stroke="url(#officeGradient)" stroke-width="1" opacity="0.4"/>
      <line x1="17" y1="42" x2="47" y2="42" stroke="url(#officeGradient)" stroke-width="1" opacity="0.4"/>
      
      <!-- Office windows -->
      <rect x="20" y="15" width="4" height="4" rx="0.5" fill="url(#officeGradient)" opacity="0.4"/>
      <rect x="28" y="15" width="4" height="4" rx="0.5" fill="url(#officeGradient)" opacity="0.4"/>
      <rect x="36" y="15" width="4" height="4" rx="0.5" fill="url(#officeGradient)" opacity="0.4"/>
      
      <rect x="20" y="25" width="4" height="4" rx="0.5" fill="url(#officeGradient)" opacity="0.4"/>
      <rect x="28" y="25" width="4" height="4" rx="0.5" fill="url(#officeGradient)" opacity="0.4"/>
      <rect x="36" y="25" width="4" height="4" rx="0.5" fill="url(#officeGradient)" opacity="0.4"/>
      
      <rect x="20" y="35" width="4" height="4" rx="0.5" fill="url(#officeGradient)" opacity="0.4"/>
      <rect x="28" y="35" width="4" height="4" rx="0.5" fill="url(#officeGradient)" opacity="0.4"/>
      <rect x="36" y="35" width="4" height="4" rx="0.5" fill="url(#officeGradient)" opacity="0.4"/>
      
      <!-- Office entrance -->
      <rect x="28" y="45" width="8" height="10" rx="1" fill="url(#officeGradient)" opacity="0.3"/>
      <rect x="30" y="47" width="4" height="8" rx="0.5" fill="url(#officeGradient)" opacity="0.5"/>
      
      <!-- Building logo/sign -->
      <rect x="25" y="8" width="14" height="3" rx="1" fill="url(#officeGradient)" opacity="0.6"/>
    </g>
    
    <!-- Professional cleaning equipment -->
    <g fill="url(#officeGradient)">
      <!-- Commercial vacuum -->
      <rect x="5" y="45" width="8" height="12" rx="2" fill="url(#officeGradient)" opacity="0.6"/>
      <circle cx="9" cy="49" r="2" fill="url(#officeGradient)" opacity="0.8"/>
      <rect x="7" y="41" width="4" height="4" rx="1" fill="url(#officeGradient)" opacity="0.7"/>
      <!-- Vacuum cord -->
      <path d="M13,47 Q18,45 22,48" fill="none" stroke="url(#officeGradient)" stroke-width="1.5"/>
      
      <!-- Cleaning cart -->
      <rect x="50" y="48" width="10" height="8" rx="1" fill="url(#officeGradient)" opacity="0.5"/>
      <circle cx="52" cy="58" r="1.5" fill="url(#officeGradient)" opacity="0.8"/>
      <circle cx="58" cy="58" r="1.5" fill="url(#officeGradient)" opacity="0.8"/>
      
      <!-- Cleaning supplies on cart -->
      <rect x="52" y="45" width="2" height="3" rx="1" fill="url(#officeGradient)" opacity="0.7"/>
      <rect x="55" y="45" width="2" height="3" rx="1" fill="url(#officeGradient)" opacity="0.7"/>
      <rect x="51" y="42" width="8" height="3" rx="1" fill="url(#officeGradient)" opacity="0.4"/>
      
      <!-- Mop and bucket -->
      <rect x="45" y="35" width="2" height="15" rx="1" fill="url(#officeGradient)" opacity="0.8"/>
      <ellipse cx="46" cy="33" rx="2" ry="1" fill="url(#officeGradient)" opacity="0.6"/>
      <ellipse cx="46" cy="52" rx="3" ry="1.5" fill="url(#officeGradient)" opacity="0.4"/>
    </g>
    
    <!-- Office cleaning activities -->
    <g fill="url(#officeGradient)" opacity="0.7">
      <!-- Window cleaning -->
      <rect x="8" y="20" width="2" height="8" rx="1" fill="url(#officeGradient)" opacity="0.6"/>
      <rect x="7" y="18" width="4" height="2" rx="1" fill="url(#officeGradient)" opacity="0.5"/>
      
      <!-- Desk cleaning -->
      <rect x="52" y="25" width="8" height="3" rx="1" fill="url(#officeGradient)" opacity="0.4"/>
      <rect x="54" y="22" width="4" height="3" rx="0.5" fill="url(#officeGradient)" opacity="0.6"/>
    </g>
    
    <!-- Professional cleanliness sparkles -->
    <g fill="url(#officeGradient)" opacity="0.8">
      <circle cx="22" cy="18" r="1">
        <animate attributeName="opacity" values="0.3;1;0.3" dur="1.5s" repeatCount="indefinite"/>
        <animate attributeName="r" values="0.5;1.5;0.5" dur="1.5s" repeatCount="indefinite"/>
      </circle>
      <circle cx="30" cy="28" r="1">
        <animate attributeName="opacity" values="1;0.3;1" dur="2s" repeatCount="indefinite"/>
        <animate attributeName="r" values="1;2;1" dur="2s" repeatCount="indefinite"/>
      </circle>
      <circle cx="38" cy="38" r="0.5">
        <animate attributeName="opacity" values="0.5;1;0.5" dur="2.5s" repeatCount="indefinite"/>
      </circle>
      <circle cx="25" cy="40" r="0.5">
        <animate attributeName="opacity" values="1;0.2;1" dur="3s" repeatCount="indefinite"/>
      </circle>
    </g>
    
    <!-- Professional cleaning indicators -->
    <g fill="url(#officeGradient)" opacity="0.6">
      <!-- Clean office checkmarks -->
      <circle cx="5" cy="15" r="2" fill="url(#officeGradient)" opacity="0.5"/>
      <path d="M4,14 L4.5,14.5 L6,13" fill="none" stroke="#0a0a0a" stroke-width="0.5"/>
      
      <circle cx="59" cy="15" r="2" fill="url(#officeGradient)" opacity="0.5"/>
      <path d="M58,14 L58.5,14.5 L60,13" fill="none" stroke="#0a0a0a" stroke-width="0.5"/>
      
      <!-- Professional standards -->
      <text x="32" y="6" text-anchor="middle" font-family="Arial, sans-serif" font-size="4" fill="url(#officeGradient)">PRO</text>
    </g>
    
    <!-- Business hours indicator -->
    <g fill="url(#officeGradient)" opacity="0.4">
      <!-- Clock/schedule -->
      <circle cx="12" cy="8" r="3" fill="none" stroke="url(#officeGradient)" stroke-width="1"/>
      <line x1="12" y1="6" x2="12" y2="8" stroke="url(#officeGradient)" stroke-width="1"/>
      <line x1="12" y1="8" x2="13.5" y2="9.5" stroke="url(#officeGradient)" stroke-width="1"/>
    </g>
  </g>
</svg>
