body-back-silhouette.svg 3.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990
  1. <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 400" width="100%" height="100%">
  2. <defs>
  3. <!-- Glow filter -->
  4. <filter id="glow" x="-20%" y="-20%" width="140%" height="140%">
  5. <feGaussianBlur stdDeviation="3" result="blur" />
  6. <feComposite in="SourceGraphic" in2="blur" operator="over" />
  7. </filter>
  8. <!-- Body base gradient -->
  9. <linearGradient id="bodyFill" x1="0%" y1="0%" x2="0%" y2="100%">
  10. <stop offset="0%" stop-color="#389588" stop-opacity="0.12" />
  11. <stop offset="50%" stop-color="#389588" stop-opacity="0.04" />
  12. <stop offset="100%" stop-color="#389588" stop-opacity="0" />
  13. </linearGradient>
  14. <!-- Outline gradient -->
  15. <linearGradient id="bodyOutline" x1="0%" y1="0%" x2="0%" y2="100%">
  16. <stop offset="0%" stop-color="#389588" stop-opacity="0.8" />
  17. <stop offset="50%" stop-color="#389588" stop-opacity="0.4" />
  18. <stop offset="100%" stop-color="#389588" stop-opacity="0.05" />
  19. </linearGradient>
  20. <!-- Tech lines gradient -->
  21. <linearGradient id="techLines" x1="0%" y1="0%" x2="0%" y2="100%">
  22. <stop offset="0%" stop-color="#389588" stop-opacity="0.6" />
  23. <stop offset="100%" stop-color="#389588" stop-opacity="0" />
  24. </linearGradient>
  25. </defs>
  26. <!-- Body Silhouette Base Path -->
  27. <path d="
  28. M 150, 15
  29. C 165, 15 172, 22 172, 35
  30. C 172, 48 166, 60 162, 65
  31. C 160, 68 163, 73 170, 78
  32. C 190, 85 215, 95 230, 110
  33. C 245, 125 252, 140 255, 160
  34. C 258, 180 262, 220 264, 260
  35. C 265, 280 265, 300 266, 330
  36. C 267, 360 268, 380 268, 400
  37. L 242, 400
  38. C 242, 370 240, 340 236, 300
  39. C 232, 260 228, 230 220, 200
  40. C 215, 180 210, 160 204, 145
  41. C 204, 150 205, 160 206, 175
  42. C 208, 200 210, 230 206, 260
  43. C 202, 290 198, 320 202, 360
  44. C 204, 380 205, 390 206, 400
  45. L 94, 400
  46. C 95, 390 96, 380 98, 360
  47. C 102, 320 98, 290 94, 260
  48. C 90, 230 92, 200 94, 175
  49. C 95, 160 96, 150 96, 145
  50. C 90, 160 85, 180 80, 200
  51. C 72, 230 68, 260 64, 300
  52. C 60, 340 58, 370 58, 400
  53. L 32, 400
  54. C 32, 380 33, 360 34, 330
  55. C 35, 300 35, 280 36, 260
  56. C 38, 220 42, 180 45, 160
  57. C 48, 140 55, 125 70, 110
  58. C 85, 95 110, 85 130, 78
  59. C 137, 73 140, 68 138, 65
  60. C 134, 60 128, 48 128, 35
  61. C 128, 22 135, 15 150, 15
  62. Z
  63. " fill="url(#bodyFill)" stroke="url(#bodyOutline)" stroke-width="1.5" filter="url(#glow)"/>
  64. <!-- Inner tech lines -->
  65. <g fill="none" stroke="url(#techLines)" stroke-width="1" opacity="0.8">
  66. <!-- Spine Line -->
  67. <line x1="150" y1="78" x2="150" y2="400" stroke-dasharray="8 4" stroke-width="1.5" />
  68. <!-- Scapula (Shoulder Blades) -->
  69. <!-- Left -->
  70. <path d="M 125, 110 L 105, 120 L 100, 150 L 120, 175 Z" opacity="0.4" stroke-dasharray="2 2" />
  71. <!-- Right -->
  72. <path d="M 175, 110 L 195, 120 L 200, 150 L 180, 175 Z" opacity="0.4" stroke-dasharray="2 2" />
  73. <!-- Back Contours -->
  74. <path d="M 140, 190 C 120, 230 120, 280 135, 330" opacity="0.3" />
  75. <path d="M 160, 190 C 180, 230 180, 280 165, 330" opacity="0.3" />
  76. <!-- Horizontal scanning lines -->
  77. <line x1="120" y1="200" x2="180" y2="200" opacity="0.2" />
  78. <line x1="110" y1="250" x2="190" y2="250" opacity="0.2" />
  79. <line x1="115" y1="300" x2="185" y2="300" opacity="0.2" />
  80. <line x1="125" y1="350" x2="175" y2="350" opacity="0.2" />
  81. </g>
  82. </svg>