icon.svg 7.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179
  1. <svg xmlns='http://www.w3.org/2000/svg' width='1024' height='1024' viewBox='0 0 1024 1024'>
  2. <style>
  3. .background-shadow {
  4. filter: url(#background-dropshadow);
  5. }
  6. .node-border {
  7. fill: #eeeeee;
  8. opacity: 1.0;
  9. }
  10. .node {
  11. fill: #307295;
  12. opacity: 1;
  13. }
  14. .node-shadow {
  15. filter: url(#node-dropshadow);
  16. opacity: 0.3;
  17. }
  18. .line-border {
  19. stroke: #000000;
  20. opacity: 0.2;
  21. }
  22. .line {
  23. stroke: #eeeeee;
  24. opacity: 1.0;
  25. }
  26. .line-shadow {
  27. stroke: #000000;
  28. filter: url(#node-dropshadow);
  29. opacity: 0.2;
  30. }
  31. </style>
  32. <filter id='background-dropshadow'>
  33. <feGaussianBlur in='SourceAlpha' stdDeviation='20' />
  34. </filter>
  35. <linearGradient id='background-fill' gradientUnits='userSpaceOnUse' x1='0' y1='62' x2='0' y2='962'>
  36. <stop offset='0' stop-color='#fefefe'/>
  37. <stop offset='1' stop-color='#cacaca'/>
  38. </linearGradient>
  39. <linearGradient id='circle-stroke' gradientUnits='userSpaceOnUse' x1='0' y1='62' x2='0' y2='962'>
  40. <stop offset='0' stop-color='#aaaaaa'/>
  41. <stop offset='1' stop-color='#ffffff'/>
  42. </linearGradient>
  43. <linearGradient id='circle-fill' gradientUnits='userSpaceOnUse' x1='-512' y1='-412' x2='-512' y2='412'>
  44. <stop offset='0' stop-color='#4baac5' stop-opacity="1" />
  45. <stop offset='1' stop-color='#307295' stop-opacity="1" />
  46. </linearGradient>
  47. <filter id='node-dropshadow' x="-30%" y="-30%" width="160%" height="160%">
  48. <feGaussianBlur in='SourceGraphic' stdDeviation='15' />
  49. </filter>
  50. <g transform='translate(512,512) scale(1.06)'>
  51. <circle cx='0' cy='0' r='438' class='background-shadow' />
  52. <circle cx='0' cy='0' r='456' fill='url(#background-fill)'/>
  53. <circle cx='0' cy='0' r='417' stroke-width='4' stroke='url(#circle-stroke)' fill='url(#circle-fill)' />
  54. <g transform='scale(1.2)'>
  55. <g transform='translate(6,12)' opacity='1.0'>
  56. <line x1='-168' y1='-92' x2='20' y2='-180' stroke-width='24' class='line-shadow' />
  57. <line x1='-168' y1='+92' x2='20' y2='-180' stroke-width='24' class='line-shadow' />
  58. <line x1='-168' y1='-92' x2='20' y2='-60' stroke-width='24' class='line-shadow' />
  59. <line x1='-168' y1='+92' x2='20' y2='-60' stroke-width='24' class='line-shadow' />
  60. <line x1='-168' y1='-92' x2='20' y2='60' stroke-width='24' class='line-shadow' />
  61. <line x1='-168' y1='+92' x2='20' y2='60' stroke-width='24' class='line-shadow' />
  62. <line x1='-168' y1='-92' x2='20' y2='180' stroke-width='24' class='line-shadow' />
  63. <line x1='-168' y1='+92' x2='20' y2='180' stroke-width='24' class='line-shadow' />
  64. <line x1='20' y1='-180' x2='208' y2='0' stroke-width='24' class='line-shadow' />
  65. <line x1='20' y1='-60' x2='208' y2='0' stroke-width='24' class='line-shadow' />
  66. <line x1='20' y1='60' x2='208' y2='0' stroke-width='24' class='line-shadow' />
  67. <line x1='20' y1='180' x2='208' y2='0' stroke-width='24' class='line-shadow' />
  68. <g transform='translate(-168,-92)'>
  69. <circle cx='0' cy='0' r='40' class='node-shadow' />
  70. </g>
  71. <g transform='translate(-168,92)'>
  72. <circle cx='0' cy='0' r='40' class='node-shadow' />
  73. </g>
  74. <g transform='translate(20,-180)'>
  75. <circle cx='0' cy='0' r='40' class='node-shadow' />
  76. </g>
  77. <g transform='translate(20,-60)'>
  78. <circle cx='0' cy='0' r='40' class='node-shadow' />
  79. </g>
  80. <g transform='translate(20,60)'>
  81. <circle cx='0' cy='0' r='40' class='node-shadow' />
  82. </g>
  83. <g transform='translate(20,180)'>
  84. <circle cx='0' cy='0' r='40' class='node-shadow' />
  85. </g>
  86. <g transform='translate(208,0)'>
  87. <circle cx='0' cy='0' r='40' class='node-shadow' />
  88. </g>
  89. </g>
  90. <line x1='-168' y1='-92' x2='20' y2='-180' stroke-width='24' class='line-border' />
  91. <line x1='-168' y1='+92' x2='20' y2='-180' stroke-width='24' class='line-border' />
  92. <line x1='-168' y1='-92' x2='20' y2='-60' stroke-width='24' class='line-border' />
  93. <line x1='-168' y1='+92' x2='20' y2='-60' stroke-width='24' class='line-border' />
  94. <line x1='-168' y1='-92' x2='20' y2='60' stroke-width='24' class='line-border' />
  95. <line x1='-168' y1='+92' x2='20' y2='60' stroke-width='24' class='line-border' />
  96. <line x1='-168' y1='-92' x2='20' y2='180' stroke-width='24' class='line-border' />
  97. <line x1='-168' y1='+92' x2='20' y2='180' stroke-width='24' class='line-border' />
  98. <line x1='20' y1='-180' x2='208' y2='0' stroke-width='24' class='line-border' />
  99. <line x1='20' y1='-60' x2='208' y2='0' stroke-width='24' class='line-border' />
  100. <line x1='20' y1='+60' x2='208' y2='0' stroke-width='24' class='line-border' />
  101. <line x1='20' y1='+180' x2='208' y2='0' stroke-width='24' class='line-border' />
  102. <line x1='-168' y1='-92' x2='20' y2='-180' stroke-width='10' class='line' />
  103. <line x1='-168' y1='+92' x2='20' y2='-180' stroke-width='10' class='line' />
  104. <line x1='-168' y1='-92' x2='20' y2='-60' stroke-width='10' class='line' />
  105. <line x1='-168' y1='+92' x2='20' y2='-60' stroke-width='10' class='line' />
  106. <line x1='-168' y1='-92' x2='20' y2='60' stroke-width='10' class='line' />
  107. <line x1='-168' y1='+92' x2='20' y2='60' stroke-width='10' class='line' />
  108. <line x1='-168' y1='-92' x2='20' y2='180' stroke-width='10' class='line' />
  109. <line x1='-168' y1='+92' x2='20' y2='180' stroke-width='10' class='line' />
  110. <line x1='20' y1='-180' x2='208' y2=' 0' stroke-width='10' class='line' />
  111. <line x1='20' y1='-60' x2='208' y2=' 0' stroke-width='10' class='line' />
  112. <line x1='20' y1='60' x2='208' y2=' 0' stroke-width='10' class='line' />
  113. <line x1='20' y1='180' x2='208' y2=' 0' stroke-width='10' class='line' />
  114. <g transform='translate(-168,-92)'>
  115. <circle cx='0' cy='0' r='50' class='node-border' />
  116. <circle cx='0' cy='0' r='38' class='node' />
  117. </g>
  118. <g transform='translate(-168,92)'>
  119. <circle cx='0' cy='0' r='50' class='node-border' />
  120. <circle cx='0' cy='0' r='38' class='node' />
  121. </g>
  122. <g transform='translate(20,-180)'>
  123. <circle cx='0' cy='0' r='50' class='node-border' />
  124. <circle cx='0' cy='0' r='38' class='node' />
  125. </g>
  126. <g transform='translate(20,-60)'>
  127. <circle cx='0' cy='0' r='50' class='node-border' />
  128. <circle cx='0' cy='0' r='38' class='node' />
  129. </g>
  130. <g transform='translate(20,60)'>
  131. <circle cx='0' cy='0' r='50' class='node-border' />
  132. <circle cx='0' cy='0' r='38' class='node' />
  133. </g>
  134. <g transform='translate(20,180)'>
  135. <circle cx='0' cy='0' r='50' class='node-border' />
  136. <circle cx='0' cy='0' r='38' class='node' />
  137. </g>
  138. <g transform='translate(208,0)'>
  139. <circle cx='0' cy='0' r='50' class='node-border' />
  140. <circle cx='0' cy='0' r='38' class='node' />
  141. </g>
  142. </g>
  143. </g>
  144. </svg>