heuzef
/
icon-collection
镜像来自 https://github.com/benc-uk/icon-collection.git

<html>
<head>
  <title>Azure Docs</title>
  <link rel="icon" type="image/png" href="../favicon.png">
  <style>
    body {
      font-family: 'Segoe UI', Arial;
      background-color: #aaa;
      padding: 0;
      margin: 0;
    }
    .bg-0 {
      background-image: url("https://github.com/benc-uk/icon-collection/raw/master/_tools/background.png")
    }
    .bg-1 {
      background-color: #333;
    }
    .bg-2 {
      background-color: #fff;
    }
    .imgbox img { 
      width: 10.5rem;
      height: 10.5rem;
      object-fit: contain;
      cursor: pointer;
    }
    .imgbox {
      margin: 0.6rem;
      padding: 0.5rem;
      text-align: center;
      width: 12rem;
      height: 12rem;
      background-color: #e0e0e0;
    }
    h1 {
      font-size: 2.6rem;
    }
    .find, .find input {
      font-size: 1.5rem;
    }
    .top {
      position: -webkit-sticky;
      position: sticky;
      top: 0;
      background-color: #aaa;
      padding: 1rem;
      box-shadow: 0px 5px 18px 3px rgba(0,0,0,0.59);
    }
    .top button {
      float: right; 
      position: relative; 
      top: -2rem; 
      font-size: 1.5rem;
    }
    .pngbox {
      position: absolute; 
      top: 2rem; 
      right: 1rem;
      font-size: 1.5rem;
    }
    input[type="checkbox"] {
      width: 1.6em;
      height: 1.6em;
    }
    .label {
      height: 2.5em;
      line-height: 1em;
      overflow: hidden;
      font-size: 0.9rem;
    }
    .grid {
      display: flex;
      flex-wrap: wrap;
      width: 100%;
    }
    h1 {
      display:inline;
    }
    .home {
      font-size: 3rem;
      text-decoration: none
    }
  </style>  
</head>

<body>

  <div class="top">
    <a href=".." class="home">&#129093;</a> &nbsp; <h1>Azure Docs</h1>
    <br/><br/>
    <span class="find">Finder: <input onkeyup="search()" id="finder"><br></span> 
    <div class="pngbox"><input type="checkbox" id="pngcheck"><label for="pngcheck">Download as PNG</label></div>
    <button onclick="toggleBg()">Change Background</button>
  </div>

  <div class="grid">
    
      <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>
    
      <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>
    
      <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>
    
      <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>
    
      <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>
    
      <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>
    
      <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>
    
      <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>
    
      <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>
    
      <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>
    
      <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>
    
      <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>
    
      <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>
    
      <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>
    
      <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>
    
      <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>
    
      <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>
    
      <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>
    
      <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>
    
      <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>
    
      <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>
    
      <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>
    
      <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>
    
      <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>
    
      <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>
    
      <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>
    
      <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>
    
      <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>
    
      <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>
    
      <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>
    
      <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>
    
      <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>
    
      <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>
    
      <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>
    
      <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>
    
      <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>
    
      <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>
    
      <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>
    
      <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>
    
      <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>
    
      <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>
    
      <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>
    
      <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>
    
      <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>
    
      <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>
    
      <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>
    
      <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>
    
      <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>
    
      <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>
    
      <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>
    
      <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>
    
      <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>
    
      <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>
    
      <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>
    
      <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>
    
      <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>
    
      <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>
    
      <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>
    
      <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>
    
      <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>
    
      <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>
    
      <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>
    
      <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>
    
      <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>
    
      <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>
    
      <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>
    
      <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>
    
      <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>
    
      <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>
    
      <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>
    
      <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>
    
      <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>
    
      <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>
    
      <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>
    
      <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>
    
      <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>
    
      <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>
    
      <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>
    
      <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>
    
      <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>
    
      <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>
    
      <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>
    
      <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>
    
      <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>
    
      <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>
    
      <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>
    
      <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>
    
      <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>
    
      <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>
    
      <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>
    
      <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>
    
      <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>
    
      <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>
    
      <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>
    
      <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>
    
      <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>
    
      <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>
    
      <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>
    
      <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>
    
      <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>
    
      <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>
    
      <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>
    
      <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>
    
      <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>
    
      <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>
    
      <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>
    
      <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>
    
      <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>
    
      <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>
    
      <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>
    
      <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>
    
      <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>
    
      <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>
    
      <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>
    
      <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>
    
      <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>
    
      <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>
    
      <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>
    
      <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>
    
      <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>
    
      <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>
    
      <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>
    
      <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>
    
      <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>
    
      <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>
    
      <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>
    
      <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>
    
      <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>
    
      <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>
    
      <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>
    
      <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>
    
      <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>
    
      <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>
    
      <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>
    
      <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>
    
      <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>
    
      <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>
    
      <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>
    
      <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>
    
      <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>
    
      <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>
    
      <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>
    
      <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>
    
      <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>
    
      <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>
    
      <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>
    
      <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>
    
      <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>
    
      <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>
    
      <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>
    
      <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>
    
      <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>
    
      <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>
    
      <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>
    
      <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>
    
      <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>
    
      <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>
    
      <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>
    
      <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>
    
      <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>
    
      <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>
    
      <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>
    
      <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>
    
      <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>
    
      <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>
    
      <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>
    
      <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>
    
      <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>
    
      <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>
    
      <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>
    
      <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>
    
      <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>
    
      <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>
    
      <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>
    
      <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>
    
      <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>
    
      <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>
    
      <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>
    
      <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>
    
      <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>
    
      <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>
    
      <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>
    
      <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>
    
      <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>
    
      <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>
    
      <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>
    
      <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>
    
      <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>
    
      <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>
    
  </div>

  <script>
    var bgSetting = 0;

    function toggleBg() {
      bgSetting++
      if(bgSetting > 2) bgSetting = 0;
      for(let img of document.getElementsByTagName("img")) {
        img.className = `bg-${bgSetting}`;
      }
    }
    
    function search() {
      let query = document.getElementById('finder').value.trim().toLowerCase()
      if(query.length <= 0) {
        for(let imgbox of document.getElementsByClassName("imgbox")) {
          imgbox.style.display = "inline-block"
        }
      }
      for(let imgbox of document.getElementsByClassName("imgbox")) {
        imgbox.style.display = "inline-block"
        if(!imgbox.id.includes(query)) {
          imgbox.style.display = "none"
        }
      }
    }
    
    function download(f, e) {
      if(document.getElementById("pngcheck").checked) {
        var data = getBase64Image(e);
        let a = document.createElement('a')
        a.href = "data:application/octet-stream;base64," + data
        a.download = f.replace('.svg', '.png')
        a.click()
      } else {
        let a = document.createElement('a')
        a.href = f
        a.download = f
        a.click()
      }
    }
    
    // Actual magic
    function getBase64Image(img) {
      var canvas = document.createElement("canvas");
      canvas.width = img.naturalWidth;
      canvas.height = img.naturalHeight;
      console.log(canvas.width , canvas.height)
      var ctx = canvas.getContext("2d");
      ctx.drawImage(img, 0, 0);
      var dataURL = canvas.toDataURL("image/png");
      return dataURL.replace(/^data:image\/(png|jpg);base64,/, "");
    }
  </script>
</body>
</html>