Nelze vybrat více než 25 témat Téma musí začínat písmenem nebo číslem, může obsahovat pomlčky („-“) a může být dlouhé až 35 znaků.
 
 
 

532 řádky
41 KiB

  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"><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="activedirectory.svg" class="imgbox"><img src="activedirectory.svg" class="bg-0" onclick="download('activedirectory.svg', this)"/><div class="label">activedirectory.svg</div></div>
  95. <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>
  96. <div id="analysisservices.svg" class="imgbox"><img src="analysisservices.svg" class="bg-0" onclick="download('analysisservices.svg', this)"/><div class="label">analysisservices.svg</div></div>
  97. <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>
  98. <div id="api_anomaly_finder.svg" class="imgbox"><img src="api_anomaly_finder.svg" class="bg-0" onclick="download('api_anomaly_finder.svg', this)"/><div class="label">api_anomaly_finder.svg</div></div>
  99. <div id="api_answer_search.svg" class="imgbox"><img src="api_answer_search.svg" class="bg-0" onclick="download('api_answer_search.svg', this)"/><div class="label">api_answer_search.svg</div></div>
  100. <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>
  101. <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>
  102. <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>
  103. <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>
  104. <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>
  105. <div id="api_bing_speech.svg" class="imgbox"><img src="api_bing_speech.svg" class="bg-0" onclick="download('api_bing_speech.svg', this)"/><div class="label">api_bing_speech.svg</div></div>
  106. <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>
  107. <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>
  108. <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>
  109. <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>
  110. <div id="api_computer_vision.svg" class="imgbox"><img src="api_computer_vision.svg" class="bg-0" onclick="download('api_computer_vision.svg', this)"/><div class="label">api_computer_vision.svg</div></div>
  111. <div id="api_content_moderator.svg" class="imgbox"><img src="api_content_moderator.svg" class="bg-0" onclick="download('api_content_moderator.svg', this)"/><div class="label">api_content_moderator.svg</div></div>
  112. <div id="api_conversation_learner.svg" class="imgbox"><img src="api_conversation_learner.svg" class="bg-0" onclick="download('api_conversation_learner.svg', this)"/><div class="label">api_conversation_learner.svg</div></div>
  113. <div id="api_custom_decision_service.svg" class="imgbox"><img src="api_custom_decision_service.svg" class="bg-0" onclick="download('api_custom_decision_service.svg', this)"/><div class="label">api_custom_decision_service.svg</div></div>
  114. <div id="api_custom_speech.svg" class="imgbox"><img src="api_custom_speech.svg" class="bg-0" onclick="download('api_custom_speech.svg', this)"/><div class="label">api_custom_speech.svg</div></div>
  115. <div id="api_custom_vision.svg" class="imgbox"><img src="api_custom_vision.svg" class="bg-0" onclick="download('api_custom_vision.svg', this)"/><div class="label">api_custom_vision.svg</div></div>
  116. <div id="api_emotion.svg" class="imgbox"><img src="api_emotion.svg" class="bg-0" onclick="download('api_emotion.svg', this)"/><div class="label">api_emotion.svg</div></div>
  117. <div id="api_entity_linkingintelligence.svg" class="imgbox"><img src="api_entity_linkingintelligence.svg" class="bg-0" onclick="download('api_entity_linkingintelligence.svg', this)"/><div class="label">api_entity_linkingintelligence.svg</div></div>
  118. <div id="api_face.svg" class="imgbox"><img src="api_face.svg" class="bg-0" onclick="download('api_face.svg', this)"/><div class="label">api_face.svg</div></div>
  119. <div id="api_know_academic.svg" class="imgbox"><img src="api_know_academic.svg" class="bg-0" onclick="download('api_know_academic.svg', this)"/><div class="label">api_know_academic.svg</div></div>
  120. <div id="api_knowledgeexploration.svg" class="imgbox"><img src="api_knowledgeexploration.svg" class="bg-0" onclick="download('api_knowledgeexploration.svg', this)"/><div class="label">api_knowledgeexploration.svg</div></div>
  121. <div id="api_linguisticanalysis.svg" class="imgbox"><img src="api_linguisticanalysis.svg" class="bg-0" onclick="download('api_linguisticanalysis.svg', this)"/><div class="label">api_linguisticanalysis.svg</div></div>
  122. <div id="api_luis.svg" class="imgbox"><img src="api_luis.svg" class="bg-0" onclick="download('api_luis.svg', this)"/><div class="label">api_luis.svg</div></div>
  123. <div id="api_qnamaker.svg" class="imgbox"><img src="api_qnamaker.svg" class="bg-0" onclick="download('api_qnamaker.svg', this)"/><div class="label">api_qnamaker.svg</div></div>
  124. <div id="api_recommendations.svg" class="imgbox"><img src="api_recommendations.svg" class="bg-0" onclick="download('api_recommendations.svg', this)"/><div class="label">api_recommendations.svg</div></div>
  125. <div id="api_speaker_recognition.svg" class="imgbox"><img src="api_speaker_recognition.svg" class="bg-0" onclick="download('api_speaker_recognition.svg', this)"/><div class="label">api_speaker_recognition.svg</div></div>
  126. <div id="api_speech_service.svg" class="imgbox"><img src="api_speech_service.svg" class="bg-0" onclick="download('api_speech_service.svg', this)"/><div class="label">api_speech_service.svg</div></div>
  127. <div id="api_textanalytics.svg" class="imgbox"><img src="api_textanalytics.svg" class="bg-0" onclick="download('api_textanalytics.svg', this)"/><div class="label">api_textanalytics.svg</div></div>
  128. <div id="api_translatorspeech.svg" class="imgbox"><img src="api_translatorspeech.svg" class="bg-0" onclick="download('api_translatorspeech.svg', this)"/><div class="label">api_translatorspeech.svg</div></div>
  129. <div id="api_translatortext.svg" class="imgbox"><img src="api_translatortext.svg" class="bg-0" onclick="download('api_translatortext.svg', this)"/><div class="label">api_translatortext.svg</div></div>
  130. <div id="api_url_preview.svg" class="imgbox"><img src="api_url_preview.svg" class="bg-0" onclick="download('api_url_preview.svg', this)"/><div class="label">api_url_preview.svg</div></div>
  131. <div id="api_videoindexer.svg" class="imgbox"><img src="api_videoindexer.svg" class="bg-0" onclick="download('api_videoindexer.svg', this)"/><div class="label">api_videoindexer.svg</div></div>
  132. <div id="api_weblanguagemodel.svg" class="imgbox"><img src="api_weblanguagemodel.svg" class="bg-0" onclick="download('api_weblanguagemodel.svg', this)"/><div class="label">api_weblanguagemodel.svg</div></div>
  133. <div id="apimanagement.svg" class="imgbox"><img src="apimanagement.svg" class="bg-0" onclick="download('apimanagement.svg', this)"/><div class="label">apimanagement.svg</div></div>
  134. <div id="app-service-api.svg" class="imgbox"><img src="app-service-api.svg" class="bg-0" onclick="download('app-service-api.svg', this)"/><div class="label">app-service-api.svg</div></div>
  135. <div id="app-service-mobile.svg" class="imgbox"><img src="app-service-mobile.svg" class="bg-0" onclick="download('app-service-mobile.svg', this)"/><div class="label">app-service-mobile.svg</div></div>
  136. <div id="app-service-web.svg" class="imgbox"><img src="app-service-web.svg" class="bg-0" onclick="download('app-service-web.svg', this)"/><div class="label">app-service-web.svg</div></div>
  137. <div id="applicationgateway.svg" class="imgbox"><img src="applicationgateway.svg" class="bg-0" onclick="download('applicationgateway.svg', this)"/><div class="label">applicationgateway.svg</div></div>
  138. <div id="applicationinsights.svg" class="imgbox"><img src="applicationinsights.svg" class="bg-0" onclick="download('applicationinsights.svg', this)"/><div class="label">applicationinsights.svg</div></div>
  139. <div id="appservice.svg" class="imgbox"><img src="appservice.svg" class="bg-0" onclick="download('appservice.svg', this)"/><div class="label">appservice.svg</div></div>
  140. <div id="automate-azure-tasks-with-powershell.svg" class="imgbox"><img src="automate-azure-tasks-with-powershell.svg" class="bg-0" onclick="download('automate-azure-tasks-with-powershell.svg', this)"/><div class="label">automate-azure-tasks-with-powershell.svg</div></div>
  141. <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>
  142. <div id="availabilitysetold.svg" class="imgbox"><img src="availabilitysetold.svg" class="bg-0" onclick="download('availabilitysetold.svg', this)"/><div class="label">availabilitysetold.svg</div></div>
  143. <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>
  144. <div id="azure-data-lake-analytics-color.svg" class="imgbox"><img src="azure-data-lake-analytics-color.svg" class="bg-0" onclick="download('azure-data-lake-analytics-color.svg', this)"/><div class="label">azure-data-lake-analytics-color.svg</div></div>
  145. <div id="azure-data-lake-store-color.svg" class="imgbox"><img src="azure-data-lake-store-color.svg" class="bg-0" onclick="download('azure-data-lake-store-color.svg', this)"/><div class="label">azure-data-lake-store-color.svg</div></div>
  146. <div id="azure-germany.svg" class="imgbox"><img src="azure-germany.svg" class="bg-0" onclick="download('azure-germany.svg', this)"/><div class="label">azure-germany.svg</div></div>
  147. <div id="azure-government.svg" class="imgbox"><img src="azure-government.svg" class="bg-0" onclick="download('azure-government.svg', this)"/><div class="label">azure-government.svg</div></div>
  148. <div id="azure-maps-icon-portal.svg" class="imgbox"><img src="azure-maps-icon-portal.svg" class="bg-0" onclick="download('azure-maps-icon-portal.svg', this)"/><div class="label">azure-maps-icon-portal.svg</div></div>
  149. <div id="azure-migrate.svg" class="imgbox"><img src="azure-migrate.svg" class="bg-0" onclick="download('azure-migrate.svg', this)"/><div class="label">azure-migrate.svg</div></div>
  150. <div id="azure-resource-manager.svg" class="imgbox"><img src="azure-resource-manager.svg" class="bg-0" onclick="download('azure-resource-manager.svg', this)"/><div class="label">azure-resource-manager.svg</div></div>
  151. <div id="azure-signalr.svg" class="imgbox"><img src="azure-signalr.svg" class="bg-0" onclick="download('azure-signalr.svg', this)"/><div class="label">azure-signalr.svg</div></div>
  152. <div id="azure-stack.svg" class="imgbox"><img src="azure-stack.svg" class="bg-0" onclick="download('azure-stack.svg', this)"/><div class="label">azure-stack.svg</div></div>
  153. <div id="azure_best-practices.svg" class="imgbox"><img src="azure_best-practices.svg" class="bg-0" onclick="download('azure_best-practices.svg', this)"/><div class="label">azure_best-practices.svg</div></div>
  154. <div id="azure_dev-1.svg" class="imgbox"><img src="azure_dev-1.svg" class="bg-0" onclick="download('azure_dev-1.svg', this)"/><div class="label">azure_dev-1.svg</div></div>
  155. <div id="azure_dev-10.svg" class="imgbox"><img src="azure_dev-10.svg" class="bg-0" onclick="download('azure_dev-10.svg', this)"/><div class="label">azure_dev-10.svg</div></div>
  156. <div id="azure_dev-11.svg" class="imgbox"><img src="azure_dev-11.svg" class="bg-0" onclick="download('azure_dev-11.svg', this)"/><div class="label">azure_dev-11.svg</div></div>
  157. <div id="azure_dev-2.svg" class="imgbox"><img src="azure_dev-2.svg" class="bg-0" onclick="download('azure_dev-2.svg', this)"/><div class="label">azure_dev-2.svg</div></div>
  158. <div id="azure_dev-3.svg" class="imgbox"><img src="azure_dev-3.svg" class="bg-0" onclick="download('azure_dev-3.svg', this)"/><div class="label">azure_dev-3.svg</div></div>
  159. <div id="azure_dev-4.svg" class="imgbox"><img src="azure_dev-4.svg" class="bg-0" onclick="download('azure_dev-4.svg', this)"/><div class="label">azure_dev-4.svg</div></div>
  160. <div id="azure_dev-6.svg" class="imgbox"><img src="azure_dev-6.svg" class="bg-0" onclick="download('azure_dev-6.svg', this)"/><div class="label">azure_dev-6.svg</div></div>
  161. <div id="azure_dev-7.svg" class="imgbox"><img src="azure_dev-7.svg" class="bg-0" onclick="download('azure_dev-7.svg', this)"/><div class="label">azure_dev-7.svg</div></div>
  162. <div id="azure_dev-8.svg" class="imgbox"><img src="azure_dev-8.svg" class="bg-0" onclick="download('azure_dev-8.svg', this)"/><div class="label">azure_dev-8.svg</div></div>
  163. <div id="azure_event_grid.svg" class="imgbox"><img src="azure_event_grid.svg" class="bg-0" onclick="download('azure_event_grid.svg', this)"/><div class="label">azure_event_grid.svg</div></div>
  164. <div id="azure_firewall.svg" class="imgbox"><img src="azure_firewall.svg" class="bg-0" onclick="download('azure_firewall.svg', this)"/><div class="label">azure_firewall.svg</div></div>
  165. <div id="azure_fundamentals.svg" class="imgbox"><img src="azure_fundamentals.svg" class="bg-0" onclick="download('azure_fundamentals.svg', this)"/><div class="label">azure_fundamentals.svg</div></div>
  166. <div id="azure_patterns.svg" class="imgbox"><img src="azure_patterns.svg" class="bg-0" onclick="download('azure_patterns.svg', this)"/><div class="label">azure_patterns.svg</div></div>
  167. <div id="azure_reference-archictectures.svg" class="imgbox"><img src="azure_reference-archictectures.svg" class="bg-0" onclick="download('azure_reference-archictectures.svg', this)"/><div class="label">azure_reference-archictectures.svg</div></div>
  168. <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>
  169. <div id="azurefunctions.svg" class="imgbox"><img src="azurefunctions.svg" class="bg-0" onclick="download('azurefunctions.svg', this)"/><div class="label">azurefunctions.svg</div></div>
  170. <div id="azuremonitoring.svg" class="imgbox"><img src="azuremonitoring.svg" class="bg-0" onclick="download('azuremonitoring.svg', this)"/><div class="label">azuremonitoring.svg</div></div>
  171. <div id="backup.svg" class="imgbox"><img src="backup.svg" class="bg-0" onclick="download('backup.svg', this)"/><div class="label">backup.svg</div></div>
  172. <div id="batch.svg" class="imgbox"><img src="batch.svg" class="bg-0" onclick="download('batch.svg', this)"/><div class="label">batch.svg</div></div>
  173. <div id="billing.svg" class="imgbox"><img src="billing.svg" class="bg-0" onclick="download('billing.svg', this)"/><div class="label">billing.svg</div></div>
  174. <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>
  175. <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>
  176. <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>
  177. <div id="chef_regular.svg" class="imgbox"><img src="chef_regular.svg" class="bg-0" onclick="download('chef_regular.svg', this)"/><div class="label">chef_regular.svg</div></div>
  178. <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>
  179. <div id="cloudservice.svg" class="imgbox"><img src="cloudservice.svg" class="bg-0" onclick="download('cloudservice.svg', this)"/><div class="label">cloudservice.svg</div></div>
  180. <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>
  181. <div id="containerinstances.svg" class="imgbox"><img src="containerinstances.svg" class="bg-0" onclick="download('containerinstances.svg', this)"/><div class="label">containerinstances.svg</div></div>
  182. <div id="containerservice.svg" class="imgbox"><img src="containerservice.svg" class="bg-0" onclick="download('containerservice.svg', this)"/><div class="label">containerservice.svg</div></div>
  183. <div id="contentdeliverynetwork.svg" class="imgbox"><img src="contentdeliverynetwork.svg" class="bg-0" onclick="download('contentdeliverynetwork.svg', this)"/><div class="label">contentdeliverynetwork.svg</div></div>
  184. <div id="control-azure-services-with-cli.svg" class="imgbox"><img src="control-azure-services-with-cli.svg" class="bg-0" onclick="download('control-azure-services-with-cli.svg', this)"/><div class="label">control-azure-services-with-cli.svg</div></div>
  185. <div id="cosmosdb.svg" class="imgbox"><img src="cosmosdb.svg" class="bg-0" onclick="download('cosmosdb.svg', this)"/><div class="label">cosmosdb.svg</div></div>
  186. <div id="cosmosdb_rgb_ui_lighttheme.svg" class="imgbox"><img src="cosmosdb_rgb_ui_lighttheme.svg" class="bg-0" onclick="download('cosmosdb_rgb_ui_lighttheme.svg', this)"/><div class="label">cosmosdb_rgb_ui_lighttheme.svg</div></div>
  187. <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>
  188. <div id="database-migration.svg" class="imgbox"><img src="database-migration.svg" class="bg-0" onclick="download('database-migration.svg', this)"/><div class="label">database-migration.svg</div></div>
  189. <div id="datafactory.svg" class="imgbox"><img src="datafactory.svg" class="bg-0" onclick="download('datafactory.svg', this)"/><div class="label">datafactory.svg</div></div>
  190. <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>
  191. <div id="ddos.svg" class="imgbox"><img src="ddos.svg" class="bg-0" onclick="download('ddos.svg', this)"/><div class="label">ddos.svg</div></div>
  192. <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>
  193. <div id="devopsiconpipelines96.svg" class="imgbox"><img src="devopsiconpipelines96.svg" class="bg-0" onclick="download('devopsiconpipelines96.svg', this)"/><div class="label">devopsiconpipelines96.svg</div></div>
  194. <div id="devtestlabs.svg" class="imgbox"><img src="devtestlabs.svg" class="bg-0" onclick="download('devtestlabs.svg', this)"/><div class="label">devtestlabs.svg</div></div>
  195. <div id="digital_twin.svg" class="imgbox"><img src="digital_twin.svg" class="bg-0" onclick="download('digital_twin.svg', this)"/><div class="label">digital_twin.svg</div></div>
  196. <div id="disks-color.svg" class="imgbox"><img src="disks-color.svg" class="bg-0" onclick="download('disks-color.svg', this)"/><div class="label">disks-color.svg</div></div>
  197. <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>
  198. <div id="dps.svg" class="imgbox"><img src="dps.svg" class="bg-0" onclick="download('dps.svg', this)"/><div class="label">dps.svg</div></div>
  199. <div id="eventhubs.svg" class="imgbox"><img src="eventhubs.svg" class="bg-0" onclick="download('eventhubs.svg', this)"/><div class="label">eventhubs.svg</div></div>
  200. <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>
  201. <div id="fabric.svg" class="imgbox"><img src="fabric.svg" class="bg-0" onclick="download('fabric.svg', this)"/><div class="label">fabric.svg</div></div>
  202. <div id="frontdoor.svg" class="imgbox"><img src="frontdoor.svg" class="bg-0" onclick="download('frontdoor.svg', this)"/><div class="label">frontdoor.svg</div></div>
  203. <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>
  204. <div id="governance.svg" class="imgbox"><img src="governance.svg" class="bg-0" onclick="download('governance.svg', this)"/><div class="label">governance.svg</div></div>
  205. <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>
  206. <div id="hockeyapp.svg" class="imgbox"><img src="hockeyapp.svg" class="bg-0" onclick="download('hockeyapp.svg', this)"/><div class="label">hockeyapp.svg</div></div>
  207. <div id="i_azure-cognitive-services-color.svg" class="imgbox"><img src="i_azure-cognitive-services-color.svg" class="bg-0" onclick="download('i_azure-cognitive-services-color.svg', this)"/><div class="label">i_azure-cognitive-services-color.svg</div></div>
  208. <div id="i_cligeneric.svg" class="imgbox"><img src="i_cligeneric.svg" class="bg-0" onclick="download('i_cligeneric.svg', this)"/><div class="label">i_cligeneric.svg</div></div>
  209. <div id="i_extensions.svg" class="imgbox"><img src="i_extensions.svg" class="bg-0" onclick="download('i_extensions.svg', this)"/><div class="label">i_extensions.svg</div></div>
  210. <div id="i_information-protection.svg" class="imgbox"><img src="i_information-protection.svg" class="bg-0" onclick="download('i_information-protection.svg', this)"/><div class="label">i_information-protection.svg</div></div>
  211. <div id="i_managed-application.svg" class="imgbox"><img src="i_managed-application.svg" class="bg-0" onclick="download('i_managed-application.svg', this)"/><div class="label">i_managed-application.svg</div></div>
  212. <div id="i_mobile-app-developement.svg" class="imgbox"><img src="i_mobile-app-developement.svg" class="bg-0" onclick="download('i_mobile-app-developement.svg', this)"/><div class="label">i_mobile-app-developement.svg</div></div>
  213. <div id="i_tools.svg" class="imgbox"><img src="i_tools.svg" class="bg-0" onclick="download('i_tools.svg', this)"/><div class="label">i_tools.svg</div></div>
  214. <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>
  215. <div id="iot-edge-alt.svg" class="imgbox"><img src="iot-edge-alt.svg" class="bg-0" onclick="download('iot-edge-alt.svg', this)"/><div class="label">iot-edge-alt.svg</div></div>
  216. <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>
  217. <div id="iothub.svg" class="imgbox"><img src="iothub.svg" class="bg-0" onclick="download('iothub.svg', this)"/><div class="label">iothub.svg</div></div>
  218. <div id="keyvault.svg" class="imgbox"><img src="keyvault.svg" class="bg-0" onclick="download('keyvault.svg', this)"/><div class="label">keyvault.svg</div></div>
  219. <div id="loadbalancer.svg" class="imgbox"><img src="loadbalancer.svg" class="bg-0" onclick="download('loadbalancer.svg', this)"/><div class="label">loadbalancer.svg</div></div>
  220. <div id="logicapp.svg" class="imgbox"><img src="logicapp.svg" class="bg-0" onclick="download('logicapp.svg', this)"/><div class="label">logicapp.svg</div></div>
  221. <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>
  222. <div id="logo_azure-blob-storage.svg" class="imgbox"><img src="logo_azure-blob-storage.svg" class="bg-0" onclick="download('logo_azure-blob-storage.svg', this)"/><div class="label">logo_azure-blob-storage.svg</div></div>
  223. <div id="logo_azure-storage-file.svg" class="imgbox"><img src="logo_azure-storage-file.svg" class="bg-0" onclick="download('logo_azure-storage-file.svg', this)"/><div class="label">logo_azure-storage-file.svg</div></div>
  224. <div id="logo_azure-storage-q.svg" class="imgbox"><img src="logo_azure-storage-q.svg" class="bg-0" onclick="download('logo_azure-storage-q.svg', this)"/><div class="label">logo_azure-storage-q.svg</div></div>
  225. <div id="logo_azure.svg" class="imgbox"><img src="logo_azure.svg" class="bg-0" onclick="download('logo_azure.svg', this)"/><div class="label">logo_azure.svg</div></div>
  226. <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>
  227. <div id="logo_databricks.svg" class="imgbox"><img src="logo_databricks.svg" class="bg-0" onclick="download('logo_databricks.svg', this)"/><div class="label">logo_databricks.svg</div></div>
  228. <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>
  229. <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>
  230. <div id="logo_net.svg" class="imgbox"><img src="logo_net.svg" class="bg-0" onclick="download('logo_net.svg', this)"/><div class="label">logo_net.svg</div></div>
  231. <div id="logo_nodejs.svg" class="imgbox"><img src="logo_nodejs.svg" class="bg-0" onclick="download('logo_nodejs.svg', this)"/><div class="label">logo_nodejs.svg</div></div>
  232. <div id="logo_php.svg" class="imgbox"><img src="logo_php.svg" class="bg-0" onclick="download('logo_php.svg', this)"/><div class="label">logo_php.svg</div></div>
  233. <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>
  234. <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>
  235. <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>
  236. <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>
  237. <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>
  238. <div id="logo_vs-team-services.svg" class="imgbox"><img src="logo_vs-team-services.svg" class="bg-0" onclick="download('logo_vs-team-services.svg', this)"/><div class="label">logo_vs-team-services.svg</div></div>
  239. <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>
  240. <div id="machinelearning.svg" class="imgbox"><img src="machinelearning.svg" class="bg-0" onclick="download('machinelearning.svg', this)"/><div class="label">machinelearning.svg</div></div>
  241. <div id="managed-disks.svg" class="imgbox"><img src="managed-disks.svg" class="bg-0" onclick="download('managed-disks.svg', this)"/><div class="label">managed-disks.svg</div></div>
  242. <div id="mariadb.svg" class="imgbox"><img src="mariadb.svg" class="bg-0" onclick="download('mariadb.svg', this)"/><div class="label">mariadb.svg</div></div>
  243. <div id="media-encoding.svg" class="imgbox"><img src="media-encoding.svg" class="bg-0" onclick="download('media-encoding.svg', this)"/><div class="label">media-encoding.svg</div></div>
  244. <div id="media-indexer.svg" class="imgbox"><img src="media-indexer.svg" class="bg-0" onclick="download('media-indexer.svg', this)"/><div class="label">media-indexer.svg</div></div>
  245. <div id="media-ondemand.svg" class="imgbox"><img src="media-ondemand.svg" class="bg-0" onclick="download('media-ondemand.svg', this)"/><div class="label">media-ondemand.svg</div></div>
  246. <div id="media-player.svg" class="imgbox"><img src="media-player.svg" class="bg-0" onclick="download('media-player.svg', this)"/><div class="label">media-player.svg</div></div>
  247. <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>
  248. <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>
  249. <div id="mediaservices.svg" class="imgbox"><img src="mediaservices.svg" class="bg-0" onclick="download('mediaservices.svg', this)"/><div class="label">mediaservices.svg</div></div>
  250. <div id="multifactorauthentication.svg" class="imgbox"><img src="multifactorauthentication.svg" class="bg-0" onclick="download('multifactorauthentication.svg', this)"/><div class="label">multifactorauthentication.svg</div></div>
  251. <div id="mysql.svg" class="imgbox"><img src="mysql.svg" class="bg-0" onclick="download('mysql.svg', this)"/><div class="label">mysql.svg</div></div>
  252. <div id="netappstorage.svg" class="imgbox"><img src="netappstorage.svg" class="bg-0" onclick="download('netappstorage.svg', this)"/><div class="label">netappstorage.svg</div></div>
  253. <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>
  254. <div id="networking-overview.svg" class="imgbox"><img src="networking-overview.svg" class="bg-0" onclick="download('networking-overview.svg', this)"/><div class="label">networking-overview.svg</div></div>
  255. <div id="notebooks.svg" class="imgbox"><img src="notebooks.svg" class="bg-0" onclick="download('notebooks.svg', this)"/><div class="label">notebooks.svg</div></div>
  256. <div id="notificationhubs.svg" class="imgbox"><img src="notificationhubs.svg" class="bg-0" onclick="download('notificationhubs.svg', this)"/><div class="label">notificationhubs.svg</div></div>
  257. <div id="operationsmanagementsuite.svg" class="imgbox"><img src="operationsmanagementsuite.svg" class="bg-0" onclick="download('operationsmanagementsuite.svg', this)"/><div class="label">operationsmanagementsuite.svg</div></div>
  258. <div id="optimize.svg" class="imgbox"><img src="optimize.svg" class="bg-0" onclick="download('optimize.svg', this)"/><div class="label">optimize.svg</div></div>
  259. <div id="personwithfriend.svg" class="imgbox"><img src="personwithfriend.svg" class="bg-0" onclick="download('personwithfriend.svg', this)"/><div class="label">personwithfriend.svg</div></div>
  260. <div id="postgresql.svg" class="imgbox"><img src="postgresql.svg" class="bg-0" onclick="download('postgresql.svg', this)"/><div class="label">postgresql.svg</div></div>
  261. <div id="powerbiembedded.svg" class="imgbox"><img src="powerbiembedded.svg" class="bg-0" onclick="download('powerbiembedded.svg', this)"/><div class="label">powerbiembedded.svg</div></div>
  262. <div id="principles-cloud-computing.svg" class="imgbox"><img src="principles-cloud-computing.svg" class="bg-0" onclick="download('principles-cloud-computing.svg', this)"/><div class="label">principles-cloud-computing.svg</div></div>
  263. <div id="rediscache.svg" class="imgbox"><img src="rediscache.svg" class="bg-0" onclick="download('rediscache.svg', this)"/><div class="label">rediscache.svg</div></div>
  264. <div id="resource-graph.svg" class="imgbox"><img src="resource-graph.svg" class="bg-0" onclick="download('resource-graph.svg', this)"/><div class="label">resource-graph.svg</div></div>
  265. <div id="resource-health.svg" class="imgbox"><img src="resource-health.svg" class="bg-0" onclick="download('resource-health.svg', this)"/><div class="label">resource-health.svg</div></div>
  266. <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>
  267. <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>
  268. <div id="securitycenter.svg" class="imgbox"><img src="securitycenter.svg" class="bg-0" onclick="download('securitycenter.svg', this)"/><div class="label">securitycenter.svg</div></div>
  269. <div id="servicebus.svg" class="imgbox"><img src="servicebus.svg" class="bg-0" onclick="download('servicebus.svg', this)"/><div class="label">servicebus.svg</div></div>
  270. <div id="siterecovery.svg" class="imgbox"><img src="siterecovery.svg" class="bg-0" onclick="download('siterecovery.svg', this)"/><div class="label">siterecovery.svg</div></div>
  271. <div id="sqldatabase.svg" class="imgbox"><img src="sqldatabase.svg" class="bg-0" onclick="download('sqldatabase.svg', this)"/><div class="label">sqldatabase.svg</div></div>
  272. <div id="sqldatawarehouse.svg" class="imgbox"><img src="sqldatawarehouse.svg" class="bg-0" onclick="download('sqldatawarehouse.svg', this)"/><div class="label">sqldatawarehouse.svg</div></div>
  273. <div id="storage.svg" class="imgbox"><img src="storage.svg" class="bg-0" onclick="download('storage.svg', this)"/><div class="label">storage.svg</div></div>
  274. <div id="storsimple.svg" class="imgbox"><img src="storsimple.svg" class="bg-0" onclick="download('storsimple.svg', this)"/><div class="label">storsimple.svg</div></div>
  275. <div id="streamanalytics.svg" class="imgbox"><img src="streamanalytics.svg" class="bg-0" onclick="download('streamanalytics.svg', this)"/><div class="label">streamanalytics.svg</div></div>
  276. <div id="time-series-insights.svg" class="imgbox"><img src="time-series-insights.svg" class="bg-0" onclick="download('time-series-insights.svg', this)"/><div class="label">time-series-insights.svg</div></div>
  277. <div id="tour-azure-services-and-features.svg" class="imgbox"><img src="tour-azure-services-and-features.svg" class="bg-0" onclick="download('tour-azure-services-and-features.svg', this)"/><div class="label">tour-azure-services-and-features.svg</div></div>
  278. <div id="trafficmanager.svg" class="imgbox"><img src="trafficmanager.svg" class="bg-0" onclick="download('trafficmanager.svg', this)"/><div class="label">trafficmanager.svg</div></div>
  279. <div id="virtualmachine.svg" class="imgbox"><img src="virtualmachine.svg" class="bg-0" onclick="download('virtualmachine.svg', this)"/><div class="label">virtualmachine.svg</div></div>
  280. <div id="virtualnetwork.svg" class="imgbox"><img src="virtualnetwork.svg" class="bg-0" onclick="download('virtualnetwork.svg', this)"/><div class="label">virtualnetwork.svg</div></div>
  281. <div id="vpngateway.svg" class="imgbox"><img src="vpngateway.svg" class="bg-0" onclick="download('vpngateway.svg', this)"/><div class="label">vpngateway.svg</div></div>
  282. <div id="wan.svg" class="imgbox"><img src="wan.svg" class="bg-0" onclick="download('wan.svg', this)"/><div class="label">wan.svg</div></div>
  283. </div>
  284. <script>
  285. var bgSetting = 0;
  286. function toggleBg() {
  287. bgSetting++
  288. if(bgSetting > 2) bgSetting = 0;
  289. for(let img of document.getElementsByTagName("img")) {
  290. img.className = `bg-${bgSetting}`;
  291. }
  292. }
  293. function search() {
  294. let query = document.getElementById('finder').value.trim().toLowerCase()
  295. if(query.length <= 0) {
  296. for(let imgbox of document.getElementsByClassName("imgbox")) {
  297. imgbox.style.display = "inline-block"
  298. }
  299. }
  300. for(let imgbox of document.getElementsByClassName("imgbox")) {
  301. imgbox.style.display = "inline-block"
  302. if(!imgbox.id.includes(query)) {
  303. imgbox.style.display = "none"
  304. }
  305. }
  306. }
  307. function download(f, e) {
  308. if(document.getElementById("pngcheck").checked) {
  309. var data = getBase64Image(e);
  310. let a = document.createElement('a')
  311. a.href = "data:application/octet-stream;base64," + data
  312. a.download = f.replace('.svg', '.png')
  313. a.click()
  314. } else {
  315. let a = document.createElement('a')
  316. a.href = f
  317. a.download = f
  318. a.click()
  319. }
  320. }
  321. // Actual magic
  322. function getBase64Image(img) {
  323. var canvas = document.createElement("canvas");
  324. canvas.width = img.naturalWidth;
  325. canvas.height = img.naturalHeight;
  326. console.log(canvas.width , canvas.height)
  327. var ctx = canvas.getContext("2d");
  328. ctx.drawImage(img, 0, 0);
  329. var dataURL = canvas.toDataURL("image/png");
  330. return dataURL.replace(/^data:image\/(png|jpg);base64,/, "");
  331. }
  332. </script>
  333. </body>
  334. </html>