heuzef
/
icon-collection
mirror of https://github.com/benc-uk/icon-collection.git
1
0
Fork 0
Code Issues 0 Releases 1 Wiki Activity
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
13 Commits
8 Branches
30 MiB
 
 
 
Tree: ecd0cb9a0a
Branches Tags
${ item.name }
Create branch ${ searchTerm }
from 'ecd0cb9a0a'
${ noResults }
icon-collection/azure-docs/index.html

328 lines
38 KiB
Raw Blame History 

  1. 

  2. <head><title>Azure Docs</title>

  3. <script src="http://pablojs.com/downloads/pablo.min.js"></script>

  4. </head>

  5. <style>

  6. body {

  7.   font-family: 'Segoe UI', Arial;

  8.   background-color: #aaa;

  9.   padding: 0;

  10.   margin: 0;

  11. }

  12. .bg0 {

  13.   background-image: url("https://github.com/benc-uk/icon-collection/raw/master/_tools/background.png")

  14. }

  15. .bg1 {

  16.   background-color: #333;

  17. }

  18. .bg2 {

  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.   padding-top: 0;

  48.   box-shadow: 0px 5px 18px 3px rgba(0,0,0,0.59);

  49. }

  50. .top button {

  51.   float: right; 

  52.   position: relative; 

  53.   top: -2rem; 

  54.   font-size: 1.5rem;

  55. }

  56. .pngbox {

  57.   position: absolute; 

  58.   top: 2rem; 

  59.   right: 1rem;

  60.   font-size: 1.5rem;

  61. }

  62. input[type="checkbox"] {

  63.   width: 1.6em;

  64.   height: 1.6em;

  65. }

  66. .label {

  67.   height: 2.5em;

  68.   line-height: 1em;

  69.   overflow: hidden;

  70.   font-size: 0.9rem;

  71. }

  72. .grid {

  73.   display: flex;

  74.   flex-wrap: wrap;

  75.   width: 100%;

  76. }

  77. </style>

  78. <body>

  79. <div class="top">

  80. <h1>Azure Docs</h1>

  81. <span class="find">Finder: <input onkeyup="search()" id="finder"><br></span> 

  82. <div class="pngbox"><input type="checkbox" id="pngcheck"><label for="pngcheck">Download as PNG</label></div>

  83. <button onclick="toggleBg()">Change Background</button>

  84. </div>

  85. <div class="grid">

  86. <div id="activedirectory.svg" class="imgbox"><img src="activedirectory.svg" class="bg0" onclick="download('activedirectory.svg', this)"/><div class="label">activedirectory.svg</div></div>

  87. <div id="advisor.svg" class="imgbox"><img src="advisor.svg" class="bg0" onclick="download('advisor.svg', this)"/><div class="label">advisor.svg</div></div>

  88. <div id="analysisservices.svg" class="imgbox"><img src="analysisservices.svg" class="bg0" onclick="download('analysisservices.svg', this)"/><div class="label">analysisservices.svg</div></div>

  89. <div id="ansible.svg" class="imgbox"><img src="ansible.svg" class="bg0" onclick="download('ansible.svg', this)"/><div class="label">ansible.svg</div></div>

  90. <div id="api_anomaly_finder.svg" class="imgbox"><img src="api_anomaly_finder.svg" class="bg0" onclick="download('api_anomaly_finder.svg', this)"/><div class="label">api_anomaly_finder.svg</div></div>

  91. <div id="api_answer_search.svg" class="imgbox"><img src="api_answer_search.svg" class="bg0" onclick="download('api_answer_search.svg', this)"/><div class="label">api_answer_search.svg</div></div>

  92. <div id="api_bing_autosuggest.svg" class="imgbox"><img src="api_bing_autosuggest.svg" class="bg0" onclick="download('api_bing_autosuggest.svg', this)"/><div class="label">api_bing_autosuggest.svg</div></div>

  93. <div id="api_bing_custom_search.svg" class="imgbox"><img src="api_bing_custom_search.svg" class="bg0" onclick="download('api_bing_custom_search.svg', this)"/><div class="label">api_bing_custom_search.svg</div></div>

  94. <div id="api_bing_entity_search.svg" class="imgbox"><img src="api_bing_entity_search.svg" class="bg0" onclick="download('api_bing_entity_search.svg', this)"/><div class="label">api_bing_entity_search.svg</div></div>

  95. <div id="api_bing_image_search.svg" class="imgbox"><img src="api_bing_image_search.svg" class="bg0" onclick="download('api_bing_image_search.svg', this)"/><div class="label">api_bing_image_search.svg</div></div>

  96. <div id="api_bing_news_search.svg" class="imgbox"><img src="api_bing_news_search.svg" class="bg0" onclick="download('api_bing_news_search.svg', this)"/><div class="label">api_bing_news_search.svg</div></div>

  97. <div id="api_bing_speech.svg" class="imgbox"><img src="api_bing_speech.svg" class="bg0" onclick="download('api_bing_speech.svg', this)"/><div class="label">api_bing_speech.svg</div></div>

  98. <div id="api_bing_spell_check.svg" class="imgbox"><img src="api_bing_spell_check.svg" class="bg0" onclick="download('api_bing_spell_check.svg', this)"/><div class="label">api_bing_spell_check.svg</div></div>

  99. <div id="api_bing_video_search.svg" class="imgbox"><img src="api_bing_video_search.svg" class="bg0" onclick="download('api_bing_video_search.svg', this)"/><div class="label">api_bing_video_search.svg</div></div>

  100. <div id="api_bing_visual_search.svg" class="imgbox"><img src="api_bing_visual_search.svg" class="bg0" onclick="download('api_bing_visual_search.svg', this)"/><div class="label">api_bing_visual_search.svg</div></div>

  101. <div id="api_bing_web_search.svg" class="imgbox"><img src="api_bing_web_search.svg" class="bg0" onclick="download('api_bing_web_search.svg', this)"/><div class="label">api_bing_web_search.svg</div></div>

  102. <div id="api_computer_vision.svg" class="imgbox"><img src="api_computer_vision.svg" class="bg0" onclick="download('api_computer_vision.svg', this)"/><div class="label">api_computer_vision.svg</div></div>

  103. <div id="api_content_moderator.svg" class="imgbox"><img src="api_content_moderator.svg" class="bg0" onclick="download('api_content_moderator.svg', this)"/><div class="label">api_content_moderator.svg</div></div>

  104. <div id="api_conversation_learner.svg" class="imgbox"><img src="api_conversation_learner.svg" class="bg0" onclick="download('api_conversation_learner.svg', this)"/><div class="label">api_conversation_learner.svg</div></div>

  105. <div id="api_custom_decision_service.svg" class="imgbox"><img src="api_custom_decision_service.svg" class="bg0" onclick="download('api_custom_decision_service.svg', this)"/><div class="label">api_custom_decision_service.svg</div></div>

  106. <div id="api_custom_speech.svg" class="imgbox"><img src="api_custom_speech.svg" class="bg0" onclick="download('api_custom_speech.svg', this)"/><div class="label">api_custom_speech.svg</div></div>

  107. <div id="api_custom_vision.svg" class="imgbox"><img src="api_custom_vision.svg" class="bg0" onclick="download('api_custom_vision.svg', this)"/><div class="label">api_custom_vision.svg</div></div>

  108. <div id="api_emotion.svg" class="imgbox"><img src="api_emotion.svg" class="bg0" onclick="download('api_emotion.svg', this)"/><div class="label">api_emotion.svg</div></div>

  109. <div id="api_entity_linkingintelligence.svg" class="imgbox"><img src="api_entity_linkingintelligence.svg" class="bg0" onclick="download('api_entity_linkingintelligence.svg', this)"/><div class="label">api_entity_linkingintelligence.svg</div></div>

  110. <div id="api_face.svg" class="imgbox"><img src="api_face.svg" class="bg0" onclick="download('api_face.svg', this)"/><div class="label">api_face.svg</div></div>

  111. <div id="api_know_academic.svg" class="imgbox"><img src="api_know_academic.svg" class="bg0" onclick="download('api_know_academic.svg', this)"/><div class="label">api_know_academic.svg</div></div>

  112. <div id="api_knowledgeexploration.svg" class="imgbox"><img src="api_knowledgeexploration.svg" class="bg0" onclick="download('api_knowledgeexploration.svg', this)"/><div class="label">api_knowledgeexploration.svg</div></div>

  113. <div id="api_linguisticanalysis.svg" class="imgbox"><img src="api_linguisticanalysis.svg" class="bg0" onclick="download('api_linguisticanalysis.svg', this)"/><div class="label">api_linguisticanalysis.svg</div></div>

  114. <div id="api_luis.svg" class="imgbox"><img src="api_luis.svg" class="bg0" onclick="download('api_luis.svg', this)"/><div class="label">api_luis.svg</div></div>

  115. <div id="api_qnamaker.svg" class="imgbox"><img src="api_qnamaker.svg" class="bg0" onclick="download('api_qnamaker.svg', this)"/><div class="label">api_qnamaker.svg</div></div>

  116. <div id="api_recommendations.svg" class="imgbox"><img src="api_recommendations.svg" class="bg0" onclick="download('api_recommendations.svg', this)"/><div class="label">api_recommendations.svg</div></div>

  117. <div id="api_speaker_recognition.svg" class="imgbox"><img src="api_speaker_recognition.svg" class="bg0" onclick="download('api_speaker_recognition.svg', this)"/><div class="label">api_speaker_recognition.svg</div></div>

  118. <div id="api_speech_service.svg" class="imgbox"><img src="api_speech_service.svg" class="bg0" onclick="download('api_speech_service.svg', this)"/><div class="label">api_speech_service.svg</div></div>

  119. <div id="api_textanalytics.svg" class="imgbox"><img src="api_textanalytics.svg" class="bg0" onclick="download('api_textanalytics.svg', this)"/><div class="label">api_textanalytics.svg</div></div>

  120. <div id="api_translatorspeech.svg" class="imgbox"><img src="api_translatorspeech.svg" class="bg0" onclick="download('api_translatorspeech.svg', this)"/><div class="label">api_translatorspeech.svg</div></div>

  121. <div id="api_translatortext.svg" class="imgbox"><img src="api_translatortext.svg" class="bg0" onclick="download('api_translatortext.svg', this)"/><div class="label">api_translatortext.svg</div></div>

  122. <div id="api_url_preview.svg" class="imgbox"><img src="api_url_preview.svg" class="bg0" onclick="download('api_url_preview.svg', this)"/><div class="label">api_url_preview.svg</div></div>

  123. <div id="api_videoindexer.svg" class="imgbox"><img src="api_videoindexer.svg" class="bg0" onclick="download('api_videoindexer.svg', this)"/><div class="label">api_videoindexer.svg</div></div>

  124. <div id="api_weblanguagemodel.svg" class="imgbox"><img src="api_weblanguagemodel.svg" class="bg0" onclick="download('api_weblanguagemodel.svg', this)"/><div class="label">api_weblanguagemodel.svg</div></div>

  125. <div id="apimanagement.svg" class="imgbox"><img src="apimanagement.svg" class="bg0" onclick="download('apimanagement.svg', this)"/><div class="label">apimanagement.svg</div></div>

  126. <div id="app-service-api.svg" class="imgbox"><img src="app-service-api.svg" class="bg0" onclick="download('app-service-api.svg', this)"/><div class="label">app-service-api.svg</div></div>

  127. <div id="app-service-mobile.svg" class="imgbox"><img src="app-service-mobile.svg" class="bg0" onclick="download('app-service-mobile.svg', this)"/><div class="label">app-service-mobile.svg</div></div>

  128. <div id="app-service-web.svg" class="imgbox"><img src="app-service-web.svg" class="bg0" onclick="download('app-service-web.svg', this)"/><div class="label">app-service-web.svg</div></div>

  129. <div id="applicationgateway.svg" class="imgbox"><img src="applicationgateway.svg" class="bg0" onclick="download('applicationgateway.svg', this)"/><div class="label">applicationgateway.svg</div></div>

  130. <div id="applicationinsights.svg" class="imgbox"><img src="applicationinsights.svg" class="bg0" onclick="download('applicationinsights.svg', this)"/><div class="label">applicationinsights.svg</div></div>

  131. <div id="appservice.svg" class="imgbox"><img src="appservice.svg" class="bg0" onclick="download('appservice.svg', this)"/><div class="label">appservice.svg</div></div>

  132. <div id="automate-azure-tasks-with-powershell.svg" class="imgbox"><img src="automate-azure-tasks-with-powershell.svg" class="bg0" onclick="download('automate-azure-tasks-with-powershell.svg', this)"/><div class="label">automate-azure-tasks-with-powershell.svg</div></div>

  133. <div id="automation.svg" class="imgbox"><img src="automation.svg" class="bg0" onclick="download('automation.svg', this)"/><div class="label">automation.svg</div></div>

  134. <div id="availabilitysetold.svg" class="imgbox"><img src="availabilitysetold.svg" class="bg0" onclick="download('availabilitysetold.svg', this)"/><div class="label">availabilitysetold.svg</div></div>

  135. <div id="avere.svg" class="imgbox"><img src="avere.svg" class="bg0" onclick="download('avere.svg', this)"/><div class="label">avere.svg</div></div>

  136. <div id="azure-data-lake-analytics-color.svg" class="imgbox"><img src="azure-data-lake-analytics-color.svg" class="bg0" onclick="download('azure-data-lake-analytics-color.svg', this)"/><div class="label">azure-data-lake-analytics-color.svg</div></div>

  137. <div id="azure-data-lake-store-color.svg" class="imgbox"><img src="azure-data-lake-store-color.svg" class="bg0" onclick="download('azure-data-lake-store-color.svg', this)"/><div class="label">azure-data-lake-store-color.svg</div></div>

  138. <div id="azure-germany.svg" class="imgbox"><img src="azure-germany.svg" class="bg0" onclick="download('azure-germany.svg', this)"/><div class="label">azure-germany.svg</div></div>

  139. <div id="azure-government.svg" class="imgbox"><img src="azure-government.svg" class="bg0" onclick="download('azure-government.svg', this)"/><div class="label">azure-government.svg</div></div>

  140. <div id="azure-maps-icon-portal.svg" class="imgbox"><img src="azure-maps-icon-portal.svg" class="bg0" onclick="download('azure-maps-icon-portal.svg', this)"/><div class="label">azure-maps-icon-portal.svg</div></div>

  141. <div id="azure-migrate.svg" class="imgbox"><img src="azure-migrate.svg" class="bg0" onclick="download('azure-migrate.svg', this)"/><div class="label">azure-migrate.svg</div></div>

  142. <div id="azure-resource-manager.svg" class="imgbox"><img src="azure-resource-manager.svg" class="bg0" onclick="download('azure-resource-manager.svg', this)"/><div class="label">azure-resource-manager.svg</div></div>

  143. <div id="azure-signalr.svg" class="imgbox"><img src="azure-signalr.svg" class="bg0" onclick="download('azure-signalr.svg', this)"/><div class="label">azure-signalr.svg</div></div>

  144. <div id="azure-stack.svg" class="imgbox"><img src="azure-stack.svg" class="bg0" onclick="download('azure-stack.svg', this)"/><div class="label">azure-stack.svg</div></div>

  145. <div id="azure_best-practices.svg" class="imgbox"><img src="azure_best-practices.svg" class="bg0" onclick="download('azure_best-practices.svg', this)"/><div class="label">azure_best-practices.svg</div></div>

  146. <div id="azure_dev-1.svg" class="imgbox"><img src="azure_dev-1.svg" class="bg0" onclick="download('azure_dev-1.svg', this)"/><div class="label">azure_dev-1.svg</div></div>

  147. <div id="azure_dev-10.svg" class="imgbox"><img src="azure_dev-10.svg" class="bg0" onclick="download('azure_dev-10.svg', this)"/><div class="label">azure_dev-10.svg</div></div>

  148. <div id="azure_dev-11.svg" class="imgbox"><img src="azure_dev-11.svg" class="bg0" onclick="download('azure_dev-11.svg', this)"/><div class="label">azure_dev-11.svg</div></div>

  149. <div id="azure_dev-2.svg" class="imgbox"><img src="azure_dev-2.svg" class="bg0" onclick="download('azure_dev-2.svg', this)"/><div class="label">azure_dev-2.svg</div></div>

  150. <div id="azure_dev-3.svg" class="imgbox"><img src="azure_dev-3.svg" class="bg0" onclick="download('azure_dev-3.svg', this)"/><div class="label">azure_dev-3.svg</div></div>

  151. <div id="azure_dev-4.svg" class="imgbox"><img src="azure_dev-4.svg" class="bg0" onclick="download('azure_dev-4.svg', this)"/><div class="label">azure_dev-4.svg</div></div>

  152. <div id="azure_dev-6.svg" class="imgbox"><img src="azure_dev-6.svg" class="bg0" onclick="download('azure_dev-6.svg', this)"/><div class="label">azure_dev-6.svg</div></div>

  153. <div id="azure_dev-7.svg" class="imgbox"><img src="azure_dev-7.svg" class="bg0" onclick="download('azure_dev-7.svg', this)"/><div class="label">azure_dev-7.svg</div></div>

  154. <div id="azure_dev-8.svg" class="imgbox"><img src="azure_dev-8.svg" class="bg0" onclick="download('azure_dev-8.svg', this)"/><div class="label">azure_dev-8.svg</div></div>

  155. <div id="azure_event_grid.svg" class="imgbox"><img src="azure_event_grid.svg" class="bg0" onclick="download('azure_event_grid.svg', this)"/><div class="label">azure_event_grid.svg</div></div>

  156. <div id="azure_firewall.svg" class="imgbox"><img src="azure_firewall.svg" class="bg0" onclick="download('azure_firewall.svg', this)"/><div class="label">azure_firewall.svg</div></div>

  157. <div id="azure_fundamentals.svg" class="imgbox"><img src="azure_fundamentals.svg" class="bg0" onclick="download('azure_fundamentals.svg', this)"/><div class="label">azure_fundamentals.svg</div></div>

  158. <div id="azure_patterns.svg" class="imgbox"><img src="azure_patterns.svg" class="bg0" onclick="download('azure_patterns.svg', this)"/><div class="label">azure_patterns.svg</div></div>

  159. <div id="azure_reference-archictectures.svg" class="imgbox"><img src="azure_reference-archictectures.svg" class="bg0" onclick="download('azure_reference-archictectures.svg', this)"/><div class="label">azure_reference-archictectures.svg</div></div>

  160. <div id="azuredevspacecontroller_50x.svg" class="imgbox"><img src="azuredevspacecontroller_50x.svg" class="bg0" onclick="download('azuredevspacecontroller_50x.svg', this)"/><div class="label">azuredevspacecontroller_50x.svg</div></div>

  161. <div id="azurefunctions.svg" class="imgbox"><img src="azurefunctions.svg" class="bg0" onclick="download('azurefunctions.svg', this)"/><div class="label">azurefunctions.svg</div></div>

  162. <div id="azuremonitoring.svg" class="imgbox"><img src="azuremonitoring.svg" class="bg0" onclick="download('azuremonitoring.svg', this)"/><div class="label">azuremonitoring.svg</div></div>

  163. <div id="backup.svg" class="imgbox"><img src="backup.svg" class="bg0" onclick="download('backup.svg', this)"/><div class="label">backup.svg</div></div>

  164. <div id="batch.svg" class="imgbox"><img src="batch.svg" class="bg0" onclick="download('batch.svg', this)"/><div class="label">batch.svg</div></div>

  165. <div id="billing.svg" class="imgbox"><img src="billing.svg" class="bg0" onclick="download('billing.svg', this)"/><div class="label">billing.svg</div></div>

  166. <div id="blockchain-workbench.svg" class="imgbox"><img src="blockchain-workbench.svg" class="bg0" onclick="download('blockchain-workbench.svg', this)"/><div class="label">blockchain-workbench.svg</div></div>

  167. <div id="blueprints.svg" class="imgbox"><img src="blueprints.svg" class="bg0" onclick="download('blueprints.svg', this)"/><div class="label">blueprints.svg</div></div>

  168. <div id="bot-service.svg" class="imgbox"><img src="bot-service.svg" class="bg0" onclick="download('bot-service.svg', this)"/><div class="label">bot-service.svg</div></div>

  169. <div id="chef_regular.svg" class="imgbox"><img src="chef_regular.svg" class="bg0" onclick="download('chef_regular.svg', this)"/><div class="label">chef_regular.svg</div></div>

  170. <div id="cloud-shell.svg" class="imgbox"><img src="cloud-shell.svg" class="bg0" onclick="download('cloud-shell.svg', this)"/><div class="label">cloud-shell.svg</div></div>

  171. <div id="cloudservice.svg" class="imgbox"><img src="cloudservice.svg" class="bg0" onclick="download('cloudservice.svg', this)"/><div class="label">cloudservice.svg</div></div>

  172. <div id="container-registry.svg" class="imgbox"><img src="container-registry.svg" class="bg0" onclick="download('container-registry.svg', this)"/><div class="label">container-registry.svg</div></div>

  173. <div id="containerinstances.svg" class="imgbox"><img src="containerinstances.svg" class="bg0" onclick="download('containerinstances.svg', this)"/><div class="label">containerinstances.svg</div></div>

  174. <div id="containerservice.svg" class="imgbox"><img src="containerservice.svg" class="bg0" onclick="download('containerservice.svg', this)"/><div class="label">containerservice.svg</div></div>

  175. <div id="contentdeliverynetwork.svg" class="imgbox"><img src="contentdeliverynetwork.svg" class="bg0" onclick="download('contentdeliverynetwork.svg', this)"/><div class="label">contentdeliverynetwork.svg</div></div>

  176. <div id="control-azure-services-with-cli.svg" class="imgbox"><img src="control-azure-services-with-cli.svg" class="bg0" onclick="download('control-azure-services-with-cli.svg', this)"/><div class="label">control-azure-services-with-cli.svg</div></div>

  177. <div id="cosmosdb.svg" class="imgbox"><img src="cosmosdb.svg" class="bg0" onclick="download('cosmosdb.svg', this)"/><div class="label">cosmosdb.svg</div></div>

  178. <div id="cosmosdb_rgb_ui_lighttheme.svg" class="imgbox"><img src="cosmosdb_rgb_ui_lighttheme.svg" class="bg0" onclick="download('cosmosdb_rgb_ui_lighttheme.svg', this)"/><div class="label">cosmosdb_rgb_ui_lighttheme.svg</div></div>

  179. <div id="data-catalog.svg" class="imgbox"><img src="data-catalog.svg" class="bg0" onclick="download('data-catalog.svg', this)"/><div class="label">data-catalog.svg</div></div>

  180. <div id="database-migration.svg" class="imgbox"><img src="database-migration.svg" class="bg0" onclick="download('database-migration.svg', this)"/><div class="label">database-migration.svg</div></div>

  181. <div id="datafactory.svg" class="imgbox"><img src="datafactory.svg" class="bg0" onclick="download('datafactory.svg', this)"/><div class="label">datafactory.svg</div></div>

  182. <div id="ddos-protection.svg" class="imgbox"><img src="ddos-protection.svg" class="bg0" onclick="download('ddos-protection.svg', this)"/><div class="label">ddos-protection.svg</div></div>

  183. <div id="ddos.svg" class="imgbox"><img src="ddos.svg" class="bg0" onclick="download('ddos.svg', this)"/><div class="label">ddos.svg</div></div>

  184. <div id="dedicated-hsm.svg" class="imgbox"><img src="dedicated-hsm.svg" class="bg0" onclick="download('dedicated-hsm.svg', this)"/><div class="label">dedicated-hsm.svg</div></div>

  185. <div id="devopsiconpipelines96.svg" class="imgbox"><img src="devopsiconpipelines96.svg" class="bg0" onclick="download('devopsiconpipelines96.svg', this)"/><div class="label">devopsiconpipelines96.svg</div></div>

  186. <div id="devtestlabs.svg" class="imgbox"><img src="devtestlabs.svg" class="bg0" onclick="download('devtestlabs.svg', this)"/><div class="label">devtestlabs.svg</div></div>

  187. <div id="digital_twin.svg" class="imgbox"><img src="digital_twin.svg" class="bg0" onclick="download('digital_twin.svg', this)"/><div class="label">digital_twin.svg</div></div>

  188. <div id="disks-color.svg" class="imgbox"><img src="disks-color.svg" class="bg0" onclick="download('disks-color.svg', this)"/><div class="label">disks-color.svg</div></div>

  189. <div id="dns.svg" class="imgbox"><img src="dns.svg" class="bg0" onclick="download('dns.svg', this)"/><div class="label">dns.svg</div></div>

  190. <div id="dps.svg" class="imgbox"><img src="dps.svg" class="bg0" onclick="download('dps.svg', this)"/><div class="label">dps.svg</div></div>

  191. <div id="eventhubs.svg" class="imgbox"><img src="eventhubs.svg" class="bg0" onclick="download('eventhubs.svg', this)"/><div class="label">eventhubs.svg</div></div>

  192. <div id="expressroute.svg" class="imgbox"><img src="expressroute.svg" class="bg0" onclick="download('expressroute.svg', this)"/><div class="label">expressroute.svg</div></div>

  193. <div id="fabric.svg" class="imgbox"><img src="fabric.svg" class="bg0" onclick="download('fabric.svg', this)"/><div class="label">fabric.svg</div></div>

  194. <div id="frontdoor.svg" class="imgbox"><img src="frontdoor.svg" class="bg0" onclick="download('frontdoor.svg', this)"/><div class="label">frontdoor.svg</div></div>

  195. <div id="genomics.svg" class="imgbox"><img src="genomics.svg" class="bg0" onclick="download('genomics.svg', this)"/><div class="label">genomics.svg</div></div>

  196. <div id="governance.svg" class="imgbox"><img src="governance.svg" class="bg0" onclick="download('governance.svg', this)"/><div class="label">governance.svg</div></div>

  197. <div id="hdinsight.svg" class="imgbox"><img src="hdinsight.svg" class="bg0" onclick="download('hdinsight.svg', this)"/><div class="label">hdinsight.svg</div></div>

  198. <div id="hockeyapp.svg" class="imgbox"><img src="hockeyapp.svg" class="bg0" onclick="download('hockeyapp.svg', this)"/><div class="label">hockeyapp.svg</div></div>

  199. <div id="i_azure-cognitive-services-color.svg" class="imgbox"><img src="i_azure-cognitive-services-color.svg" class="bg0" onclick="download('i_azure-cognitive-services-color.svg', this)"/><div class="label">i_azure-cognitive-services-color.svg</div></div>

  200. <div id="i_cligeneric.svg" class="imgbox"><img src="i_cligeneric.svg" class="bg0" onclick="download('i_cligeneric.svg', this)"/><div class="label">i_cligeneric.svg</div></div>

  201. <div id="i_extensions.svg" class="imgbox"><img src="i_extensions.svg" class="bg0" onclick="download('i_extensions.svg', this)"/><div class="label">i_extensions.svg</div></div>

  202. <div id="i_information-protection.svg" class="imgbox"><img src="i_information-protection.svg" class="bg0" onclick="download('i_information-protection.svg', this)"/><div class="label">i_information-protection.svg</div></div>

  203. <div id="i_managed-application.svg" class="imgbox"><img src="i_managed-application.svg" class="bg0" onclick="download('i_managed-application.svg', this)"/><div class="label">i_managed-application.svg</div></div>

  204. <div id="i_mobile-app-developement.svg" class="imgbox"><img src="i_mobile-app-developement.svg" class="bg0" onclick="download('i_mobile-app-developement.svg', this)"/><div class="label">i_mobile-app-developement.svg</div></div>

  205. <div id="i_tools.svg" class="imgbox"><img src="i_tools.svg" class="bg0" onclick="download('i_tools.svg', this)"/><div class="label">i_tools.svg</div></div>

  206. <div id="iot-central.svg" class="imgbox"><img src="iot-central.svg" class="bg0" onclick="download('iot-central.svg', this)"/><div class="label">iot-central.svg</div></div>

  207. <div id="iot-edge-alt.svg" class="imgbox"><img src="iot-edge-alt.svg" class="bg0" onclick="download('iot-edge-alt.svg', this)"/><div class="label">iot-edge-alt.svg</div></div>

  208. <div id="iot-solution-accelerators.svg" class="imgbox"><img src="iot-solution-accelerators.svg" class="bg0" onclick="download('iot-solution-accelerators.svg', this)"/><div class="label">iot-solution-accelerators.svg</div></div>

  209. <div id="iothub.svg" class="imgbox"><img src="iothub.svg" class="bg0" onclick="download('iothub.svg', this)"/><div class="label">iothub.svg</div></div>

  210. <div id="keyvault.svg" class="imgbox"><img src="keyvault.svg" class="bg0" onclick="download('keyvault.svg', this)"/><div class="label">keyvault.svg</div></div>

  211. <div id="loadbalancer.svg" class="imgbox"><img src="loadbalancer.svg" class="bg0" onclick="download('loadbalancer.svg', this)"/><div class="label">loadbalancer.svg</div></div>

  212. <div id="logicapp.svg" class="imgbox"><img src="logicapp.svg" class="bg0" onclick="download('logicapp.svg', this)"/><div class="label">logicapp.svg</div></div>

  213. <div id="logo_Go-lightblue.svg" class="imgbox"><img src="logo_Go-lightblue.svg" class="bg0" onclick="download('logo_Go-lightblue.svg', this)"/><div class="label">logo_Go-lightblue.svg</div></div>

  214. <div id="logo_azure-blob-storage.svg" class="imgbox"><img src="logo_azure-blob-storage.svg" class="bg0" onclick="download('logo_azure-blob-storage.svg', this)"/><div class="label">logo_azure-blob-storage.svg</div></div>

  215. <div id="logo_azure-storage-file.svg" class="imgbox"><img src="logo_azure-storage-file.svg" class="bg0" onclick="download('logo_azure-storage-file.svg', this)"/><div class="label">logo_azure-storage-file.svg</div></div>

  216. <div id="logo_azure-storage-q.svg" class="imgbox"><img src="logo_azure-storage-q.svg" class="bg0" onclick="download('logo_azure-storage-q.svg', this)"/><div class="label">logo_azure-storage-q.svg</div></div>

  217. <div id="logo_azure.svg" class="imgbox"><img src="logo_azure.svg" class="bg0" onclick="download('logo_azure.svg', this)"/><div class="label">logo_azure.svg</div></div>

  218. <div id="logo_cyclecloud.svg" class="imgbox"><img src="logo_cyclecloud.svg" class="bg0" onclick="download('logo_cyclecloud.svg', this)"/><div class="label">logo_cyclecloud.svg</div></div>

  219. <div id="logo_databricks.svg" class="imgbox"><img src="logo_databricks.svg" class="bg0" onclick="download('logo_databricks.svg', this)"/><div class="label">logo_databricks.svg</div></div>

  220. <div id="logo_java.svg" class="imgbox"><img src="logo_java.svg" class="bg0" onclick="download('logo_java.svg', this)"/><div class="label">logo_java.svg</div></div>

  221. <div id="logo_jenkins.svg" class="imgbox"><img src="logo_jenkins.svg" class="bg0" onclick="download('logo_jenkins.svg', this)"/><div class="label">logo_jenkins.svg</div></div>

  222. <div id="logo_net.svg" class="imgbox"><img src="logo_net.svg" class="bg0" onclick="download('logo_net.svg', this)"/><div class="label">logo_net.svg</div></div>

  223. <div id="logo_nodejs.svg" class="imgbox"><img src="logo_nodejs.svg" class="bg0" onclick="download('logo_nodejs.svg', this)"/><div class="label">logo_nodejs.svg</div></div>

  224. <div id="logo_php.svg" class="imgbox"><img src="logo_php.svg" class="bg0" onclick="download('logo_php.svg', this)"/><div class="label">logo_php.svg</div></div>

  225. <div id="logo_python.svg" class="imgbox"><img src="logo_python.svg" class="bg0" onclick="download('logo_python.svg', this)"/><div class="label">logo_python.svg</div></div>

  226. <div id="logo_terraform.svg" class="imgbox"><img src="logo_terraform.svg" class="bg0" onclick="download('logo_terraform.svg', this)"/><div class="label">logo_terraform.svg</div></div>

  227. <div id="logo_visual-studio.svg" class="imgbox"><img src="logo_visual-studio.svg" class="bg0" onclick="download('logo_visual-studio.svg', this)"/><div class="label">logo_visual-studio.svg</div></div>

  228. <div id="logo_vs-code.svg" class="imgbox"><img src="logo_vs-code.svg" class="bg0" onclick="download('logo_vs-code.svg', this)"/><div class="label">logo_vs-code.svg</div></div>

  229. <div id="logo_vs-mobile-center.svg" class="imgbox"><img src="logo_vs-mobile-center.svg" class="bg0" onclick="download('logo_vs-mobile-center.svg', this)"/><div class="label">logo_vs-mobile-center.svg</div></div>

  230. <div id="logo_vs-team-services.svg" class="imgbox"><img src="logo_vs-team-services.svg" class="bg0" onclick="download('logo_vs-team-services.svg', this)"/><div class="label">logo_vs-team-services.svg</div></div>

  231. <div id="logo_xamarin.svg" class="imgbox"><img src="logo_xamarin.svg" class="bg0" onclick="download('logo_xamarin.svg', this)"/><div class="label">logo_xamarin.svg</div></div>

  232. <div id="machinelearning.svg" class="imgbox"><img src="machinelearning.svg" class="bg0" onclick="download('machinelearning.svg', this)"/><div class="label">machinelearning.svg</div></div>

  233. <div id="managed-disks.svg" class="imgbox"><img src="managed-disks.svg" class="bg0" onclick="download('managed-disks.svg', this)"/><div class="label">managed-disks.svg</div></div>

  234. <div id="mariadb.svg" class="imgbox"><img src="mariadb.svg" class="bg0" onclick="download('mariadb.svg', this)"/><div class="label">mariadb.svg</div></div>

  235. <div id="media-encoding.svg" class="imgbox"><img src="media-encoding.svg" class="bg0" onclick="download('media-encoding.svg', this)"/><div class="label">media-encoding.svg</div></div>

  236. <div id="media-indexer.svg" class="imgbox"><img src="media-indexer.svg" class="bg0" onclick="download('media-indexer.svg', this)"/><div class="label">media-indexer.svg</div></div>

  237. <div id="media-ondemand.svg" class="imgbox"><img src="media-ondemand.svg" class="bg0" onclick="download('media-ondemand.svg', this)"/><div class="label">media-ondemand.svg</div></div>

  238. <div id="media-player.svg" class="imgbox"><img src="media-player.svg" class="bg0" onclick="download('media-player.svg', this)"/><div class="label">media-player.svg</div></div>

  239. <div id="media-protection.svg" class="imgbox"><img src="media-protection.svg" class="bg0" onclick="download('media-protection.svg', this)"/><div class="label">media-protection.svg</div></div>

  240. <div id="media-services.svg" class="imgbox"><img src="media-services.svg" class="bg0" onclick="download('media-services.svg', this)"/><div class="label">media-services.svg</div></div>

  241. <div id="mediaservices.svg" class="imgbox"><img src="mediaservices.svg" class="bg0" onclick="download('mediaservices.svg', this)"/><div class="label">mediaservices.svg</div></div>

  242. <div id="multifactorauthentication.svg" class="imgbox"><img src="multifactorauthentication.svg" class="bg0" onclick="download('multifactorauthentication.svg', this)"/><div class="label">multifactorauthentication.svg</div></div>

  243. <div id="mysql.svg" class="imgbox"><img src="mysql.svg" class="bg0" onclick="download('mysql.svg', this)"/><div class="label">mysql.svg</div></div>

  244. <div id="netappstorage.svg" class="imgbox"><img src="netappstorage.svg" class="bg0" onclick="download('netappstorage.svg', this)"/><div class="label">netappstorage.svg</div></div>

  245. <div id="network-watcher.svg" class="imgbox"><img src="network-watcher.svg" class="bg0" onclick="download('network-watcher.svg', this)"/><div class="label">network-watcher.svg</div></div>

  246. <div id="networking-overview.svg" class="imgbox"><img src="networking-overview.svg" class="bg0" onclick="download('networking-overview.svg', this)"/><div class="label">networking-overview.svg</div></div>

  247. <div id="notebooks.svg" class="imgbox"><img src="notebooks.svg" class="bg0" onclick="download('notebooks.svg', this)"/><div class="label">notebooks.svg</div></div>

  248. <div id="notificationhubs.svg" class="imgbox"><img src="notificationhubs.svg" class="bg0" onclick="download('notificationhubs.svg', this)"/><div class="label">notificationhubs.svg</div></div>

  249. <div id="operationsmanagementsuite.svg" class="imgbox"><img src="operationsmanagementsuite.svg" class="bg0" onclick="download('operationsmanagementsuite.svg', this)"/><div class="label">operationsmanagementsuite.svg</div></div>

  250. <div id="personwithfriend.svg" class="imgbox"><img src="personwithfriend.svg" class="bg0" onclick="download('personwithfriend.svg', this)"/><div class="label">personwithfriend.svg</div></div>

  251. <div id="postgresql.svg" class="imgbox"><img src="postgresql.svg" class="bg0" onclick="download('postgresql.svg', this)"/><div class="label">postgresql.svg</div></div>

  252. <div id="powerbiembedded.svg" class="imgbox"><img src="powerbiembedded.svg" class="bg0" onclick="download('powerbiembedded.svg', this)"/><div class="label">powerbiembedded.svg</div></div>

  253. <div id="principles-cloud-computing.svg" class="imgbox"><img src="principles-cloud-computing.svg" class="bg0" onclick="download('principles-cloud-computing.svg', this)"/><div class="label">principles-cloud-computing.svg</div></div>

  254. <div id="rediscache.svg" class="imgbox"><img src="rediscache.svg" class="bg0" onclick="download('rediscache.svg', this)"/><div class="label">rediscache.svg</div></div>

  255. <div id="resource-graph.svg" class="imgbox"><img src="resource-graph.svg" class="bg0" onclick="download('resource-graph.svg', this)"/><div class="label">resource-graph.svg</div></div>

  256. <div id="resource-health.svg" class="imgbox"><img src="resource-health.svg" class="bg0" onclick="download('resource-health.svg', this)"/><div class="label">resource-health.svg</div></div>

  257. <div id="scheduler.svg" class="imgbox"><img src="scheduler.svg" class="bg0" onclick="download('scheduler.svg', this)"/><div class="label">scheduler.svg</div></div>

  258. <div id="search.svg" class="imgbox"><img src="search.svg" class="bg0" onclick="download('search.svg', this)"/><div class="label">search.svg</div></div>

  259. <div id="securitycenter.svg" class="imgbox"><img src="securitycenter.svg" class="bg0" onclick="download('securitycenter.svg', this)"/><div class="label">securitycenter.svg</div></div>

  260. <div id="servicebus.svg" class="imgbox"><img src="servicebus.svg" class="bg0" onclick="download('servicebus.svg', this)"/><div class="label">servicebus.svg</div></div>

  261. <div id="siterecovery.svg" class="imgbox"><img src="siterecovery.svg" class="bg0" onclick="download('siterecovery.svg', this)"/><div class="label">siterecovery.svg</div></div>

  262. <div id="sqldatabase.svg" class="imgbox"><img src="sqldatabase.svg" class="bg0" onclick="download('sqldatabase.svg', this)"/><div class="label">sqldatabase.svg</div></div>

  263. <div id="sqldatawarehouse.svg" class="imgbox"><img src="sqldatawarehouse.svg" class="bg0" onclick="download('sqldatawarehouse.svg', this)"/><div class="label">sqldatawarehouse.svg</div></div>

  264. <div id="storage.svg" class="imgbox"><img src="storage.svg" class="bg0" onclick="download('storage.svg', this)"/><div class="label">storage.svg</div></div>

  265. <div id="storsimple.svg" class="imgbox"><img src="storsimple.svg" class="bg0" onclick="download('storsimple.svg', this)"/><div class="label">storsimple.svg</div></div>

  266. <div id="streamanalytics.svg" class="imgbox"><img src="streamanalytics.svg" class="bg0" onclick="download('streamanalytics.svg', this)"/><div class="label">streamanalytics.svg</div></div>

  267. <div id="time-series-insights.svg" class="imgbox"><img src="time-series-insights.svg" class="bg0" onclick="download('time-series-insights.svg', this)"/><div class="label">time-series-insights.svg</div></div>

  268. <div id="tour-azure-services-and-features.svg" class="imgbox"><img src="tour-azure-services-and-features.svg" class="bg0" onclick="download('tour-azure-services-and-features.svg', this)"/><div class="label">tour-azure-services-and-features.svg</div></div>

  269. <div id="trafficmanager.svg" class="imgbox"><img src="trafficmanager.svg" class="bg0" onclick="download('trafficmanager.svg', this)"/><div class="label">trafficmanager.svg</div></div>

  270. <div id="virtualmachine.svg" class="imgbox"><img src="virtualmachine.svg" class="bg0" onclick="download('virtualmachine.svg', this)"/><div class="label">virtualmachine.svg</div></div>

  271. <div id="virtualnetwork.svg" class="imgbox"><img src="virtualnetwork.svg" class="bg0" onclick="download('virtualnetwork.svg', this)"/><div class="label">virtualnetwork.svg</div></div>

  272. <div id="vpngateway.svg" class="imgbox"><img src="vpngateway.svg" class="bg0" onclick="download('vpngateway.svg', this)"/><div class="label">vpngateway.svg</div></div>

  273. <div id="wan.svg" class="imgbox"><img src="wan.svg" class="bg0" onclick="download('wan.svg', this)"/><div class="label">wan.svg</div></div>

  274. 

  275. </div>

  276. <script>

  277. var bg = 0;

  278. function toggleBg() {

  279.   bg++

  280.   if(bg > 2) bg = 0;

  281.   for(let img of document.getElementsByTagName("img")) {

  282.     img.className = `bg${bg}`;

  283.   }

  284. }

  285. 

  286. function search() {

  287.   let q = document.getElementById('finder').value.trim().toLowerCase()

  288.   if(q.length <= 0) {

  289.     for(let imgbox of document.getElementsByClassName("imgbox")) {

  290.       imgbox.style.display = "inline-block"

  291.     }

  292.   }

  293.   for(let imgbox of document.getElementsByClassName("imgbox")) {

  294.     imgbox.style.display = "inline-block"

  295.     if(!imgbox.id.includes(q)) {

  296.       imgbox.style.display = "none"

  297.     }

  298.   }

  299. }

  300. 

  301. function download(f, e) {

  302.   var downloadPNG = document.getElementById("pngcheck").checked;

  303.   if(downloadPNG) {

  304.     var data = getBase64Image(e);

  305.     let a = document.createElement('a')

  306.     a.href = "data:application/octet-stream;base64," + data

  307.     a.download = f.replace('.svg', '.png')

  308.     a.click()

  309.   } else {

  310.     let a = document.createElement('a')

  311.     a.href = f

  312.     a.download = f

  313.     a.click()

  314.   }

  315. }

  316. 

  317. function getBase64Image(img) {

  318.   var canvas = document.createElement("canvas");

  319.   canvas.width = img.naturalWidth;

  320.   canvas.height = img.naturalHeight;

  321.   console.log(canvas.width , canvas.height)

  322.   var ctx = canvas.getContext("2d");

  323.   ctx.drawImage(img, 0, 0);

  324.   var dataURL = canvas.toDataURL("image/png");

  325.   return dataURL.replace(/^data:image\/(png|jpg);base64,/, "");

  326. }

  327. </script>

  328. </body></html>