SF Cleaning Service

<?xml version="1.0" encoding="UTF-8"?> <svg width="256" height="256" viewBox="0 0 256 256" fill="none" xmlns="http://www.w3.org/2000/svg"> <!-- Background Circle with Instagram Gradient --> <defs> <linearGradient id="instagramGradient" x1="0%" y1="100%" x2="100%" y2="0%"> <stop offset="0%" style="stop-color:#FED576;stop-opacity:1" /> <stop offset="25%" style="stop-color:#F47133;stop-opacity:1" /> <stop offset="50%" style="stop-color:#BC3081;stop-opacity:1" /> <stop offset="100%" style="stop-color:#4C63D2;stop-opacity:1" /> </linearGradient> <filter id="shadow" x="-50%" y="-50%" width="200%" height="200%"> <feGaussianBlur in="SourceAlpha" stdDeviation="3"/> <feOffset dx="0" dy="2" result="offsetblur"/> <feFlood flood-color="#000000" flood-opacity="0.2"/> <feComposite in2="offsetblur" operator="in"/> <feMerge> <feMergeNode/> <feMergeNode in="SourceGraphic"/> </feMerge> </filter> </defs> <!-- Rounded Square Background (Instagram Style) --> <rect x="20" y="20" width="216" height="216" rx="54" ry="54" fill="url(#instagramGradient)"/> <!-- White Inner Border --> <rect x="30" y="30" width="196" height="196" rx="44" ry="44" fill="none" stroke="white" stroke-width="2" opacity="0.3"/> <!-- IRL Text in Instagram-like Font (Bold, Sans-serif) --> <text x="128" y="155" font-family="Arial, Helvetica, sans-serif" font-size="86" font-weight="bold" fill="white" text-anchor="middle" filter="url(#shadow)">IRL</text> <!-- Decorative Elements --> <circle cx="50" cy="50" r="8" fill="white" opacity="0.4"/> <circle cx="206" cy="50" r="8" fill="white" opacity="0.4"/> <circle cx="50" cy="206" r="8" fill="white" opacity="0.4"/> <circle cx="206" cy="206" r="8" fill="white" opacity="0.4"/> </svg>