kirincode-logo.svg 2.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566
  1. <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" fill="none">
  2. <defs>
  3. <!-- Metallic silver-white radial background -->
  4. <radialGradient id="metalBg" cx="0.5" cy="0.45" r="0.6">
  5. <stop offset="0%" stop-color="#FFFFFF"/>
  6. <stop offset="25%" stop-color="#F2F4F7"/>
  7. <stop offset="60%" stop-color="#D8DDE3"/>
  8. <stop offset="85%" stop-color="#BCC3CC"/>
  9. <stop offset="100%" stop-color="#A8B0BC"/>
  10. </radialGradient>
  11. <!-- Brushed metal overlay -->
  12. <linearGradient id="metalOverlay" x1="0" y1="0" x2="1" y2="1">
  13. <stop offset="0%" stop-color="rgba(255,255,255,0.5)"/>
  14. <stop offset="20%" stop-color="rgba(255,255,255,0.1)"/>
  15. <stop offset="50%" stop-color="rgba(255,255,255,0.3)"/>
  16. <stop offset="75%" stop-color="rgba(0,0,0,0.05)"/>
  17. <stop offset="100%" stop-color="rgba(0,0,0,0.12)"/>
  18. </linearGradient>
  19. <!-- K letter gradient - deep blue from kailin brand -->
  20. <linearGradient id="kGrad" x1="0.1" y1="0.1" x2="0.9" y2="0.9">
  21. <stop offset="0%" stop-color="#0037C4"/>
  22. <stop offset="40%" stop-color="#002FA7"/>
  23. <stop offset="100%" stop-color="#001D6E"/>
  24. </linearGradient>
  25. <!-- Subtle shadow -->
  26. <filter id="softShadow" x="-5%" y="-5%" width="115%" height="115%">
  27. <feDropShadow dx="0" dy="3" stdDeviation="10" flood-color="#00000020"/>
  28. </filter>
  29. <!-- Inner shadow for depth -->
  30. <filter id="innerShadow">
  31. <feGaussianBlur in="SourceAlpha" stdDeviation="4" result="blur"/>
  32. <feOffset dx="0" dy="2" result="offsetBlur"/>
  33. <feComposite in="SourceGraphic" in2="offsetBlur" operator="over"/>
  34. </filter>
  35. </defs>
  36. <!-- Rounded rect background -->
  37. <rect x="72" y="72" width="880" height="880" rx="192" fill="url(#metalBg)" filter="url(#softShadow)"/>
  38. <!-- Border ring -->
  39. <rect x="72" y="72" width="880" height="880" rx="192" fill="none" stroke="#94A0B0" stroke-width="2.5"/>
  40. <rect x="80" y="80" width="864" height="864" rx="186" fill="none" stroke="rgba(255,255,255,0.55)" stroke-width="1.5"/>
  41. <!-- Brushed metal overlay -->
  42. <rect x="72" y="72" width="880" height="880" rx="192" fill="url(#metalOverlay)"/>
  43. <!-- Stylized K - geometric/tech style -->
  44. <g transform="translate(512, 512)">
  45. <!-- Main K form - modern geometric -->
  46. <path d="
  47. M -320 -320 L -220 -320 L -220 80
  48. L -220 80 L 160 -320 L 280 -320
  49. L -40 0 L 300 320 L 180 320
  50. L -100 80 L -220 80 L -220 320 L -320 320 Z
  51. " fill="url(#kGrad)"/>
  52. <!-- Subtle highlight on left edge -->
  53. <path d="
  54. M -320 -320 L -260 -320 L -260 320 L -320 320 Z
  55. " fill="rgba(255,255,255,0.12)"/>
  56. </g>
  57. </svg>