25개 이상의 토픽을 선택하실 수 없습니다. Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

index.html 37 KiB

5 년 전
5 년 전
5 년 전
5 년 전
5 년 전
5 년 전
5 년 전
5 년 전
5 년 전
5 년 전
5 년 전
5 년 전
5 년 전
5 년 전
5 년 전
5 년 전
5 년 전
5 년 전
5 년 전
5 년 전
5 년 전
5 년 전
5 년 전
5 년 전
5 년 전
5 년 전
5 년 전
5 년 전
5 년 전
5 년 전
5 년 전
5 년 전
5 년 전
5 년 전
5 년 전
5 년 전
5 년 전
5 년 전
5 년 전
5 년 전
5 년 전
5 년 전
5 년 전
5 년 전
5 년 전
5 년 전
5 년 전
5 년 전
5 년 전
5 년 전
5 년 전
5 년 전
5 년 전
5 년 전
5 년 전
5 년 전
5 년 전
5 년 전
5 년 전
5 년 전
5 년 전
5 년 전
5 년 전
5 년 전
5 년 전
5 년 전
5 년 전
5 년 전
5 년 전
5 년 전
5 년 전
5 년 전
5 년 전
5 년 전
5 년 전
5 년 전
5 년 전
5 년 전
5 년 전
5 년 전
5 년 전
5 년 전
5 년 전
5 년 전
5 년 전
5 년 전
5 년 전
5 년 전
5 년 전
5 년 전
5 년 전
5 년 전
5 년 전
5 년 전
5 년 전
5 년 전
5 년 전
5 년 전
5 년 전
5 년 전
5 년 전
5 년 전
5 년 전
5 년 전
5 년 전
5 년 전
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502
  1. <html>
  2. <head>
  3. <title>Azure Docs</title>
  4. <link rel="icon" type="image/png" href="../favicon.png">
  5. <style>
  6. body {
  7. font-family: 'Segoe UI', Arial;
  8. background-color: #aaa;
  9. padding: 0;
  10. margin: 0;
  11. }
  12. .bg-0 {
  13. background-image: url("https://github.com/benc-uk/icon-collection/raw/master/_tools/background.png")
  14. }
  15. .bg-1 {
  16. background-color: #333;
  17. }
  18. .bg-2 {
  19. background-color: #fff;
  20. }
  21. .imgbox img {
  22. width: 10.5rem;
  23. height: 10.5rem;
  24. object-fit: contain;
  25. cursor: pointer;
  26. }
  27. .imgbox {
  28. margin: 0.6rem;
  29. padding: 0.5rem;
  30. text-align: center;
  31. width: 12rem;
  32. height: 12rem;
  33. background-color: #e0e0e0;
  34. }
  35. h1 {
  36. font-size: 2.6rem;
  37. }
  38. .find, .find input {
  39. font-size: 1.5rem;
  40. }
  41. .top {
  42. position: -webkit-sticky;
  43. position: sticky;
  44. top: 0;
  45. background-color: #aaa;
  46. padding: 1rem;
  47. box-shadow: 0px 5px 18px 3px rgba(0,0,0,0.59);
  48. }
  49. .top button {
  50. float: right;
  51. position: relative;
  52. top: -2rem;
  53. font-size: 1.5rem;
  54. }
  55. .pngbox {
  56. position: absolute;
  57. top: 2rem;
  58. right: 1rem;
  59. font-size: 1.5rem;
  60. }
  61. input[type="checkbox"] {
  62. width: 1.6em;
  63. height: 1.6em;
  64. }
  65. .label {
  66. height: 2.5em;
  67. line-height: 1em;
  68. overflow: hidden;
  69. font-size: 0.9rem;
  70. }
  71. .grid {
  72. display: flex;
  73. flex-wrap: wrap;
  74. width: 100%;
  75. }
  76. h1 {
  77. display:inline;
  78. }
  79. .home {
  80. font-size: 3rem;
  81. text-decoration: none
  82. }
  83. </style>
  84. </head>
  85. <body>
  86. <div class="top">
  87. <a href=".." class="home">&#129093;</a> &nbsp; <h1>Azure Docs</h1>
  88. <br/><br/>
  89. <span class="find">Finder: <input onkeyup="search()" id="finder">&nbsp; Icons: <span id="count">...</span><br> </span>
  90. <div class="pngbox"><input type="checkbox" id="pngcheck"><label for="pngcheck">Download as PNG</label></div>
  91. <button onclick="toggleBg()">Change Background</button>
  92. </div>
  93. <div class="grid">
  94. <div id="active-directory-b2c.svg" class="imgbox"><img src="active-directory-b2c.svg" class="bg-0" onclick="download('active-directory-b2c.svg', this)"/><div class="label">active-directory-b2c.svg</div></div>
  95. <div id="active-directory.svg" class="imgbox"><img src="active-directory.svg" class="bg-0" onclick="download('active-directory.svg', this)"/><div class="label">active-directory.svg</div></div>
  96. <div id="ad-domain-services.svg" class="imgbox"><img src="ad-domain-services.svg" class="bg-0" onclick="download('ad-domain-services.svg', this)"/><div class="label">ad-domain-services.svg</div></div>
  97. <div id="advisor.svg" class="imgbox"><img src="advisor.svg" class="bg-0" onclick="download('advisor.svg', this)"/><div class="label">advisor.svg</div></div>
  98. <div id="analysis-services.svg" class="imgbox"><img src="analysis-services.svg" class="bg-0" onclick="download('analysis-services.svg', this)"/><div class="label">analysis-services.svg</div></div>
  99. <div id="anomaly-detector.svg" class="imgbox"><img src="anomaly-detector.svg" class="bg-0" onclick="download('anomaly-detector.svg', this)"/><div class="label">anomaly-detector.svg</div></div>
  100. <div id="ansible.svg" class="imgbox"><img src="ansible.svg" class="bg-0" onclick="download('ansible.svg', this)"/><div class="label">ansible.svg</div></div>
  101. <div id="api-apps.svg" class="imgbox"><img src="api-apps.svg" class="bg-0" onclick="download('api-apps.svg', this)"/><div class="label">api-apps.svg</div></div>
  102. <div id="api-for-fhir.svg" class="imgbox"><img src="api-for-fhir.svg" class="bg-0" onclick="download('api-for-fhir.svg', this)"/><div class="label">api-for-fhir.svg</div></div>
  103. <div id="api-management.svg" class="imgbox"><img src="api-management.svg" class="bg-0" onclick="download('api-management.svg', this)"/><div class="label">api-management.svg</div></div>
  104. <div id="api_bing_autosuggest.svg" class="imgbox"><img src="api_bing_autosuggest.svg" class="bg-0" onclick="download('api_bing_autosuggest.svg', this)"/><div class="label">api_bing_autosuggest.svg</div></div>
  105. <div id="api_bing_custom_search.svg" class="imgbox"><img src="api_bing_custom_search.svg" class="bg-0" onclick="download('api_bing_custom_search.svg', this)"/><div class="label">api_bing_custom_search.svg</div></div>
  106. <div id="api_bing_entity_search.svg" class="imgbox"><img src="api_bing_entity_search.svg" class="bg-0" onclick="download('api_bing_entity_search.svg', this)"/><div class="label">api_bing_entity_search.svg</div></div>
  107. <div id="api_bing_image_search.svg" class="imgbox"><img src="api_bing_image_search.svg" class="bg-0" onclick="download('api_bing_image_search.svg', this)"/><div class="label">api_bing_image_search.svg</div></div>
  108. <div id="api_bing_news_search.svg" class="imgbox"><img src="api_bing_news_search.svg" class="bg-0" onclick="download('api_bing_news_search.svg', this)"/><div class="label">api_bing_news_search.svg</div></div>
  109. <div id="api_bing_spell_check.svg" class="imgbox"><img src="api_bing_spell_check.svg" class="bg-0" onclick="download('api_bing_spell_check.svg', this)"/><div class="label">api_bing_spell_check.svg</div></div>
  110. <div id="api_bing_video_search.svg" class="imgbox"><img src="api_bing_video_search.svg" class="bg-0" onclick="download('api_bing_video_search.svg', this)"/><div class="label">api_bing_video_search.svg</div></div>
  111. <div id="api_bing_visual_search.svg" class="imgbox"><img src="api_bing_visual_search.svg" class="bg-0" onclick="download('api_bing_visual_search.svg', this)"/><div class="label">api_bing_visual_search.svg</div></div>
  112. <div id="api_bing_web_search.svg" class="imgbox"><img src="api_bing_web_search.svg" class="bg-0" onclick="download('api_bing_web_search.svg', this)"/><div class="label">api_bing_web_search.svg</div></div>
  113. <div id="app-configuration.svg" class="imgbox"><img src="app-configuration.svg" class="bg-0" onclick="download('app-configuration.svg', this)"/><div class="label">app-configuration.svg</div></div>
  114. <div id="app-service.svg" class="imgbox"><img src="app-service.svg" class="bg-0" onclick="download('app-service.svg', this)"/><div class="label">app-service.svg</div></div>
  115. <div id="application-gateways.svg" class="imgbox"><img src="application-gateways.svg" class="bg-0" onclick="download('application-gateways.svg', this)"/><div class="label">application-gateways.svg</div></div>
  116. <div id="application-insights.svg" class="imgbox"><img src="application-insights.svg" class="bg-0" onclick="download('application-insights.svg', this)"/><div class="label">application-insights.svg</div></div>
  117. <div id="arc.svg" class="imgbox"><img src="arc.svg" class="bg-0" onclick="download('arc.svg', this)"/><div class="label">arc.svg</div></div>
  118. <div id="architecture.svg" class="imgbox"><img src="architecture.svg" class="bg-0" onclick="download('architecture.svg', this)"/><div class="label">architecture.svg</div></div>
  119. <div id="artifacts.svg" class="imgbox"><img src="artifacts.svg" class="bg-0" onclick="download('artifacts.svg', this)"/><div class="label">artifacts.svg</div></div>
  120. <div id="automation.svg" class="imgbox"><img src="automation.svg" class="bg-0" onclick="download('automation.svg', this)"/><div class="label">automation.svg</div></div>
  121. <div id="avere.svg" class="imgbox"><img src="avere.svg" class="bg-0" onclick="download('avere.svg', this)"/><div class="label">avere.svg</div></div>
  122. <div id="azure-data-studio.svg" class="imgbox"><img src="azure-data-studio.svg" class="bg-0" onclick="download('azure-data-studio.svg', this)"/><div class="label">azure-data-studio.svg</div></div>
  123. <div id="azure-vmware.svg" class="imgbox"><img src="azure-vmware.svg" class="bg-0" onclick="download('azure-vmware.svg', this)"/><div class="label">azure-vmware.svg</div></div>
  124. <div id="azure.svg" class="imgbox"><img src="azure.svg" class="bg-0" onclick="download('azure.svg', this)"/><div class="label">azure.svg</div></div>
  125. <div id="azuredevspacecontroller_50x.svg" class="imgbox"><img src="azuredevspacecontroller_50x.svg" class="bg-0" onclick="download('azuredevspacecontroller_50x.svg', this)"/><div class="label">azuredevspacecontroller_50x.svg</div></div>
  126. <div id="batch-accounts.svg" class="imgbox"><img src="batch-accounts.svg" class="bg-0" onclick="download('batch-accounts.svg', this)"/><div class="label">batch-accounts.svg</div></div>
  127. <div id="blockchain-service.svg" class="imgbox"><img src="blockchain-service.svg" class="bg-0" onclick="download('blockchain-service.svg', this)"/><div class="label">blockchain-service.svg</div></div>
  128. <div id="blockchain-workbench.svg" class="imgbox"><img src="blockchain-workbench.svg" class="bg-0" onclick="download('blockchain-workbench.svg', this)"/><div class="label">blockchain-workbench.svg</div></div>
  129. <div id="blueprints.svg" class="imgbox"><img src="blueprints.svg" class="bg-0" onclick="download('blueprints.svg', this)"/><div class="label">blueprints.svg</div></div>
  130. <div id="boards.svg" class="imgbox"><img src="boards.svg" class="bg-0" onclick="download('boards.svg', this)"/><div class="label">boards.svg</div></div>
  131. <div id="bonsai.svg" class="imgbox"><img src="bonsai.svg" class="bg-0" onclick="download('bonsai.svg', this)"/><div class="label">bonsai.svg</div></div>
  132. <div id="bot-service.svg" class="imgbox"><img src="bot-service.svg" class="bg-0" onclick="download('bot-service.svg', this)"/><div class="label">bot-service.svg</div></div>
  133. <div id="cache-redis.svg" class="imgbox"><img src="cache-redis.svg" class="bg-0" onclick="download('cache-redis.svg', this)"/><div class="label">cache-redis.svg</div></div>
  134. <div id="cdn-profiles.svg" class="imgbox"><img src="cdn-profiles.svg" class="bg-0" onclick="download('cdn-profiles.svg', this)"/><div class="label">cdn-profiles.svg</div></div>
  135. <div id="cloud-services.svg" class="imgbox"><img src="cloud-services.svg" class="bg-0" onclick="download('cloud-services.svg', this)"/><div class="label">cloud-services.svg</div></div>
  136. <div id="cloud-shell.svg" class="imgbox"><img src="cloud-shell.svg" class="bg-0" onclick="download('cloud-shell.svg', this)"/><div class="label">cloud-shell.svg</div></div>
  137. <div id="cognitive-services.svg" class="imgbox"><img src="cognitive-services.svg" class="bg-0" onclick="download('cognitive-services.svg', this)"/><div class="label">cognitive-services.svg</div></div>
  138. <div id="container-instances.svg" class="imgbox"><img src="container-instances.svg" class="bg-0" onclick="download('container-instances.svg', this)"/><div class="label">container-instances.svg</div></div>
  139. <div id="container-registry.svg" class="imgbox"><img src="container-registry.svg" class="bg-0" onclick="download('container-registry.svg', this)"/><div class="label">container-registry.svg</div></div>
  140. <div id="cosmos-db.svg" class="imgbox"><img src="cosmos-db.svg" class="bg-0" onclick="download('cosmos-db.svg', this)"/><div class="label">cosmos-db.svg</div></div>
  141. <div id="cost-management.svg" class="imgbox"><img src="cost-management.svg" class="bg-0" onclick="download('cost-management.svg', this)"/><div class="label">cost-management.svg</div></div>
  142. <div id="custom-vision.svg" class="imgbox"><img src="custom-vision.svg" class="bg-0" onclick="download('custom-vision.svg', this)"/><div class="label">custom-vision.svg</div></div>
  143. <div id="data-box.svg" class="imgbox"><img src="data-box.svg" class="bg-0" onclick="download('data-box.svg', this)"/><div class="label">data-box.svg</div></div>
  144. <div id="data-catalog.svg" class="imgbox"><img src="data-catalog.svg" class="bg-0" onclick="download('data-catalog.svg', this)"/><div class="label">data-catalog.svg</div></div>
  145. <div id="data-explorer.svg" class="imgbox"><img src="data-explorer.svg" class="bg-0" onclick="download('data-explorer.svg', this)"/><div class="label">data-explorer.svg</div></div>
  146. <div id="data-factory.svg" class="imgbox"><img src="data-factory.svg" class="bg-0" onclick="download('data-factory.svg', this)"/><div class="label">data-factory.svg</div></div>
  147. <div id="data-lake-analytics.svg" class="imgbox"><img src="data-lake-analytics.svg" class="bg-0" onclick="download('data-lake-analytics.svg', this)"/><div class="label">data-lake-analytics.svg</div></div>
  148. <div id="data-shares.svg" class="imgbox"><img src="data-shares.svg" class="bg-0" onclick="download('data-shares.svg', this)"/><div class="label">data-shares.svg</div></div>
  149. <div id="database-mariadb-server.svg" class="imgbox"><img src="database-mariadb-server.svg" class="bg-0" onclick="download('database-mariadb-server.svg', this)"/><div class="label">database-mariadb-server.svg</div></div>
  150. <div id="database-migration-services.svg" class="imgbox"><img src="database-migration-services.svg" class="bg-0" onclick="download('database-migration-services.svg', this)"/><div class="label">database-migration-services.svg</div></div>
  151. <div id="database-mysql-server.svg" class="imgbox"><img src="database-mysql-server.svg" class="bg-0" onclick="download('database-mysql-server.svg', this)"/><div class="label">database-mysql-server.svg</div></div>
  152. <div id="database-postgresql-server.svg" class="imgbox"><img src="database-postgresql-server.svg" class="bg-0" onclick="download('database-postgresql-server.svg', this)"/><div class="label">database-postgresql-server.svg</div></div>
  153. <div id="databricks.svg" class="imgbox"><img src="databricks.svg" class="bg-0" onclick="download('databricks.svg', this)"/><div class="label">databricks.svg</div></div>
  154. <div id="ddos-protection.svg" class="imgbox"><img src="ddos-protection.svg" class="bg-0" onclick="download('ddos-protection.svg', this)"/><div class="label">ddos-protection.svg</div></div>
  155. <div id="dedicated-hsm.svg" class="imgbox"><img src="dedicated-hsm.svg" class="bg-0" onclick="download('dedicated-hsm.svg', this)"/><div class="label">dedicated-hsm.svg</div></div>
  156. <div id="devops.svg" class="imgbox"><img src="devops.svg" class="bg-0" onclick="download('devops.svg', this)"/><div class="label">devops.svg</div></div>
  157. <div id="devtest-labs.svg" class="imgbox"><img src="devtest-labs.svg" class="bg-0" onclick="download('devtest-labs.svg', this)"/><div class="label">devtest-labs.svg</div></div>
  158. <div id="digital-twins.svg" class="imgbox"><img src="digital-twins.svg" class="bg-0" onclick="download('digital-twins.svg', this)"/><div class="label">digital-twins.svg</div></div>
  159. <div id="disk-storage.svg" class="imgbox"><img src="disk-storage.svg" class="bg-0" onclick="download('disk-storage.svg', this)"/><div class="label">disk-storage.svg</div></div>
  160. <div id="disk.svg" class="imgbox"><img src="disk.svg" class="bg-0" onclick="download('disk.svg', this)"/><div class="label">disk.svg</div></div>
  161. <div id="dns.svg" class="imgbox"><img src="dns.svg" class="bg-0" onclick="download('dns.svg', this)"/><div class="label">dns.svg</div></div>
  162. <div id="event-grid-domains.svg" class="imgbox"><img src="event-grid-domains.svg" class="bg-0" onclick="download('event-grid-domains.svg', this)"/><div class="label">event-grid-domains.svg</div></div>
  163. <div id="event-hubs.svg" class="imgbox"><img src="event-hubs.svg" class="bg-0" onclick="download('event-hubs.svg', this)"/><div class="label">event-hubs.svg</div></div>
  164. <div id="expressroute.svg" class="imgbox"><img src="expressroute.svg" class="bg-0" onclick="download('expressroute.svg', this)"/><div class="label">expressroute.svg</div></div>
  165. <div id="firewall-manager.svg" class="imgbox"><img src="firewall-manager.svg" class="bg-0" onclick="download('firewall-manager.svg', this)"/><div class="label">firewall-manager.svg</div></div>
  166. <div id="firewall.svg" class="imgbox"><img src="firewall.svg" class="bg-0" onclick="download('firewall.svg', this)"/><div class="label">firewall.svg</div></div>
  167. <div id="front-door.svg" class="imgbox"><img src="front-door.svg" class="bg-0" onclick="download('front-door.svg', this)"/><div class="label">front-door.svg</div></div>
  168. <div id="frontdoor-waf-policies.svg" class="imgbox"><img src="frontdoor-waf-policies.svg" class="bg-0" onclick="download('frontdoor-waf-policies.svg', this)"/><div class="label">frontdoor-waf-policies.svg</div></div>
  169. <div id="functions.svg" class="imgbox"><img src="functions.svg" class="bg-0" onclick="download('functions.svg', this)"/><div class="label">functions.svg</div></div>
  170. <div id="fxt-edge-filer.svg" class="imgbox"><img src="fxt-edge-filer.svg" class="bg-0" onclick="download('fxt-edge-filer.svg', this)"/><div class="label">fxt-edge-filer.svg</div></div>
  171. <div id="genomics.svg" class="imgbox"><img src="genomics.svg" class="bg-0" onclick="download('genomics.svg', this)"/><div class="label">genomics.svg</div></div>
  172. <div id="get-started.svg" class="imgbox"><img src="get-started.svg" class="bg-0" onclick="download('get-started.svg', this)"/><div class="label">get-started.svg</div></div>
  173. <div id="github-actions-icon.svg" class="imgbox"><img src="github-actions-icon.svg" class="bg-0" onclick="download('github-actions-icon.svg', this)"/><div class="label">github-actions-icon.svg</div></div>
  174. <div id="hdinsight.svg" class="imgbox"><img src="hdinsight.svg" class="bg-0" onclick="download('hdinsight.svg', this)"/><div class="label">hdinsight.svg</div></div>
  175. <div id="hpc-cache.svg" class="imgbox"><img src="hpc-cache.svg" class="bg-0" onclick="download('hpc-cache.svg', this)"/><div class="label">hpc-cache.svg</div></div>
  176. <div id="information-protection.svg" class="imgbox"><img src="information-protection.svg" class="bg-0" onclick="download('information-protection.svg', this)"/><div class="label">information-protection.svg</div></div>
  177. <div id="internet-analyzer.svg" class="imgbox"><img src="internet-analyzer.svg" class="bg-0" onclick="download('internet-analyzer.svg', this)"/><div class="label">internet-analyzer.svg</div></div>
  178. <div id="iot-central.svg" class="imgbox"><img src="iot-central.svg" class="bg-0" onclick="download('iot-central.svg', this)"/><div class="label">iot-central.svg</div></div>
  179. <div id="iot-edge.svg" class="imgbox"><img src="iot-edge.svg" class="bg-0" onclick="download('iot-edge.svg', this)"/><div class="label">iot-edge.svg</div></div>
  180. <div id="iot-hub.svg" class="imgbox"><img src="iot-hub.svg" class="bg-0" onclick="download('iot-hub.svg', this)"/><div class="label">iot-hub.svg</div></div>
  181. <div id="iot-solution-accelerators.svg" class="imgbox"><img src="iot-solution-accelerators.svg" class="bg-0" onclick="download('iot-solution-accelerators.svg', this)"/><div class="label">iot-solution-accelerators.svg</div></div>
  182. <div id="iot-windows10-core-services.svg" class="imgbox"><img src="iot-windows10-core-services.svg" class="bg-0" onclick="download('iot-windows10-core-services.svg', this)"/><div class="label">iot-windows10-core-services.svg</div></div>
  183. <div id="key-vault.svg" class="imgbox"><img src="key-vault.svg" class="bg-0" onclick="download('key-vault.svg', this)"/><div class="label">key-vault.svg</div></div>
  184. <div id="kinect-viewer.svg" class="imgbox"><img src="kinect-viewer.svg" class="bg-0" onclick="download('kinect-viewer.svg', this)"/><div class="label">kinect-viewer.svg</div></div>
  185. <div id="kubernetes-services.svg" class="imgbox"><img src="kubernetes-services.svg" class="bg-0" onclick="download('kubernetes-services.svg', this)"/><div class="label">kubernetes-services.svg</div></div>
  186. <div id="lab-services.svg" class="imgbox"><img src="lab-services.svg" class="bg-0" onclick="download('lab-services.svg', this)"/><div class="label">lab-services.svg</div></div>
  187. <div id="learn.svg" class="imgbox"><img src="learn.svg" class="bg-0" onclick="download('learn.svg', this)"/><div class="label">learn.svg</div></div>
  188. <div id="lighthouse.svg" class="imgbox"><img src="lighthouse.svg" class="bg-0" onclick="download('lighthouse.svg', this)"/><div class="label">lighthouse.svg</div></div>
  189. <div id="load-balancer.svg" class="imgbox"><img src="load-balancer.svg" class="bg-0" onclick="download('load-balancer.svg', this)"/><div class="label">load-balancer.svg</div></div>
  190. <div id="log-analytics.svg" class="imgbox"><img src="log-analytics.svg" class="bg-0" onclick="download('log-analytics.svg', this)"/><div class="label">log-analytics.svg</div></div>
  191. <div id="logic-apps.svg" class="imgbox"><img src="logic-apps.svg" class="bg-0" onclick="download('logic-apps.svg', this)"/><div class="label">logic-apps.svg</div></div>
  192. <div id="logo_cligeneric.svg" class="imgbox"><img src="logo_CLIgeneric.svg" class="bg-0" onclick="download('logo_CLIgeneric.svg', this)"/><div class="label">logo_CLIgeneric.svg</div></div>
  193. <div id="logo_go-lightblue.svg" class="imgbox"><img src="logo_Go-lightblue.svg" class="bg-0" onclick="download('logo_Go-lightblue.svg', this)"/><div class="label">logo_Go-lightblue.svg</div></div>
  194. <div id="logo_rest.svg" class="imgbox"><img src="logo_REST.svg" class="bg-0" onclick="download('logo_REST.svg', this)"/><div class="label">logo_REST.svg</div></div>
  195. <div id="logo_cyclecloud.svg" class="imgbox"><img src="logo_cyclecloud.svg" class="bg-0" onclick="download('logo_cyclecloud.svg', this)"/><div class="label">logo_cyclecloud.svg</div></div>
  196. <div id="logo_java.svg" class="imgbox"><img src="logo_java.svg" class="bg-0" onclick="download('logo_java.svg', this)"/><div class="label">logo_java.svg</div></div>
  197. <div id="logo_jenkins.svg" class="imgbox"><img src="logo_jenkins.svg" class="bg-0" onclick="download('logo_jenkins.svg', this)"/><div class="label">logo_jenkins.svg</div></div>
  198. <div id="logo_js.svg" class="imgbox"><img src="logo_js.svg" class="bg-0" onclick="download('logo_js.svg', this)"/><div class="label">logo_js.svg</div></div>
  199. <div id="logo_powershell.svg" class="imgbox"><img src="logo_powershell.svg" class="bg-0" onclick="download('logo_powershell.svg', this)"/><div class="label">logo_powershell.svg</div></div>
  200. <div id="logo_python.svg" class="imgbox"><img src="logo_python.svg" class="bg-0" onclick="download('logo_python.svg', this)"/><div class="label">logo_python.svg</div></div>
  201. <div id="logo_terraform.svg" class="imgbox"><img src="logo_terraform.svg" class="bg-0" onclick="download('logo_terraform.svg', this)"/><div class="label">logo_terraform.svg</div></div>
  202. <div id="logo_visual-studio.svg" class="imgbox"><img src="logo_visual-studio.svg" class="bg-0" onclick="download('logo_visual-studio.svg', this)"/><div class="label">logo_visual-studio.svg</div></div>
  203. <div id="logo_vs-code.svg" class="imgbox"><img src="logo_vs-code.svg" class="bg-0" onclick="download('logo_vs-code.svg', this)"/><div class="label">logo_vs-code.svg</div></div>
  204. <div id="logo_vs-mobile-center.svg" class="imgbox"><img src="logo_vs-mobile-center.svg" class="bg-0" onclick="download('logo_vs-mobile-center.svg', this)"/><div class="label">logo_vs-mobile-center.svg</div></div>
  205. <div id="logo_xamarin.svg" class="imgbox"><img src="logo_xamarin.svg" class="bg-0" onclick="download('logo_xamarin.svg', this)"/><div class="label">logo_xamarin.svg</div></div>
  206. <div id="machine-learning.svg" class="imgbox"><img src="machine-learning.svg" class="bg-0" onclick="download('machine-learning.svg', this)"/><div class="label">machine-learning.svg</div></div>
  207. <div id="managed-applications.svg" class="imgbox"><img src="managed-applications.svg" class="bg-0" onclick="download('managed-applications.svg', this)"/><div class="label">managed-applications.svg</div></div>
  208. <div id="maps.svg" class="imgbox"><img src="maps.svg" class="bg-0" onclick="download('maps.svg', this)"/><div class="label">maps.svg</div></div>
  209. <div id="media-protection.svg" class="imgbox"><img src="media-protection.svg" class="bg-0" onclick="download('media-protection.svg', this)"/><div class="label">media-protection.svg</div></div>
  210. <div id="media-services.svg" class="imgbox"><img src="media-services.svg" class="bg-0" onclick="download('media-services.svg', this)"/><div class="label">media-services.svg</div></div>
  211. <div id="migrate.svg" class="imgbox"><img src="migrate.svg" class="bg-0" onclick="download('migrate.svg', this)"/><div class="label">migrate.svg</div></div>
  212. <div id="monitor.svg" class="imgbox"><img src="monitor.svg" class="bg-0" onclick="download('monitor.svg', this)"/><div class="label">monitor.svg</div></div>
  213. <div id="net-logo.svg" class="imgbox"><img src="net-logo.svg" class="bg-0" onclick="download('net-logo.svg', this)"/><div class="label">net-logo.svg</div></div>
  214. <div id="netapp-files.svg" class="imgbox"><img src="netapp-files.svg" class="bg-0" onclick="download('netapp-files.svg', this)"/><div class="label">netapp-files.svg</div></div>
  215. <div id="network-watcher.svg" class="imgbox"><img src="network-watcher.svg" class="bg-0" onclick="download('network-watcher.svg', this)"/><div class="label">network-watcher.svg</div></div>
  216. <div id="notification-hubs.svg" class="imgbox"><img src="notification-hubs.svg" class="bg-0" onclick="download('notification-hubs.svg', this)"/><div class="label">notification-hubs.svg</div></div>
  217. <div id="open-datasets.svg" class="imgbox"><img src="open-datasets.svg" class="bg-0" onclick="download('open-datasets.svg', this)"/><div class="label">open-datasets.svg</div></div>
  218. <div id="openshift.svg" class="imgbox"><img src="openshift.svg" class="bg-0" onclick="download('openshift.svg', this)"/><div class="label">openshift.svg</div></div>
  219. <div id="overview.svg" class="imgbox"><img src="overview.svg" class="bg-0" onclick="download('overview.svg', this)"/><div class="label">overview.svg</div></div>
  220. <div id="pipelines.svg" class="imgbox"><img src="pipelines.svg" class="bg-0" onclick="download('pipelines.svg', this)"/><div class="label">pipelines.svg</div></div>
  221. <div id="policy.svg" class="imgbox"><img src="policy.svg" class="bg-0" onclick="download('policy.svg', this)"/><div class="label">policy.svg</div></div>
  222. <div id="power-bi.svg" class="imgbox"><img src="power-bi.svg" class="bg-0" onclick="download('power-bi.svg', this)"/><div class="label">power-bi.svg</div></div>
  223. <div id="private-link.svg" class="imgbox"><img src="private-link.svg" class="bg-0" onclick="download('private-link.svg', this)"/><div class="label">private-link.svg</div></div>
  224. <div id="recovery-services-vaults.svg" class="imgbox"><img src="recovery-services-vaults.svg" class="bg-0" onclick="download('recovery-services-vaults.svg', this)"/><div class="label">recovery-services-vaults.svg</div></div>
  225. <div id="remote-rendering.svg" class="imgbox"><img src="remote-rendering.svg" class="bg-0" onclick="download('remote-rendering.svg', this)"/><div class="label">remote-rendering.svg</div></div>
  226. <div id="repos.svg" class="imgbox"><img src="repos.svg" class="bg-0" onclick="download('repos.svg', this)"/><div class="label">repos.svg</div></div>
  227. <div id="resource-groups.svg" class="imgbox"><img src="resource-groups.svg" class="bg-0" onclick="download('resource-groups.svg', this)"/><div class="label">resource-groups.svg</div></div>
  228. <div id="rtos.svg" class="imgbox"><img src="rtos.svg" class="bg-0" onclick="download('rtos.svg', this)"/><div class="label">rtos.svg</div></div>
  229. <div id="sap.svg" class="imgbox"><img src="sap.svg" class="bg-0" onclick="download('sap.svg', this)"/><div class="label">sap.svg</div></div>
  230. <div id="scheduler.svg" class="imgbox"><img src="scheduler.svg" class="bg-0" onclick="download('scheduler.svg', this)"/><div class="label">scheduler.svg</div></div>
  231. <div id="search.svg" class="imgbox"><img src="search.svg" class="bg-0" onclick="download('search.svg', this)"/><div class="label">search.svg</div></div>
  232. <div id="security-center.svg" class="imgbox"><img src="security-center.svg" class="bg-0" onclick="download('security-center.svg', this)"/><div class="label">security-center.svg</div></div>
  233. <div id="sentinel.svg" class="imgbox"><img src="sentinel.svg" class="bg-0" onclick="download('sentinel.svg', this)"/><div class="label">sentinel.svg</div></div>
  234. <div id="service-bus.svg" class="imgbox"><img src="service-bus.svg" class="bg-0" onclick="download('service-bus.svg', this)"/><div class="label">service-bus.svg</div></div>
  235. <div id="service-fabric-clusters.svg" class="imgbox"><img src="service-fabric-clusters.svg" class="bg-0" onclick="download('service-fabric-clusters.svg', this)"/><div class="label">service-fabric-clusters.svg</div></div>
  236. <div id="service-health.svg" class="imgbox"><img src="service-health.svg" class="bg-0" onclick="download('service-health.svg', this)"/><div class="label">service-health.svg</div></div>
  237. <div id="signalr-service.svg" class="imgbox"><img src="signalr-service.svg" class="bg-0" onclick="download('signalr-service.svg', this)"/><div class="label">signalr-service.svg</div></div>
  238. <div id="spatial-anchor-accounts.svg" class="imgbox"><img src="spatial-anchor-accounts.svg" class="bg-0" onclick="download('spatial-anchor-accounts.svg', this)"/><div class="label">spatial-anchor-accounts.svg</div></div>
  239. <div id="sphere.svg" class="imgbox"><img src="sphere.svg" class="bg-0" onclick="download('sphere.svg', this)"/><div class="label">sphere.svg</div></div>
  240. <div id="spring-cloud.svg" class="imgbox"><img src="spring-cloud.svg" class="bg-0" onclick="download('spring-cloud.svg', this)"/><div class="label">spring-cloud.svg</div></div>
  241. <div id="sql-database-edge.svg" class="imgbox"><img src="sql-database-edge.svg" class="bg-0" onclick="download('sql-database-edge.svg', this)"/><div class="label">sql-database-edge.svg</div></div>
  242. <div id="sql-database.svg" class="imgbox"><img src="sql-database.svg" class="bg-0" onclick="download('sql-database.svg', this)"/><div class="label">sql-database.svg</div></div>
  243. <div id="sql-managed-instance.svg" class="imgbox"><img src="sql-managed-instance.svg" class="bg-0" onclick="download('sql-managed-instance.svg', this)"/><div class="label">sql-managed-instance.svg</div></div>
  244. <div id="sql-server-vm.svg" class="imgbox"><img src="sql-server-vm.svg" class="bg-0" onclick="download('sql-server-vm.svg', this)"/><div class="label">sql-server-vm.svg</div></div>
  245. <div id="sql.svg" class="imgbox"><img src="sql.svg" class="bg-0" onclick="download('sql.svg', this)"/><div class="label">sql.svg</div></div>
  246. <div id="stack.svg" class="imgbox"><img src="stack.svg" class="bg-0" onclick="download('stack.svg', this)"/><div class="label">stack.svg</div></div>
  247. <div id="static-apps.svg" class="imgbox"><img src="static-apps.svg" class="bg-0" onclick="download('static-apps.svg', this)"/><div class="label">static-apps.svg</div></div>
  248. <div id="storage-accounts.svg" class="imgbox"><img src="storage-accounts.svg" class="bg-0" onclick="download('storage-accounts.svg', this)"/><div class="label">storage-accounts.svg</div></div>
  249. <div id="storage-azure-files.svg" class="imgbox"><img src="storage-azure-files.svg" class="bg-0" onclick="download('storage-azure-files.svg', this)"/><div class="label">storage-azure-files.svg</div></div>
  250. <div id="storage-explorer.svg" class="imgbox"><img src="storage-explorer.svg" class="bg-0" onclick="download('storage-explorer.svg', this)"/><div class="label">storage-explorer.svg</div></div>
  251. <div id="storsimple-device-managers.svg" class="imgbox"><img src="storsimple-device-managers.svg" class="bg-0" onclick="download('storsimple-device-managers.svg', this)"/><div class="label">storsimple-device-managers.svg</div></div>
  252. <div id="stream-analytics.svg" class="imgbox"><img src="stream-analytics.svg" class="bg-0" onclick="download('stream-analytics.svg', this)"/><div class="label">stream-analytics.svg</div></div>
  253. <div id="synapse.svg" class="imgbox"><img src="synapse.svg" class="bg-0" onclick="download('synapse.svg', this)"/><div class="label">synapse.svg</div></div>
  254. <div id="test-plans.svg" class="imgbox"><img src="test-plans.svg" class="bg-0" onclick="download('test-plans.svg', this)"/><div class="label">test-plans.svg</div></div>
  255. <div id="time-series-insights-environments.svg" class="imgbox"><img src="time-series-insights-environments.svg" class="bg-0" onclick="download('time-series-insights-environments.svg', this)"/><div class="label">time-series-insights-environments.svg</div></div>
  256. <div id="traffic-manager.svg" class="imgbox"><img src="traffic-manager.svg" class="bg-0" onclick="download('traffic-manager.svg', this)"/><div class="label">traffic-manager.svg</div></div>
  257. <div id="virtual-machine.svg" class="imgbox"><img src="virtual-machine.svg" class="bg-0" onclick="download('virtual-machine.svg', this)"/><div class="label">virtual-machine.svg</div></div>
  258. <div id="virtual-network-gateways.svg" class="imgbox"><img src="virtual-network-gateways.svg" class="bg-0" onclick="download('virtual-network-gateways.svg', this)"/><div class="label">virtual-network-gateways.svg</div></div>
  259. <div id="virtual-networks.svg" class="imgbox"><img src="virtual-networks.svg" class="bg-0" onclick="download('virtual-networks.svg', this)"/><div class="label">virtual-networks.svg</div></div>
  260. <div id="virtual-wans.svg" class="imgbox"><img src="virtual-wans.svg" class="bg-0" onclick="download('virtual-wans.svg', this)"/><div class="label">virtual-wans.svg</div></div>
  261. <div id="vm-scale-sets.svg" class="imgbox"><img src="vm-scale-sets.svg" class="bg-0" onclick="download('vm-scale-sets.svg', this)"/><div class="label">vm-scale-sets.svg</div></div>
  262. <div id="web-apps-containers.svg" class="imgbox"><img src="web-apps-containers.svg" class="bg-0" onclick="download('web-apps-containers.svg', this)"/><div class="label">web-apps-containers.svg</div></div>
  263. <div id="web_connect.svg" class="imgbox"><img src="web_connect.svg" class="bg-0" onclick="download('web_connect.svg', this)"/><div class="label">web_connect.svg</div></div>
  264. <div id="windows-virtual-desktop.svg" class="imgbox"><img src="windows-virtual-desktop.svg" class="bg-0" onclick="download('windows-virtual-desktop.svg', this)"/><div class="label">windows-virtual-desktop.svg</div></div>
  265. </div>
  266. <script>
  267. var bgSetting = 0;
  268. function toggleBg() {
  269. bgSetting++
  270. if(bgSetting > 2) bgSetting = 0;
  271. for(let img of document.getElementsByTagName("img")) {
  272. img.className = `bg-${bgSetting}`;
  273. }
  274. }
  275. function search() {
  276. let query = document.getElementById('finder').value.trim().toLowerCase()
  277. if(query.length <= 0) {
  278. for(let imgbox of document.getElementsByClassName("imgbox")) {
  279. imgbox.style.display = "inline-block"
  280. }
  281. }
  282. for(let imgbox of document.getElementsByClassName("imgbox")) {
  283. imgbox.style.display = "inline-block"
  284. if(!imgbox.id.includes(query)) {
  285. imgbox.style.display = "none"
  286. }
  287. }
  288. }
  289. function download(f, e) {
  290. if(document.getElementById("pngcheck").checked) {
  291. var data = getBase64Image(e);
  292. let a = document.createElement('a')
  293. a.href = "data:application/octet-stream;base64," + data
  294. a.download = f.replace('.svg', '.png')
  295. a.click()
  296. } else {
  297. let a = document.createElement('a')
  298. a.href = f
  299. a.download = f
  300. a.click()
  301. }
  302. }
  303. // Actual magic
  304. function getBase64Image(img) {
  305. var canvas = document.createElement("canvas");
  306. canvas.width = img.naturalWidth;
  307. canvas.height = img.naturalHeight;
  308. console.log(canvas.width , canvas.height)
  309. var ctx = canvas.getContext("2d");
  310. ctx.drawImage(img, 0, 0);
  311. var dataURL = canvas.toDataURL("image/png");
  312. return dataURL.replace(/^data:image\/(png|jpg);base64,/, "");
  313. }
  314. function updateCount() {
  315. document.querySelector('#count').innerHTML = ''+document.querySelectorAll(".imgbox").length
  316. }
  317. updateCount()
  318. </script>
  319. </body>
  320. </html>