socket-active.svg 15 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194
  1. <svg width="86" height="96" viewBox="0 0 86 96" fill="none" xmlns="http://www.w3.org/2000/svg">
  2. <g filter="url(#filter0_ii_4385_12626)">
  3. <rect x="14.625" y="12.5625" width="70" height="70" rx="11" fill="#F0F0F0"/>
  4. </g>
  5. <g filter="url(#filter1_f_4385_12626)">
  6. <path d="M16.6252 23.5625C17.0252 18.7625 19.4585 16.8958 20.6252 16.5625H22.125C18.925 17.3625 18.125 21.5625 18.125 23.5625V71.0625C18.125 74.2625 20.7917 77.7292 22.125 79.0625C17.325 77.8625 16.4584 73.8958 16.6252 72.0625C16.4585 57.8958 16.2252 28.3625 16.6252 23.5625Z" fill="white"/>
  7. </g>
  8. <g filter="url(#filter2_f_4385_12626)">
  9. <path d="M16.6252 23.5625C17.0252 18.7625 19.4585 16.8958 20.6252 16.5625H22.125C18.925 17.3625 18.125 21.5625 18.125 23.5625V71.0625C18.125 74.2625 20.7917 77.7292 22.125 79.0625C17.325 77.8625 16.4584 73.8958 16.6252 72.0625C16.4585 57.8958 16.2252 28.3625 16.6252 23.5625Z" fill="white"/>
  10. </g>
  11. <g filter="url(#filter3_f_4385_12626)">
  12. <path d="M16.6252 23.5625C17.0252 18.7625 19.4585 16.8958 20.6252 16.5625H22.125C18.925 17.3625 18.125 21.5625 18.125 23.5625V71.0625C18.125 74.2625 20.7917 77.7292 22.125 79.0625C17.325 77.8625 16.4584 73.8958 16.6252 72.0625C16.4585 57.8958 16.2252 28.3625 16.6252 23.5625Z" fill="white"/>
  13. </g>
  14. <g filter="url(#filter4_f_4385_12626)">
  15. <path d="M16.6252 23.5625C17.0252 18.7625 19.4585 16.8958 20.6252 16.5625H22.125C18.925 17.3625 18.125 21.5625 18.125 23.5625V71.0625C18.125 74.2625 20.7917 77.7292 22.125 79.0625C17.325 77.8625 16.4584 73.8958 16.6252 72.0625C16.4585 57.8958 16.2252 28.3625 16.6252 23.5625Z" fill="white"/>
  16. </g>
  17. <g filter="url(#filter5_f_4385_12626)">
  18. <path d="M16.6252 23.5625C17.0252 18.7625 19.4585 16.8958 20.6252 16.5625H22.125C18.925 17.3625 18.125 21.5625 18.125 23.5625V71.0625C18.125 74.2625 20.7917 77.7292 22.125 79.0625C17.325 77.8625 16.4584 73.8958 16.6252 72.0625C16.4585 57.8958 16.2252 28.3625 16.6252 23.5625Z" fill="white" fill-opacity="0.5"/>
  19. </g>
  20. <g filter="url(#filter6_f_4385_12626)">
  21. <path d="M16.6252 23.5625C17.0252 18.7625 19.4585 16.8958 20.6252 16.5625H22.125C18.925 17.3625 18.125 21.5625 18.125 23.5625V71.0625C18.125 74.2625 20.7917 77.7292 22.125 79.0625C17.325 77.8625 16.4584 73.8958 16.6252 72.0625C16.4585 57.8958 16.2252 28.3625 16.6252 23.5625Z" fill="white" fill-opacity="0.5"/>
  22. </g>
  23. <g filter="url(#filter7_f_4385_12626)">
  24. <path d="M80.9041 23.5625C80.5041 18.7625 78.0708 16.8958 76.9041 16.5625H75.4043C78.6043 17.3625 79.4043 21.5625 79.4043 23.5625V71.0625C79.4043 74.2625 76.7376 77.7292 75.4043 79.0625C80.2043 77.8625 81.0709 73.8958 80.9041 72.0625C81.0708 57.8958 81.3041 28.3625 80.9041 23.5625Z" fill="white" fill-opacity="0.5"/>
  25. </g>
  26. <g filter="url(#filter8_dii_4385_12626)">
  27. <rect x="23.625" y="21.5625" width="52" height="52" rx="11" fill="#F1F1F1"/>
  28. </g>
  29. <rect x="56.9248" y="50.3545" width="2.918" height="8.4449" transform="rotate(30 56.9248 50.3545)" fill="#DBDBDB"/>
  30. <path d="M57.306 51.9335L59.4522 51.8134L55.2298 59.1269L54.3604 57.7282L57.306 51.9335Z" fill="white"/>
  31. <path d="M56.9248 50.3545L56.9248 51.9355L53.5903 57.311L52.7024 57.668L56.9248 50.3545Z" fill="#C1C1C1"/>
  32. <rect x="56.9404" y="50.811" width="2" height="7.70028" transform="rotate(30 56.9404 50.811)" fill="#989898"/>
  33. <path d="M44.0203 59.127L46.5474 57.668L42.3249 50.3545L39.7979 51.8135L44.0203 59.127Z" fill="#DBDBDB"/>
  34. <path d="M44.0205 59.127L46.5476 57.668L45.3684 57.2467L44.4822 57.9226L44.0205 59.127Z" fill="white"/>
  35. <path d="M44.0205 59.127L44.5374 57.8118L41.7342 51.8837L39.7981 51.8135L44.0205 59.127Z" fill="#DBDBDB"/>
  36. <path d="M41.002 51.8753L42.0041 51.3224L42.3108 50.3676L39.8759 51.7887L41.002 51.8753Z" fill="#C1C1C1"/>
  37. <rect width="2" height="7.70028" transform="matrix(0.866025 -0.5 -0.5 -0.866025 44.2861 58.4839)" fill="#989898"/>
  38. <rect x="48.3506" y="36.9717" width="2.70264" height="7.97363" fill="#DBDBDB"/>
  39. <path d="M49.29 44.0592L50.0665 44.0591L51.0532 44.9447H48.3506L49.29 44.0592Z" fill="white"/>
  40. <path d="M48.3506 36.9717H51.0532L50.3173 37.9668L49.4453 38.6835L48.3506 36.9717Z" fill="#C1C1C1"/>
  41. <rect x="48.6982" y="37.5034" width="1.97705" height="7.12109" fill="#989898"/>
  42. <path d="M55.4346 36.8779H58.1841L56.9926 38.278L56.7024 43.6956L58.1841 45.0142H55.4346V36.8779Z" fill="#D9D9D9"/>
  43. <path d="M55.4346 36.8779L56.3052 38.0489L56.9926 38.278L56.7024 43.6956L56.0914 44.052L55.4346 45.0142V36.8779Z" fill="#CACACA"/>
  44. <path d="M56.3037 37.7505H59.708C61.4819 37.7505 62.9199 39.1885 62.9199 40.9624C62.9199 42.7363 61.4819 44.1743 59.708 44.1743H56.3037V37.7505Z" fill="url(#paint0_linear_4385_12626)"/>
  45. <path d="M57.0693 38.0183L58.1844 36.8779V37.7434L57.4819 38.4613L57.0693 38.0183Z" fill="white"/>
  46. <path d="M57.4814 43.4618L58.1841 44.174V45.0394L57.4816 44.3887L57.4814 43.4618Z" fill="white"/>
  47. <path fill-rule="evenodd" clip-rule="evenodd" d="M57.769 37.3228H55.7627V44.624H57.769V43.769H59.5942C61.1473 43.769 62.4062 42.5101 62.4062 40.957C62.4062 39.404 61.1473 38.145 59.5942 38.145H57.769V37.3228Z" fill="#9D9D9D"/>
  48. <path d="M43.9678 36.8779H41.2183L42.4097 38.278L42.7 43.6956L41.2183 45.0142H43.9678V36.8779Z" fill="#D9D9D9"/>
  49. <path d="M43.9678 36.8779L43.0971 38.0489L42.4097 38.278L42.7 43.6956L43.311 44.052L43.9678 45.0142V36.8779Z" fill="white"/>
  50. <path d="M43.0986 37.7505H39.6943C37.9204 37.7505 36.4824 39.1885 36.4824 40.9624C36.4824 42.7363 37.9204 44.1743 39.6943 44.1743H43.0986V37.7505Z" fill="url(#paint1_linear_4385_12626)"/>
  51. <path d="M42.333 38.0183L41.2179 36.8779V37.7434L41.9204 38.4613L42.333 38.0183Z" fill="#CACACA"/>
  52. <path d="M41.9209 43.4618L41.2182 44.174V45.0394L41.9207 44.3887L41.9209 43.4618Z" fill="#CACACA"/>
  53. <path fill-rule="evenodd" clip-rule="evenodd" d="M41.6333 37.3228H43.6396V44.624H41.6333V43.769H39.8081C38.2551 43.769 36.9961 42.5101 36.9961 40.957C36.9961 39.404 38.2551 38.145 39.8081 38.145H41.6333V37.3228Z" fill="#9E9E9E"/>
  54. <mask id="mask0_4385_12626" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="23" y="21" width="53" height="53">
  55. <rect x="23.625" y="21.5625" width="52" height="52" rx="11" fill="#F1F1F1"/>
  56. </mask>
  57. <g mask="url(#mask0_4385_12626)">
  58. <g filter="url(#filter9_f_4385_12626)">
  59. <circle cx="71.5542" cy="27.0576" r="12.1021" fill="white"/>
  60. </g>
  61. </g>
  62. <circle cx="76.5693" cy="21.4561" r="2.7832" fill="white"/>
  63. <g filter="url(#filter10_ddd_4385_12626)">
  64. <circle cx="76.5693" cy="21.0625" r="2.5" fill="url(#paint2_radial_4385_12626)"/>
  65. <circle cx="76.5693" cy="21.0625" r="2.65" stroke="url(#paint3_linear_4385_12626)" stroke-width="0.3"/>
  66. </g>
  67. <path d="M77.0593 18.9133C75.9315 18.7031 73.6147 19.9609 74.7398 22.5092C74.3318 20.39 75.8217 19.3732 77.0593 18.9133Z" fill="white" fill-opacity="0.5"/>
  68. <g filter="url(#filter11_f_4385_12626)">
  69. <path d="M77.0593 18.9133C75.9315 18.7031 73.6147 19.9609 74.7398 22.5092C74.3318 20.39 75.8217 19.3732 77.0593 18.9133Z" fill="white"/>
  70. </g>
  71. <defs>
  72. <filter id="filter0_ii_4385_12626" x="13.625" y="12.5625" width="72" height="70" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
  73. <feFlood flood-opacity="0" result="BackgroundImageFix"/>
  74. <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
  75. <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
  76. <feOffset dx="-1"/>
  77. <feGaussianBlur stdDeviation="1"/>
  78. <feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
  79. <feColorMatrix type="matrix" values="0 0 0 0 0.0208333 0 0 0 0 0.0208333 0 0 0 0 0.0208333 0 0 0 0.08 0"/>
  80. <feBlend mode="normal" in2="shape" result="effect1_innerShadow_4385_12626"/>
  81. <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
  82. <feOffset dx="1"/>
  83. <feGaussianBlur stdDeviation="1"/>
  84. <feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
  85. <feColorMatrix type="matrix" values="0 0 0 0 0.0208333 0 0 0 0 0.0208333 0 0 0 0 0.0208333 0 0 0 0.08 0"/>
  86. <feBlend mode="normal" in2="effect1_innerShadow_4385_12626" result="effect2_innerShadow_4385_12626"/>
  87. </filter>
  88. <filter id="filter1_f_4385_12626" x="0.404297" y="0.5625" width="37.7207" height="94.5" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
  89. <feFlood flood-opacity="0" result="BackgroundImageFix"/>
  90. <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
  91. <feGaussianBlur stdDeviation="8" result="effect1_foregroundBlur_4385_12626"/>
  92. </filter>
  93. <filter id="filter2_f_4385_12626" x="6.4043" y="6.5625" width="25.7207" height="82.5" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
  94. <feFlood flood-opacity="0" result="BackgroundImageFix"/>
  95. <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
  96. <feGaussianBlur stdDeviation="5" result="effect1_foregroundBlur_4385_12626"/>
  97. </filter>
  98. <filter id="filter3_f_4385_12626" x="11.4043" y="11.5625" width="15.7207" height="72.5" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
  99. <feFlood flood-opacity="0" result="BackgroundImageFix"/>
  100. <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
  101. <feGaussianBlur stdDeviation="2.5" result="effect1_foregroundBlur_4385_12626"/>
  102. </filter>
  103. <filter id="filter4_f_4385_12626" x="11.4043" y="11.5625" width="15.7207" height="72.5" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
  104. <feFlood flood-opacity="0" result="BackgroundImageFix"/>
  105. <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
  106. <feGaussianBlur stdDeviation="2.5" result="effect1_foregroundBlur_4385_12626"/>
  107. </filter>
  108. <filter id="filter5_f_4385_12626" x="14.4043" y="14.5625" width="9.7207" height="66.5" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
  109. <feFlood flood-opacity="0" result="BackgroundImageFix"/>
  110. <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
  111. <feGaussianBlur stdDeviation="1" result="effect1_foregroundBlur_4385_12626"/>
  112. </filter>
  113. <filter id="filter6_f_4385_12626" x="14.4043" y="14.5625" width="9.7207" height="66.5" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
  114. <feFlood flood-opacity="0" result="BackgroundImageFix"/>
  115. <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
  116. <feGaussianBlur stdDeviation="1" result="effect1_foregroundBlur_4385_12626"/>
  117. </filter>
  118. <filter id="filter7_f_4385_12626" x="71.4043" y="12.5625" width="13.7207" height="70.5" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
  119. <feFlood flood-opacity="0" result="BackgroundImageFix"/>
  120. <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
  121. <feGaussianBlur stdDeviation="2" result="effect1_foregroundBlur_4385_12626"/>
  122. </filter>
  123. <filter id="filter8_dii_4385_12626" x="21.625" y="19.5625" width="56" height="56" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
  124. <feFlood flood-opacity="0" result="BackgroundImageFix"/>
  125. <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
  126. <feOffset/>
  127. <feGaussianBlur stdDeviation="1"/>
  128. <feComposite in2="hardAlpha" operator="out"/>
  129. <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0"/>
  130. <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_4385_12626"/>
  131. <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_4385_12626" result="shape"/>
  132. <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
  133. <feOffset/>
  134. <feGaussianBlur stdDeviation="5"/>
  135. <feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
  136. <feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.6 0"/>
  137. <feBlend mode="normal" in2="shape" result="effect2_innerShadow_4385_12626"/>
  138. <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
  139. <feOffset/>
  140. <feGaussianBlur stdDeviation="1"/>
  141. <feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
  142. <feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0"/>
  143. <feBlend mode="normal" in2="effect2_innerShadow_4385_12626" result="effect3_innerShadow_4385_12626"/>
  144. </filter>
  145. <filter id="filter9_f_4385_12626" x="35.4521" y="-9.04443" width="72.2041" height="72.2041" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
  146. <feFlood flood-opacity="0" result="BackgroundImageFix"/>
  147. <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
  148. <feGaussianBlur stdDeviation="12" result="effect1_foregroundBlur_4385_12626"/>
  149. </filter>
  150. <filter id="filter10_ddd_4385_12626" x="67.7695" y="12.2625" width="17.5996" height="17.6" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
  151. <feFlood flood-opacity="0" result="BackgroundImageFix"/>
  152. <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
  153. <feOffset/>
  154. <feGaussianBlur stdDeviation="3"/>
  155. <feComposite in2="hardAlpha" operator="out"/>
  156. <feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0"/>
  157. <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_4385_12626"/>
  158. <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
  159. <feOffset/>
  160. <feGaussianBlur stdDeviation="3"/>
  161. <feComposite in2="hardAlpha" operator="out"/>
  162. <feColorMatrix type="matrix" values="0 0 0 0 0.00392157 0 0 0 0 0.870588 0 0 0 0 0.0862745 0 0 0 0.33 0"/>
  163. <feBlend mode="normal" in2="effect1_dropShadow_4385_12626" result="effect2_dropShadow_4385_12626"/>
  164. <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
  165. <feOffset/>
  166. <feGaussianBlur stdDeviation="1"/>
  167. <feComposite in2="hardAlpha" operator="out"/>
  168. <feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0"/>
  169. <feBlend mode="normal" in2="effect2_dropShadow_4385_12626" result="effect3_dropShadow_4385_12626"/>
  170. <feBlend mode="normal" in="SourceGraphic" in2="effect3_dropShadow_4385_12626" result="shape"/>
  171. </filter>
  172. <filter id="filter11_f_4385_12626" x="73.4395" y="17.8906" width="4.62012" height="5.61862" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
  173. <feFlood flood-opacity="0" result="BackgroundImageFix"/>
  174. <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
  175. <feGaussianBlur stdDeviation="0.5" result="effect1_foregroundBlur_4385_12626"/>
  176. </filter>
  177. <linearGradient id="paint0_linear_4385_12626" x1="59.6118" y1="37.7505" x2="59.6118" y2="44.1743" gradientUnits="userSpaceOnUse">
  178. <stop stop-color="#D9D9D9"/>
  179. <stop offset="1" stop-color="white"/>
  180. </linearGradient>
  181. <linearGradient id="paint1_linear_4385_12626" x1="40.732" y1="37.7505" x2="37.6142" y2="41.4005" gradientUnits="userSpaceOnUse">
  182. <stop stop-color="#CACACA"/>
  183. <stop offset="1" stop-color="#D9D9D9"/>
  184. </linearGradient>
  185. <radialGradient id="paint2_radial_4385_12626" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(75.9029 20.5963) rotate(54.3815) scale(2.81817)">
  186. <stop stop-color="#54F364"/>
  187. <stop offset="1" stop-color="#10CA22"/>
  188. </radialGradient>
  189. <linearGradient id="paint3_linear_4385_12626" x1="76.5693" y1="18.5625" x2="76.5693" y2="23.5625" gradientUnits="userSpaceOnUse">
  190. <stop stop-color="#A9D6AD"/>
  191. <stop offset="1" stop-color="#8EAE91"/>
  192. </linearGradient>
  193. </defs>
  194. </svg>