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.
53 Commits
8 Branches
11 MiB
 
 
 
Branch: master
Branches Tags
${ item.name }
Create branch ${ searchTerm }
from 'master'
${ noResults }
icon-collection/azure-docs/index.html

507 lines
37 KiB
Raw Permalink Blame History 

  1. <html lang="en" class="notranslate" translate="no">

  2. <head>

  3.   <meta name="google" content="notranslate" />

  4.   <title>Azure Docs</title>

  5.   <link rel="icon" type="image/png" href="../favicon.png">

  6.   <style>

  7.     body {

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

  9.       background-color: #aaa;

  10.       padding: 0;

  11.       margin: 0;

  12.     }

  13.     .bg-0 {

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

  15.     }

  16.     .bg-1 {

  17.       background-color: #333;

  18.     }

  19.     .bg-2 {

  20.       background-color: #fff;

  21.     }

  22.     .imgbox img { 

  23.       width: 10.5rem;

  24.       height: 10.5rem;

  25.       object-fit: contain;

  26.       cursor: pointer;

  27.     }

  28.     .imgbox {

  29.       margin: 0.6rem;

  30.       padding: 0.5rem;

  31.       text-align: center;

  32.       width: 12rem;

  33.       height: 12rem;

  34.       background-color: #e0e0e0;

  35.     }

  36.     h1 {

  37.       font-size: 1.8rem;

  38.     }

  39.     .find, .find input {

  40.       font-size: 1.1rem;

  41.     }

  42.     .top {

  43.       position: -webkit-sticky;

  44.       position: sticky;

  45.       top: 0;

  46.       background-color: rgb(211, 211, 211);

  47.       padding: 0.2rem;

  48.       padding-top: 0;

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

  50.     }

  51.     .top button {

  52.       float: right; 

  53.       position: absolute; 

  54.       top: 0.2rem; 

  55.       right: 0.2rem;

  56.       font-size: 1rem;

  57.       border-radius: 4px;

  58.     }

  59.     .pngbox {

  60.       position: absolute; 

  61.       top: 2rem; 

  62.       right: 1rem;

  63.       font-size: 0.9rem;

  64.     }

  65.     input[type="checkbox"] {

  66.       width: 1.6em;

  67.       height: 1.6em;

  68.     }

  69.     .label {

  70.       height: 2.5em;

  71.       line-height: 1em;

  72.       overflow: hidden;

  73.       font-size: 0.9rem;

  74.     }

  75.     .grid {

  76.       display: flex;

  77.       flex-wrap: wrap;

  78.       width: 100%;

  79.     }

  80.     h1 {

  81.       display:inline;

  82.     }

  83.     .home {

  84.       font-size: 2rem;

  85.       text-decoration: none;

  86.       color:rgb(99, 99, 99);

  87.     }

  88.   </style>  

  89. </head>

  90. 

  91. <body>

  92. 

  93.   <div class="top">

  94.     <a href=".." class="home">&#129093;</a> &nbsp; <h1>Azure Docs</h1>

  95.     <br/>

  96.     <span class="find">Finder: <input onkeyup="search()" id="finder">&nbsp; Icons: <span id="count">...</span></span> 

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

  98.     <button onclick="toggleBg()">Toggle Background</button>

  99.   </div>

  100. 

  101.   <div class="grid">

  102.     

  103.       <div id="active-directory-b2c.svg" class="imgbox"><img src="active-directory-b2c.svg" class="bg-0" onclick="download('active-directory-b2c.svg', this)"/><div class="label">active-directory-b2c.svg</div></div>

  104.     

  105.       <div id="active-directory.svg" class="imgbox"><img src="active-directory.svg" class="bg-0" onclick="download('active-directory.svg', this)"/><div class="label">active-directory.svg</div></div>

  106.     

  107.       <div id="ad-domain-services.svg" class="imgbox"><img src="ad-domain-services.svg" class="bg-0" onclick="download('ad-domain-services.svg', this)"/><div class="label">ad-domain-services.svg</div></div>

  108.     

  109.       <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>

  110.     

  111.       <div id="analysis-services.svg" class="imgbox"><img src="analysis-services.svg" class="bg-0" onclick="download('analysis-services.svg', this)"/><div class="label">analysis-services.svg</div></div>

  112.     

  113.       <div id="anomaly-detector.svg" class="imgbox"><img src="anomaly-detector.svg" class="bg-0" onclick="download('anomaly-detector.svg', this)"/><div class="label">anomaly-detector.svg</div></div>

  114.     

  115.       <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>

  116.     

  117.       <div id="api-apps.svg" class="imgbox"><img src="api-apps.svg" class="bg-0" onclick="download('api-apps.svg', this)"/><div class="label">api-apps.svg</div></div>

  118.     

  119.       <div id="api-for-fhir.svg" class="imgbox"><img src="api-for-fhir.svg" class="bg-0" onclick="download('api-for-fhir.svg', this)"/><div class="label">api-for-fhir.svg</div></div>

  120.     

  121.       <div id="api-management.svg" class="imgbox"><img src="api-management.svg" class="bg-0" onclick="download('api-management.svg', this)"/><div class="label">api-management.svg</div></div>

  122.     

  123.       <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>

  124.     

  125.       <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>

  126.     

  127.       <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>

  128.     

  129.       <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>

  130.     

  131.       <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>

  132.     

  133.       <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>

  134.     

  135.       <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>

  136.     

  137.       <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>

  138.     

  139.       <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>

  140.     

  141.       <div id="app-configuration.svg" class="imgbox"><img src="app-configuration.svg" class="bg-0" onclick="download('app-configuration.svg', this)"/><div class="label">app-configuration.svg</div></div>

  142.     

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

  144.     

  145.       <div id="application-gateways.svg" class="imgbox"><img src="application-gateways.svg" class="bg-0" onclick="download('application-gateways.svg', this)"/><div class="label">application-gateways.svg</div></div>

  146.     

  147.       <div id="application-insights.svg" class="imgbox"><img src="application-insights.svg" class="bg-0" onclick="download('application-insights.svg', this)"/><div class="label">application-insights.svg</div></div>

  148.     

  149.       <div id="arc.svg" class="imgbox"><img src="arc.svg" class="bg-0" onclick="download('arc.svg', this)"/><div class="label">arc.svg</div></div>

  150.     

  151.       <div id="architecture.svg" class="imgbox"><img src="architecture.svg" class="bg-0" onclick="download('architecture.svg', this)"/><div class="label">architecture.svg</div></div>

  152.     

  153.       <div id="artifacts.svg" class="imgbox"><img src="artifacts.svg" class="bg-0" onclick="download('artifacts.svg', this)"/><div class="label">artifacts.svg</div></div>

  154.     

  155.       <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>

  156.     

  157.       <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>

  158.     

  159.       <div id="azure-data-studio.svg" class="imgbox"><img src="azure-data-studio.svg" class="bg-0" onclick="download('azure-data-studio.svg', this)"/><div class="label">azure-data-studio.svg</div></div>

  160.     

  161.       <div id="azure-vmware.svg" class="imgbox"><img src="azure-vmware.svg" class="bg-0" onclick="download('azure-vmware.svg', this)"/><div class="label">azure-vmware.svg</div></div>

  162.     

  163.       <div id="azure.svg" class="imgbox"><img src="azure.svg" class="bg-0" onclick="download('azure.svg', this)"/><div class="label">azure.svg</div></div>

  164.     

  165.       <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>

  166.     

  167.       <div id="batch-accounts.svg" class="imgbox"><img src="batch-accounts.svg" class="bg-0" onclick="download('batch-accounts.svg', this)"/><div class="label">batch-accounts.svg</div></div>

  168.     

  169.       <div id="blockchain-service.svg" class="imgbox"><img src="blockchain-service.svg" class="bg-0" onclick="download('blockchain-service.svg', this)"/><div class="label">blockchain-service.svg</div></div>

  170.     

  171.       <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>

  172.     

  173.       <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>

  174.     

  175.       <div id="boards.svg" class="imgbox"><img src="boards.svg" class="bg-0" onclick="download('boards.svg', this)"/><div class="label">boards.svg</div></div>

  176.     

  177.       <div id="bonsai.svg" class="imgbox"><img src="bonsai.svg" class="bg-0" onclick="download('bonsai.svg', this)"/><div class="label">bonsai.svg</div></div>

  178.     

  179.       <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>

  180.     

  181.       <div id="cache-redis.svg" class="imgbox"><img src="cache-redis.svg" class="bg-0" onclick="download('cache-redis.svg', this)"/><div class="label">cache-redis.svg</div></div>

  182.     

  183.       <div id="cdn-profiles.svg" class="imgbox"><img src="cdn-profiles.svg" class="bg-0" onclick="download('cdn-profiles.svg', this)"/><div class="label">cdn-profiles.svg</div></div>

  184.     

  185.       <div id="cloud-services.svg" class="imgbox"><img src="cloud-services.svg" class="bg-0" onclick="download('cloud-services.svg', this)"/><div class="label">cloud-services.svg</div></div>

  186.     

  187.       <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>

  188.     

  189.       <div id="cognitive-services.svg" class="imgbox"><img src="cognitive-services.svg" class="bg-0" onclick="download('cognitive-services.svg', this)"/><div class="label">cognitive-services.svg</div></div>

  190.     

  191.       <div id="container-instances.svg" class="imgbox"><img src="container-instances.svg" class="bg-0" onclick="download('container-instances.svg', this)"/><div class="label">container-instances.svg</div></div>

  192.     

  193.       <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>

  194.     

  195.       <div id="cosmos-db.svg" class="imgbox"><img src="cosmos-db.svg" class="bg-0" onclick="download('cosmos-db.svg', this)"/><div class="label">cosmos-db.svg</div></div>

  196.     

  197.       <div id="cost-management.svg" class="imgbox"><img src="cost-management.svg" class="bg-0" onclick="download('cost-management.svg', this)"/><div class="label">cost-management.svg</div></div>

  198.     

  199.       <div id="custom-vision.svg" class="imgbox"><img src="custom-vision.svg" class="bg-0" onclick="download('custom-vision.svg', this)"/><div class="label">custom-vision.svg</div></div>

  200.     

  201.       <div id="data-box.svg" class="imgbox"><img src="data-box.svg" class="bg-0" onclick="download('data-box.svg', this)"/><div class="label">data-box.svg</div></div>

  202.     

  203.       <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>

  204.     

  205.       <div id="data-explorer.svg" class="imgbox"><img src="data-explorer.svg" class="bg-0" onclick="download('data-explorer.svg', this)"/><div class="label">data-explorer.svg</div></div>

  206.     

  207.       <div id="data-factory.svg" class="imgbox"><img src="data-factory.svg" class="bg-0" onclick="download('data-factory.svg', this)"/><div class="label">data-factory.svg</div></div>

  208.     

  209.       <div id="data-lake-analytics.svg" class="imgbox"><img src="data-lake-analytics.svg" class="bg-0" onclick="download('data-lake-analytics.svg', this)"/><div class="label">data-lake-analytics.svg</div></div>

  210.     

  211.       <div id="data-shares.svg" class="imgbox"><img src="data-shares.svg" class="bg-0" onclick="download('data-shares.svg', this)"/><div class="label">data-shares.svg</div></div>

  212.     

  213.       <div id="database-mariadb-server.svg" class="imgbox"><img src="database-mariadb-server.svg" class="bg-0" onclick="download('database-mariadb-server.svg', this)"/><div class="label">database-mariadb-server.svg</div></div>

  214.     

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

  216.     

  217.       <div id="database-mysql-server.svg" class="imgbox"><img src="database-mysql-server.svg" class="bg-0" onclick="download('database-mysql-server.svg', this)"/><div class="label">database-mysql-server.svg</div></div>

  218.     

  219.       <div id="database-postgresql-server.svg" class="imgbox"><img src="database-postgresql-server.svg" class="bg-0" onclick="download('database-postgresql-server.svg', this)"/><div class="label">database-postgresql-server.svg</div></div>

  220.     

  221.       <div id="databricks.svg" class="imgbox"><img src="databricks.svg" class="bg-0" onclick="download('databricks.svg', this)"/><div class="label">databricks.svg</div></div>

  222.     

  223.       <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>

  224.     

  225.       <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>

  226.     

  227.       <div id="devops.svg" class="imgbox"><img src="devops.svg" class="bg-0" onclick="download('devops.svg', this)"/><div class="label">devops.svg</div></div>

  228.     

  229.       <div id="devtest-labs.svg" class="imgbox"><img src="devtest-labs.svg" class="bg-0" onclick="download('devtest-labs.svg', this)"/><div class="label">devtest-labs.svg</div></div>

  230.     

  231.       <div id="digital-twins.svg" class="imgbox"><img src="digital-twins.svg" class="bg-0" onclick="download('digital-twins.svg', this)"/><div class="label">digital-twins.svg</div></div>

  232.     

  233.       <div id="disk-storage.svg" class="imgbox"><img src="disk-storage.svg" class="bg-0" onclick="download('disk-storage.svg', this)"/><div class="label">disk-storage.svg</div></div>

  234.     

  235.       <div id="disk.svg" class="imgbox"><img src="disk.svg" class="bg-0" onclick="download('disk.svg', this)"/><div class="label">disk.svg</div></div>

  236.     

  237.       <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>

  238.     

  239.       <div id="event-grid-domains.svg" class="imgbox"><img src="event-grid-domains.svg" class="bg-0" onclick="download('event-grid-domains.svg', this)"/><div class="label">event-grid-domains.svg</div></div>

  240.     

  241.       <div id="event-hubs.svg" class="imgbox"><img src="event-hubs.svg" class="bg-0" onclick="download('event-hubs.svg', this)"/><div class="label">event-hubs.svg</div></div>

  242.     

  243.       <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>

  244.     

  245.       <div id="firewall-manager.svg" class="imgbox"><img src="firewall-manager.svg" class="bg-0" onclick="download('firewall-manager.svg', this)"/><div class="label">firewall-manager.svg</div></div>

  246.     

  247.       <div id="firewall.svg" class="imgbox"><img src="firewall.svg" class="bg-0" onclick="download('firewall.svg', this)"/><div class="label">firewall.svg</div></div>

  248.     

  249.       <div id="front-door.svg" class="imgbox"><img src="front-door.svg" class="bg-0" onclick="download('front-door.svg', this)"/><div class="label">front-door.svg</div></div>

  250.     

  251.       <div id="frontdoor-waf-policies.svg" class="imgbox"><img src="frontdoor-waf-policies.svg" class="bg-0" onclick="download('frontdoor-waf-policies.svg', this)"/><div class="label">frontdoor-waf-policies.svg</div></div>

  252.     

  253.       <div id="functions.svg" class="imgbox"><img src="functions.svg" class="bg-0" onclick="download('functions.svg', this)"/><div class="label">functions.svg</div></div>

  254.     

  255.       <div id="fxt-edge-filer.svg" class="imgbox"><img src="fxt-edge-filer.svg" class="bg-0" onclick="download('fxt-edge-filer.svg', this)"/><div class="label">fxt-edge-filer.svg</div></div>

  256.     

  257.       <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>

  258.     

  259.       <div id="get-started.svg" class="imgbox"><img src="get-started.svg" class="bg-0" onclick="download('get-started.svg', this)"/><div class="label">get-started.svg</div></div>

  260.     

  261.       <div id="github-actions-icon.svg" class="imgbox"><img src="github-actions-icon.svg" class="bg-0" onclick="download('github-actions-icon.svg', this)"/><div class="label">github-actions-icon.svg</div></div>

  262.     

  263.       <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>

  264.     

  265.       <div id="hpc-cache.svg" class="imgbox"><img src="hpc-cache.svg" class="bg-0" onclick="download('hpc-cache.svg', this)"/><div class="label">hpc-cache.svg</div></div>

  266.     

  267.       <div id="information-protection.svg" class="imgbox"><img src="information-protection.svg" class="bg-0" onclick="download('information-protection.svg', this)"/><div class="label">information-protection.svg</div></div>

  268.     

  269.       <div id="internet-analyzer.svg" class="imgbox"><img src="internet-analyzer.svg" class="bg-0" onclick="download('internet-analyzer.svg', this)"/><div class="label">internet-analyzer.svg</div></div>

  270.     

  271.       <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>

  272.     

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

  274.     

  275.       <div id="iot-hub.svg" class="imgbox"><img src="iot-hub.svg" class="bg-0" onclick="download('iot-hub.svg', this)"/><div class="label">iot-hub.svg</div></div>

  276.     

  277.       <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>

  278.     

  279.       <div id="iot-windows10-core-services.svg" class="imgbox"><img src="iot-windows10-core-services.svg" class="bg-0" onclick="download('iot-windows10-core-services.svg', this)"/><div class="label">iot-windows10-core-services.svg</div></div>

  280.     

  281.       <div id="key-vault.svg" class="imgbox"><img src="key-vault.svg" class="bg-0" onclick="download('key-vault.svg', this)"/><div class="label">key-vault.svg</div></div>

  282.     

  283.       <div id="kinect-viewer.svg" class="imgbox"><img src="kinect-viewer.svg" class="bg-0" onclick="download('kinect-viewer.svg', this)"/><div class="label">kinect-viewer.svg</div></div>

  284.     

  285.       <div id="kubernetes-services.svg" class="imgbox"><img src="kubernetes-services.svg" class="bg-0" onclick="download('kubernetes-services.svg', this)"/><div class="label">kubernetes-services.svg</div></div>

  286.     

  287.       <div id="lab-services.svg" class="imgbox"><img src="lab-services.svg" class="bg-0" onclick="download('lab-services.svg', this)"/><div class="label">lab-services.svg</div></div>

  288.     

  289.       <div id="learn.svg" class="imgbox"><img src="learn.svg" class="bg-0" onclick="download('learn.svg', this)"/><div class="label">learn.svg</div></div>

  290.     

  291.       <div id="lighthouse.svg" class="imgbox"><img src="lighthouse.svg" class="bg-0" onclick="download('lighthouse.svg', this)"/><div class="label">lighthouse.svg</div></div>

  292.     

  293.       <div id="load-balancer.svg" class="imgbox"><img src="load-balancer.svg" class="bg-0" onclick="download('load-balancer.svg', this)"/><div class="label">load-balancer.svg</div></div>

  294.     

  295.       <div id="log-analytics.svg" class="imgbox"><img src="log-analytics.svg" class="bg-0" onclick="download('log-analytics.svg', this)"/><div class="label">log-analytics.svg</div></div>

  296.     

  297.       <div id="logic-apps.svg" class="imgbox"><img src="logic-apps.svg" class="bg-0" onclick="download('logic-apps.svg', this)"/><div class="label">logic-apps.svg</div></div>

  298.     

  299.       <div id="logo_cligeneric.svg" class="imgbox"><img src="logo_CLIgeneric.svg" class="bg-0" onclick="download('logo_CLIgeneric.svg', this)"/><div class="label">logo_CLIgeneric.svg</div></div>

  300.     

  301.       <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>

  302.     

  303.       <div id="logo_rest.svg" class="imgbox"><img src="logo_REST.svg" class="bg-0" onclick="download('logo_REST.svg', this)"/><div class="label">logo_REST.svg</div></div>

  304.     

  305.       <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>

  306.     

  307.       <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>

  308.     

  309.       <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>

  310.     

  311.       <div id="logo_js.svg" class="imgbox"><img src="logo_js.svg" class="bg-0" onclick="download('logo_js.svg', this)"/><div class="label">logo_js.svg</div></div>

  312.     

  313.       <div id="logo_powershell.svg" class="imgbox"><img src="logo_powershell.svg" class="bg-0" onclick="download('logo_powershell.svg', this)"/><div class="label">logo_powershell.svg</div></div>

  314.     

  315.       <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>

  316.     

  317.       <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>

  318.     

  319.       <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>

  320.     

  321.       <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>

  322.     

  323.       <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>

  324.     

  325.       <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>

  326.     

  327.       <div id="machine-learning.svg" class="imgbox"><img src="machine-learning.svg" class="bg-0" onclick="download('machine-learning.svg', this)"/><div class="label">machine-learning.svg</div></div>

  328.     

  329.       <div id="managed-applications.svg" class="imgbox"><img src="managed-applications.svg" class="bg-0" onclick="download('managed-applications.svg', this)"/><div class="label">managed-applications.svg</div></div>

  330.     

  331.       <div id="maps.svg" class="imgbox"><img src="maps.svg" class="bg-0" onclick="download('maps.svg', this)"/><div class="label">maps.svg</div></div>

  332.     

  333.       <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>

  334.     

  335.       <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>

  336.     

  337.       <div id="migrate.svg" class="imgbox"><img src="migrate.svg" class="bg-0" onclick="download('migrate.svg', this)"/><div class="label">migrate.svg</div></div>

  338.     

  339.       <div id="monitor.svg" class="imgbox"><img src="monitor.svg" class="bg-0" onclick="download('monitor.svg', this)"/><div class="label">monitor.svg</div></div>

  340.     

  341.       <div id="net-logo.svg" class="imgbox"><img src="net-logo.svg" class="bg-0" onclick="download('net-logo.svg', this)"/><div class="label">net-logo.svg</div></div>

  342.     

  343.       <div id="netapp-files.svg" class="imgbox"><img src="netapp-files.svg" class="bg-0" onclick="download('netapp-files.svg', this)"/><div class="label">netapp-files.svg</div></div>

  344.     

  345.       <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>

  346.     

  347.       <div id="notification-hubs.svg" class="imgbox"><img src="notification-hubs.svg" class="bg-0" onclick="download('notification-hubs.svg', this)"/><div class="label">notification-hubs.svg</div></div>

  348.     

  349.       <div id="open-datasets.svg" class="imgbox"><img src="open-datasets.svg" class="bg-0" onclick="download('open-datasets.svg', this)"/><div class="label">open-datasets.svg</div></div>

  350.     

  351.       <div id="openshift.svg" class="imgbox"><img src="openshift.svg" class="bg-0" onclick="download('openshift.svg', this)"/><div class="label">openshift.svg</div></div>

  352.     

  353.       <div id="overview.svg" class="imgbox"><img src="overview.svg" class="bg-0" onclick="download('overview.svg', this)"/><div class="label">overview.svg</div></div>

  354.     

  355.       <div id="pipelines.svg" class="imgbox"><img src="pipelines.svg" class="bg-0" onclick="download('pipelines.svg', this)"/><div class="label">pipelines.svg</div></div>

  356.     

  357.       <div id="policy.svg" class="imgbox"><img src="policy.svg" class="bg-0" onclick="download('policy.svg', this)"/><div class="label">policy.svg</div></div>

  358.     

  359.       <div id="power-bi.svg" class="imgbox"><img src="power-bi.svg" class="bg-0" onclick="download('power-bi.svg', this)"/><div class="label">power-bi.svg</div></div>

  360.     

  361.       <div id="private-link.svg" class="imgbox"><img src="private-link.svg" class="bg-0" onclick="download('private-link.svg', this)"/><div class="label">private-link.svg</div></div>

  362.     

  363.       <div id="recovery-services-vaults.svg" class="imgbox"><img src="recovery-services-vaults.svg" class="bg-0" onclick="download('recovery-services-vaults.svg', this)"/><div class="label">recovery-services-vaults.svg</div></div>

  364.     

  365.       <div id="remote-rendering.svg" class="imgbox"><img src="remote-rendering.svg" class="bg-0" onclick="download('remote-rendering.svg', this)"/><div class="label">remote-rendering.svg</div></div>

  366.     

  367.       <div id="repos.svg" class="imgbox"><img src="repos.svg" class="bg-0" onclick="download('repos.svg', this)"/><div class="label">repos.svg</div></div>

  368.     

  369.       <div id="resource-groups.svg" class="imgbox"><img src="resource-groups.svg" class="bg-0" onclick="download('resource-groups.svg', this)"/><div class="label">resource-groups.svg</div></div>

  370.     

  371.       <div id="rtos.svg" class="imgbox"><img src="rtos.svg" class="bg-0" onclick="download('rtos.svg', this)"/><div class="label">rtos.svg</div></div>

  372.     

  373.       <div id="sap.svg" class="imgbox"><img src="sap.svg" class="bg-0" onclick="download('sap.svg', this)"/><div class="label">sap.svg</div></div>

  374.     

  375.       <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>

  376.     

  377.       <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>

  378.     

  379.       <div id="security-center.svg" class="imgbox"><img src="security-center.svg" class="bg-0" onclick="download('security-center.svg', this)"/><div class="label">security-center.svg</div></div>

  380.     

  381.       <div id="sentinel.svg" class="imgbox"><img src="sentinel.svg" class="bg-0" onclick="download('sentinel.svg', this)"/><div class="label">sentinel.svg</div></div>

  382.     

  383.       <div id="service-bus.svg" class="imgbox"><img src="service-bus.svg" class="bg-0" onclick="download('service-bus.svg', this)"/><div class="label">service-bus.svg</div></div>

  384.     

  385.       <div id="service-fabric-clusters.svg" class="imgbox"><img src="service-fabric-clusters.svg" class="bg-0" onclick="download('service-fabric-clusters.svg', this)"/><div class="label">service-fabric-clusters.svg</div></div>

  386.     

  387.       <div id="service-health.svg" class="imgbox"><img src="service-health.svg" class="bg-0" onclick="download('service-health.svg', this)"/><div class="label">service-health.svg</div></div>

  388.     

  389.       <div id="signalr-service.svg" class="imgbox"><img src="signalr-service.svg" class="bg-0" onclick="download('signalr-service.svg', this)"/><div class="label">signalr-service.svg</div></div>

  390.     

  391.       <div id="spatial-anchor-accounts.svg" class="imgbox"><img src="spatial-anchor-accounts.svg" class="bg-0" onclick="download('spatial-anchor-accounts.svg', this)"/><div class="label">spatial-anchor-accounts.svg</div></div>

  392.     

  393.       <div id="sphere.svg" class="imgbox"><img src="sphere.svg" class="bg-0" onclick="download('sphere.svg', this)"/><div class="label">sphere.svg</div></div>

  394.     

  395.       <div id="spring-cloud.svg" class="imgbox"><img src="spring-cloud.svg" class="bg-0" onclick="download('spring-cloud.svg', this)"/><div class="label">spring-cloud.svg</div></div>

  396.     

  397.       <div id="sql-database-edge.svg" class="imgbox"><img src="sql-database-edge.svg" class="bg-0" onclick="download('sql-database-edge.svg', this)"/><div class="label">sql-database-edge.svg</div></div>

  398.     

  399.       <div id="sql-database.svg" class="imgbox"><img src="sql-database.svg" class="bg-0" onclick="download('sql-database.svg', this)"/><div class="label">sql-database.svg</div></div>

  400.     

  401.       <div id="sql-managed-instance.svg" class="imgbox"><img src="sql-managed-instance.svg" class="bg-0" onclick="download('sql-managed-instance.svg', this)"/><div class="label">sql-managed-instance.svg</div></div>

  402.     

  403.       <div id="sql-server-vm.svg" class="imgbox"><img src="sql-server-vm.svg" class="bg-0" onclick="download('sql-server-vm.svg', this)"/><div class="label">sql-server-vm.svg</div></div>

  404.     

  405.       <div id="sql.svg" class="imgbox"><img src="sql.svg" class="bg-0" onclick="download('sql.svg', this)"/><div class="label">sql.svg</div></div>

  406.     

  407.       <div id="stack.svg" class="imgbox"><img src="stack.svg" class="bg-0" onclick="download('stack.svg', this)"/><div class="label">stack.svg</div></div>

  408.     

  409.       <div id="static-apps.svg" class="imgbox"><img src="static-apps.svg" class="bg-0" onclick="download('static-apps.svg', this)"/><div class="label">static-apps.svg</div></div>

  410.     

  411.       <div id="storage-accounts.svg" class="imgbox"><img src="storage-accounts.svg" class="bg-0" onclick="download('storage-accounts.svg', this)"/><div class="label">storage-accounts.svg</div></div>

  412.     

  413.       <div id="storage-azure-files.svg" class="imgbox"><img src="storage-azure-files.svg" class="bg-0" onclick="download('storage-azure-files.svg', this)"/><div class="label">storage-azure-files.svg</div></div>

  414.     

  415.       <div id="storage-explorer.svg" class="imgbox"><img src="storage-explorer.svg" class="bg-0" onclick="download('storage-explorer.svg', this)"/><div class="label">storage-explorer.svg</div></div>

  416.     

  417.       <div id="storsimple-device-managers.svg" class="imgbox"><img src="storsimple-device-managers.svg" class="bg-0" onclick="download('storsimple-device-managers.svg', this)"/><div class="label">storsimple-device-managers.svg</div></div>

  418.     

  419.       <div id="stream-analytics.svg" class="imgbox"><img src="stream-analytics.svg" class="bg-0" onclick="download('stream-analytics.svg', this)"/><div class="label">stream-analytics.svg</div></div>

  420.     

  421.       <div id="synapse.svg" class="imgbox"><img src="synapse.svg" class="bg-0" onclick="download('synapse.svg', this)"/><div class="label">synapse.svg</div></div>

  422.     

  423.       <div id="test-plans.svg" class="imgbox"><img src="test-plans.svg" class="bg-0" onclick="download('test-plans.svg', this)"/><div class="label">test-plans.svg</div></div>

  424.     

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

  426.     

  427.       <div id="traffic-manager.svg" class="imgbox"><img src="traffic-manager.svg" class="bg-0" onclick="download('traffic-manager.svg', this)"/><div class="label">traffic-manager.svg</div></div>

  428.     

  429.       <div id="virtual-machine.svg" class="imgbox"><img src="virtual-machine.svg" class="bg-0" onclick="download('virtual-machine.svg', this)"/><div class="label">virtual-machine.svg</div></div>

  430.     

  431.       <div id="virtual-network-gateways.svg" class="imgbox"><img src="virtual-network-gateways.svg" class="bg-0" onclick="download('virtual-network-gateways.svg', this)"/><div class="label">virtual-network-gateways.svg</div></div>

  432.     

  433.       <div id="virtual-networks.svg" class="imgbox"><img src="virtual-networks.svg" class="bg-0" onclick="download('virtual-networks.svg', this)"/><div class="label">virtual-networks.svg</div></div>

  434.     

  435.       <div id="virtual-wans.svg" class="imgbox"><img src="virtual-wans.svg" class="bg-0" onclick="download('virtual-wans.svg', this)"/><div class="label">virtual-wans.svg</div></div>

  436.     

  437.       <div id="vm-scale-sets.svg" class="imgbox"><img src="vm-scale-sets.svg" class="bg-0" onclick="download('vm-scale-sets.svg', this)"/><div class="label">vm-scale-sets.svg</div></div>

  438.     

  439.       <div id="web-apps-containers.svg" class="imgbox"><img src="web-apps-containers.svg" class="bg-0" onclick="download('web-apps-containers.svg', this)"/><div class="label">web-apps-containers.svg</div></div>

  440.     

  441.       <div id="web_connect.svg" class="imgbox"><img src="web_connect.svg" class="bg-0" onclick="download('web_connect.svg', this)"/><div class="label">web_connect.svg</div></div>

  442.     

  443.       <div id="windows-virtual-desktop.svg" class="imgbox"><img src="windows-virtual-desktop.svg" class="bg-0" onclick="download('windows-virtual-desktop.svg', this)"/><div class="label">windows-virtual-desktop.svg</div></div>

  444.     

  445.   </div>

  446. 

  447.   <script>

  448.     var bgSetting = 0;

  449. 

  450.     function toggleBg() {

  451.       bgSetting++

  452.       if(bgSetting > 2) bgSetting = 0;

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

  454.         img.className = `bg-${bgSetting}`;

  455.       }

  456.     }

  457.     

  458.     function search() {

  459.       let query = document.getElementById('finder').value.trim().toLowerCase()

  460.       if(query.length <= 0) {

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

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

  463.         }

  464.       }

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

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

  467.         if(!imgbox.id.includes(query)) {

  468.           imgbox.style.display = "none"

  469.         }

  470.       }

  471.     }

  472.     

  473.     function download(f, e) {

  474.       if(document.getElementById("pngcheck").checked) {

  475.         var data = getBase64Image(e);

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

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

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

  479.         a.click()

  480.       } else {

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

  482.         a.href = f

  483.         a.download = f

  484.         a.click()

  485.       }

  486.     }

  487.     

  488.     // Actual magic

  489.     function getBase64Image(img) {

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

  491.       canvas.width = img.naturalWidth;

  492.       canvas.height = img.naturalHeight;

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

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

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

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

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

  498.     }

  499.     

  500.     function updateCount() {

  501.       document.querySelector('#count').innerHTML = ''+document.querySelectorAll(".imgbox").length

  502.     }

  503. 

  504.     updateCount()

  505.   </script>

  506. </body>

  507. </html>