PHP Code Editor

<svg width="200" height="200" viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg"> <!-- Background Ikon (Blue-600) --> <rect width="200" height="200" rx="48" fill="#2563EB"/> <!-- Grouping Seluruh Karakter agar Center --> <g transform="translate(0, 5)"> <!-- Badan Kucing Bulat di Tengah --> <circle cx="100" cy="100" r="65" fill="white"/> <!-- Telinga Pink --> <path d="M65 55 L45 15 Q55 10 80 45 Z" fill="white" stroke-linejoin="round"/> <path d="M135 55 L155 15 Q145 10 120 45 Z" fill="white" stroke-linejoin="round"/> <path d="M62 50 L52 25 Q58 22 72 45 Z" fill="#FF85A1"/> <path d="M138 50 L148 25 Q142 22 128 45 Z" fill="#FF85A1"/> <!-- KACAMATA BESAR --> <rect x="50" y="70" width="45" height="40" rx="10" fill="#1E293B" stroke="#F1F5F9" stroke-width="2"/> <rect x="105" y="70" width="45" height="40" rx="10" fill="#1E293B" stroke="#F1F5F9" stroke-width="2"/> <line x1="95" y1="85" x2="105" y2="85" stroke="#1E293B" stroke-width="6" stroke-linecap="round"/> <!-- PANTULAN DI KACAMATA (Interlocked Link Rantai) --> <g transform="translate(58, 83) scale(0.8)"> <!-- Ring Rantai 1 (Biru) --> <rect x="0" y="0" width="20" height="12" rx="6" stroke="#60A5FA" stroke-width="5" fill="none"/> <!-- Ring Rantai 2 (Putih) --> <rect x="12" y="0" width="20" height="12" rx="6" stroke="#FFFFFF" stroke-width="5" fill="none"/> <!-- Overlay Interlock (Agar Terlihat Mengunci) --> <path d="M12 0 A 6 6 0 0 1 12 12" stroke="#60A5FA" stroke-width="5" fill="none" stroke-linecap="round"/> </g> <path d="M127 78 V102 M118 92 L127 102 L136 92" stroke="#FFD600" stroke-width="5" fill="none" stroke-linecap="round" stroke-linejoin="round"/> <!-- WAJAH: KUMIS & PIPI --> <line x1="40" y1="110" x2="20" y2="105" stroke="#1E293B" stroke-width="2" stroke-linecap="round"/> <line x1="40" y1="120" x2="20" y2="125" stroke="#1E293B" stroke-width="2" stroke-linecap="round"/> <line x1="160" y1="110" x2="180" y2="105" stroke="#1E293B" stroke-width="2" stroke-linecap="round"/> <line x1="160" y1="120" x2="180" y2="125" stroke="#1E293B" stroke-width="2" stroke-linecap="round"/> <path d="M92 120 Q100 127 108 120" stroke="#1E293B" stroke-width="3" fill="none" stroke-linecap="round"/> <circle cx="60" cy="117" r="10" fill="#FF85A1" opacity="0.9"/> <circle cx="140" cy="117" r="10" fill="#FF85A1" opacity="0.9"/> <!-- PERBAIKAN JARI PAW (Rapi, Berjarak, Tidak Overlap) --> <!-- Paw Kiri --> <g transform="translate(68, 145)"> <circle cx="0" cy="0" r="20" fill="white" stroke="#2563EB" stroke-width="2"/> <circle cx="-13" cy="-10" r="6" fill="#FF85A1" stroke="#2563EB" stroke-width="1.5"/> <circle cx="0" cy="-15" r="6" fill="#FF85A1" stroke="#2563EB" stroke-width="1.5"/> <circle cx="13" cy="-10" r="6" fill="#FF85A1" stroke="#2563EB" stroke-width="1.5"/> </g> <!-- Paw Kanan --> <g transform="translate(132, 145)"> <circle cx="0" cy="0" r="20" fill="white" stroke="#2563EB" stroke-width="2"/> <circle cx="-13" cy="-10" r="6" fill="#FF85A1" stroke="#2563EB" stroke-width="1.5"/> <circle cx="0" cy="-15" r="6" fill="#FF85A1" stroke="#2563EB" stroke-width="1.5"/> <circle cx="13" cy="-10" r="6" fill="#FF85A1" stroke="#2563EB" stroke-width="1.5"/> </g> </g> </svg>
Run Code

<svg width="200" height="200" viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg"> <!-- Background Ikon (Blue-600) --> <rect width="200" height="200" rx="48" fill="#2563EB"/> <!-- Grouping Seluruh Karakter agar Center --> <g transform="translate(0, 5)"> <!-- Badan Kucing Bulat di Tengah --> <circle cx="100" cy="100" r="65" fill="white"/> <!-- Telinga Pink --> <path d="M65 55 L45 15 Q55 10 80 45 Z" fill="white" stroke-linejoin="round"/> <path d="M135 55 L155 15 Q145 10 120 45 Z" fill="white" stroke-linejoin="round"/> <path d="M62 50 L52 25 Q58 22 72 45 Z" fill="#FF85A1"/> <path d="M138 50 L148 25 Q142 22 128 45 Z" fill="#FF85A1"/> <!-- KACAMATA BESAR --> <rect x="50" y="70" width="45" height="40" rx="10" fill="#1E293B" stroke="#F1F5F9" stroke-width="2"/> <rect x="105" y="70" width="45" height="40" rx="10" fill="#1E293B" stroke="#F1F5F9" stroke-width="2"/> <line x1="95" y1="85" x2="105" y2="85" stroke="#1E293B" stroke-width="6" stroke-linecap="round"/> <!-- PANTULAN DI KACAMATA (Interlocked Link Rantai) --> <g transform="translate(58, 83) scale(0.8)"> <!-- Ring Rantai 1 (Biru) --> <rect x="0" y="0" width="20" height="12" rx="6" stroke="#60A5FA" stroke-width="5" fill="none"/> <!-- Ring Rantai 2 (Putih) --> <rect x="12" y="0" width="20" height="12" rx="6" stroke="#FFFFFF" stroke-width="5" fill="none"/> <!-- Overlay Interlock (Agar Terlihat Mengunci) --> <path d="M12 0 A 6 6 0 0 1 12 12" stroke="#60A5FA" stroke-width="5" fill="none" stroke-linecap="round"/> </g> <path d="M127 78 V102 M118 92 L127 102 L136 92" stroke="#FFD600" stroke-width="5" fill="none" stroke-linecap="round" stroke-linejoin="round"/> <!-- WAJAH: KUMIS & PIPI --> <line x1="40" y1="110" x2="20" y2="105" stroke="#1E293B" stroke-width="2" stroke-linecap="round"/> <line x1="40" y1="120" x2="20" y2="125" stroke="#1E293B" stroke-width="2" stroke-linecap="round"/> <line x1="160" y1="110" x2="180" y2="105" stroke="#1E293B" stroke-width="2" stroke-linecap="round"/> <line x1="160" y1="120" x2="180" y2="125" stroke="#1E293B" stroke-width="2" stroke-linecap="round"/> <path d="M92 120 Q100 127 108 120" stroke="#1E293B" stroke-width="3" fill="none" stroke-linecap="round"/> <circle cx="60" cy="117" r="10" fill="#FF85A1" opacity="0.9"/> <circle cx="140" cy="117" r="10" fill="#FF85A1" opacity="0.9"/> <!-- PERBAIKAN JARI PAW (Rapi, Berjarak, Tidak Overlap) --> <!-- Paw Kiri --> <g transform="translate(68, 145)"> <circle cx="0" cy="0" r="20" fill="white" stroke="#2563EB" stroke-width="2"/> <circle cx="-13" cy="-10" r="6" fill="#FF85A1" stroke="#2563EB" stroke-width="1.5"/> <circle cx="0" cy="-15" r="6" fill="#FF85A1" stroke="#2563EB" stroke-width="1.5"/> <circle cx="13" cy="-10" r="6" fill="#FF85A1" stroke="#2563EB" stroke-width="1.5"/> </g> <!-- Paw Kanan --> <g transform="translate(132, 145)"> <circle cx="0" cy="0" r="20" fill="white" stroke="#2563EB" stroke-width="2"/> <circle cx="-13" cy="-10" r="6" fill="#FF85A1" stroke="#2563EB" stroke-width="1.5"/> <circle cx="0" cy="-15" r="6" fill="#FF85A1" stroke="#2563EB" stroke-width="1.5"/> <circle cx="13" cy="-10" r="6" fill="#FF85A1" stroke="#2563EB" stroke-width="1.5"/> </g> </g> </svg>
Run Code New Tab

 Result