2
0

icon.icns.svg 7.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175
  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' gradientTransform='rotate(90)'>
  36. <stop offset='0' stop-color='#ffffff'/>
  37. <stop offset='1' stop-color='#d2d2d2'/>
  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='0' y1='100' x2='0' y2='924'>
  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. <rect x='117' y='124' width='790' height='790' rx='160' class='background-shadow' />
  51. <rect x='100' y='100' width='824' height='824' rx='160' fill='url(#background-fill)' />
  52. <circle cx='512' cy='512' r='356' stroke-width='4' stroke='url(#circle-stroke)' fill='url(#circle-fill)' />
  53. <g transform='translate(512,512) scale(1.1)'>
  54. <g transform='translate(6,12)' opacity='1.0'>
  55. <line x1='-168' y1='-92' x2='20' y2='-180' stroke-width='24' class='line-shadow' />
  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='-60' 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='180' 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='20' y1='-180' x2='208' y2='0' stroke-width='24' class='line-shadow' />
  64. <line x1='20' y1='-60' 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='180' x2='208' y2='0' stroke-width='24' class='line-shadow' />
  67. <g transform='translate(-168,-92)'>
  68. <circle cx='0' cy='0' r='40' class='node-shadow' />
  69. </g>
  70. <g transform='translate(-168,92)'>
  71. <circle cx='0' cy='0' r='40' class='node-shadow' />
  72. </g>
  73. <g transform='translate(20,-180)'>
  74. <circle cx='0' cy='0' r='40' class='node-shadow' />
  75. </g>
  76. <g transform='translate(20,-60)'>
  77. <circle cx='0' cy='0' r='40' class='node-shadow' />
  78. </g>
  79. <g transform='translate(20,60)'>
  80. <circle cx='0' cy='0' r='40' class='node-shadow' />
  81. </g>
  82. <g transform='translate(20,180)'>
  83. <circle cx='0' cy='0' r='40' class='node-shadow' />
  84. </g>
  85. <g transform='translate(208,0)'>
  86. <circle cx='0' cy='0' r='40' class='node-shadow' />
  87. </g>
  88. </g>
  89. <line x1='-168' y1='-92' x2='20' y2='-180' stroke-width='24' class='line-border' />
  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='-60' 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='180' 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='20' y1='-180' x2='208' y2='0' stroke-width='24' class='line-border' />
  98. <line x1='20' y1='-60' 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='+180' x2='208' y2='0' stroke-width='24' class='line-border' />
  101. <line x1='-168' y1='-92' x2='20' y2='-180' stroke-width='10' class='line' />
  102. <line x1='-168' y1='+92' x2='20' y2='-180' stroke-width='10' class='line' />
  103. <line x1='-168' y1='-92' x2='20' y2='-60' 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='180' stroke-width='10' class='line' />
  108. <line x1='-168' y1='+92' x2='20' y2='180' stroke-width='10' class='line' />
  109. <line x1='20' y1='-180' x2='208' y2=' 0' stroke-width='10' class='line' />
  110. <line x1='20' y1='-60' 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='180' x2='208' y2=' 0' stroke-width='10' class='line' />
  113. <g transform='translate(-168,-92)'>
  114. <circle cx='0' cy='0' r='50' class='node-border' />
  115. <circle cx='0' cy='0' r='38' class='node' />
  116. </g>
  117. <g transform='translate(-168,92)'>
  118. <circle cx='0' cy='0' r='50' class='node-border' />
  119. <circle cx='0' cy='0' r='38' class='node' />
  120. </g>
  121. <g transform='translate(20,-180)'>
  122. <circle cx='0' cy='0' r='50' class='node-border' />
  123. <circle cx='0' cy='0' r='38' class='node' />
  124. </g>
  125. <g transform='translate(20,-60)'>
  126. <circle cx='0' cy='0' r='50' class='node-border' />
  127. <circle cx='0' cy='0' r='38' class='node' />
  128. </g>
  129. <g transform='translate(20,60)'>
  130. <circle cx='0' cy='0' r='50' class='node-border' />
  131. <circle cx='0' cy='0' r='38' class='node' />
  132. </g>
  133. <g transform='translate(20,180)'>
  134. <circle cx='0' cy='0' r='50' class='node-border' />
  135. <circle cx='0' cy='0' r='38' class='node' />
  136. </g>
  137. <g transform='translate(208,0)'>
  138. <circle cx='0' cy='0' r='50' class='node-border' />
  139. <circle cx='0' cy='0' r='38' class='node' />
  140. </g>
  141. </g>
  142. </svg>