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.
31 Commits
8 Branches
83 MiB
 
 
 
Tree: 0ff176cc9e
Branches Tags
${ item.name }
Create branch ${ searchTerm }
from '0ff176cc9e'
${ noResults }
icon-collection/official/index.html

648 lines
55 KiB
Raw Blame History 

  1. <html>

  2. <head>

  3.   <title>Official MS Cloud Icon Set</title>

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

  5.   <style>

  6.     body {

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

  8.       background-color: #aaa;

  9.       padding: 0;

  10.       margin: 0;

  11.     }

  12.     .bg-0 {

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

  14.     }

  15.     .bg-1 {

  16.       background-color: #333;

  17.     }

  18.     .bg-2 {

  19.       background-color: #fff;

  20.     }

  21.     .imgbox img { 

  22.       width: 10.5rem;

  23.       height: 10.5rem;

  24.       object-fit: contain;

  25.       cursor: pointer;

  26.     }

  27.     .imgbox {

  28.       margin: 0.6rem;

  29.       padding: 0.5rem;

  30.       text-align: center;

  31.       width: 12rem;

  32.       height: 12rem;

  33.       background-color: #e0e0e0;

  34.     }

  35.     h1 {

  36.       font-size: 2.6rem;

  37.     }

  38.     .find, .find input {

  39.       font-size: 1.5rem;

  40.     }

  41.     .top {

  42.       position: -webkit-sticky;

  43.       position: sticky;

  44.       top: 0;

  45.       background-color: #aaa;

  46.       padding: 1rem;

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

  48.     }

  49.     .top button {

  50.       float: right; 

  51.       position: relative; 

  52.       top: -2rem; 

  53.       font-size: 1.5rem;

  54.     }

  55.     .pngbox {

  56.       position: absolute; 

  57.       top: 2rem; 

  58.       right: 1rem;

  59.       font-size: 1.5rem;

  60.     }

  61.     input[type="checkbox"] {

  62.       width: 1.6em;

  63.       height: 1.6em;

  64.     }

  65.     .label {

  66.       height: 2.5em;

  67.       line-height: 1em;

  68.       overflow: hidden;

  69.       font-size: 0.9rem;

  70.     }

  71.     .grid {

  72.       display: flex;

  73.       flex-wrap: wrap;

  74.       width: 100%;

  75.     }

  76.     h1 {

  77.       display:inline;

  78.     }

  79.     .home {

  80.       font-size: 3rem;

  81.       text-decoration: none

  82.     }

  83.   </style>  

  84. </head>

  85. 

  86. <body>

  87. 

  88.   <div class="top">

  89.     <a href=".." class="home">&#129093;</a> &nbsp; <h1>Official MS Cloud Icon Set</h1>

  90.     <br/><br/>

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

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

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

  94.   </div>

  95. 

  96.   <div class="grid">

  97.     

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

  99.     

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

  101.     

  102.       <div id="access review.svg" class="imgbox"><img src="Access Review.svg" class="bg-0" onclick="download('Access Review.svg', this)"/><div class="label">Access Review.svg</div></div>

  103.     

  104.       <div id="active directory connect health.svg" class="imgbox"><img src="Active Directory Connect Health.svg" class="bg-0" onclick="download('Active Directory Connect Health.svg', this)"/><div class="label">Active Directory Connect Health.svg</div></div>

  105.     

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

  107.     

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

  109.     

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

  111.     

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

  113.     

  114.       <div id="all resources.svg" class="imgbox"><img src="All Resources.svg" class="bg-0" onclick="download('All Resources.svg', this)"/><div class="label">All Resources.svg</div></div>

  115.     

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

  117.     

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

  119.     

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

  121.     

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

  123.     

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

  125.     

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

  127.     

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

  129.     

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

  131.     

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

  133.     

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

  135.     

  136.       <div id="application security groups.svg" class="imgbox"><img src="Application Security Groups.svg" class="bg-0" onclick="download('Application Security Groups.svg', this)"/><div class="label">Application Security Groups.svg</div></div>

  137.     

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

  139.     

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

  141.     

  142.       <div id="availability sets.svg" class="imgbox"><img src="Availability Sets.svg" class="bg-0" onclick="download('Availability Sets.svg', this)"/><div class="label">Availability Sets.svg</div></div>

  143.     

  144.       <div id="azure ad b2c.svg" class="imgbox"><img src="Azure AD B2C.svg" class="bg-0" onclick="download('Azure AD B2C.svg', this)"/><div class="label">Azure AD B2C.svg</div></div>

  145.     

  146.       <div id="azure ad domain services.svg" class="imgbox"><img src="Azure AD Domain Services.svg" class="bg-0" onclick="download('Azure AD Domain Services.svg', this)"/><div class="label">Azure AD Domain Services.svg</div></div>

  147.     

  148.       <div id="azure ad identity protection.svg" class="imgbox"><img src="Azure AD Identity Protection.svg" class="bg-0" onclick="download('Azure AD Identity Protection.svg', this)"/><div class="label">Azure AD Identity Protection.svg</div></div>

  149.     

  150.       <div id="azure ad privileged identity management.svg" class="imgbox"><img src="Azure AD Privileged Identity Management.svg" class="bg-0" onclick="download('Azure AD Privileged Identity Management.svg', this)"/><div class="label">Azure AD Privileged Identity Management.svg</div></div>

  151.     

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

  153.     

  154.       <div id="azure app service - mobile.svg" class="imgbox"><img src="Azure App Service - Mobile.svg" class="bg-0" onclick="download('Azure App Service - Mobile.svg', this)"/><div class="label">Azure App Service - Mobile.svg</div></div>

  155.     

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

  157.     

  158.       <div id="azure cache for redis.svg" class="imgbox"><img src="Azure Cache for Redis.svg" class="bg-0" onclick="download('Azure Cache for Redis.svg', this)"/><div class="label">Azure Cache for Redis.svg</div></div>

  159.     

  160.       <div id="azure cache plus redis.svg" class="imgbox"><img src="Azure Cache plus Redis.svg" class="bg-0" onclick="download('Azure Cache plus Redis.svg', this)"/><div class="label">Azure Cache plus Redis.svg</div></div>

  161.     

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

  163.     

  164.       <div id="azure data catalog.svg" class="imgbox"><img src="Azure Data Catalog.svg" class="bg-0" onclick="download('Azure Data Catalog.svg', this)"/><div class="label">Azure Data Catalog.svg</div></div>

  165.     

  166.       <div id="azure data explorer clusters.svg" class="imgbox"><img src="Azure Data Explorer Clusters.svg" class="bg-0" onclick="download('Azure Data Explorer Clusters.svg', this)"/><div class="label">Azure Data Explorer Clusters.svg</div></div>

  167.     

  168.       <div id="azure database (generic).svg" class="imgbox"><img src="Azure Database (Generic).svg" class="bg-0" onclick="download('Azure Database (Generic).svg', this)"/><div class="label">Azure Database (Generic).svg</div></div>

  169.     

  170.       <div id="azure database migration services.svg" class="imgbox"><img src="Azure Database Migration Services.svg" class="bg-0" onclick="download('Azure Database Migration Services.svg', this)"/><div class="label">Azure Database Migration Services.svg</div></div>

  171.     

  172.       <div id="azure database for mariadb servers.svg" class="imgbox"><img src="Azure Database for MariaDB servers.svg" class="bg-0" onclick="download('Azure Database for MariaDB servers.svg', this)"/><div class="label">Azure Database for MariaDB servers.svg</div></div>

  173.     

  174.       <div id="azure database for mysql servers.svg" class="imgbox"><img src="Azure Database for MySQL servers.svg" class="bg-0" onclick="download('Azure Database for MySQL servers.svg', this)"/><div class="label">Azure Database for MySQL servers.svg</div></div>

  175.     

  176.       <div id="azure database for postgresql servers.svg" class="imgbox"><img src="Azure Database for PostgreSQL servers.svg" class="bg-0" onclick="download('Azure Database for PostgreSQL servers.svg', this)"/><div class="label">Azure Database for PostgreSQL servers.svg</div></div>

  177.     

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

  179.     

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

  181.     

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

  183.     

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

  185.     

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

  187.     

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

  189.     

  190.       <div id="azure iot hub security.svg" class="imgbox"><img src="Azure IoT Hub Security.svg" class="bg-0" onclick="download('Azure IoT Hub Security.svg', this)"/><div class="label">Azure IoT Hub Security.svg</div></div>

  191.     

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

  193.     

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

  195.     

  196.       <div id="azure media player.svg" class="imgbox"><img src="Azure Media Player.svg" class="bg-0" onclick="download('Azure Media Player.svg', this)"/><div class="label">Azure Media Player.svg</div></div>

  197.     

  198.       <div id="azure media services.svg" class="imgbox"><img src="Azure Media Services.svg" class="bg-0" onclick="download('Azure Media Services.svg', this)"/><div class="label">Azure Media Services.svg</div></div>

  199.     

  200.       <div id="azure mobile engagement.svg" class="imgbox"><img src="Azure Mobile Engagement.svg" class="bg-0" onclick="download('Azure Mobile Engagement.svg', this)"/><div class="label">Azure Mobile Engagement.svg</div></div>

  201.     

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

  203.     

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

  205.     

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

  207.     

  208.       <div id="azure sql datawarehouse.svg" class="imgbox"><img src="Azure SQL DataWarehouse.svg" class="bg-0" onclick="download('Azure SQL DataWarehouse.svg', this)"/><div class="label">Azure SQL DataWarehouse.svg</div></div>

  209.     

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

  211.     

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

  213.     

  214.       <div id="azure service bus relays.svg" class="imgbox"><img src="Azure Service Bus Relays.svg" class="bg-0" onclick="download('Azure Service Bus Relays.svg', this)"/><div class="label">Azure Service Bus Relays.svg</div></div>

  215.     

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

  217.     

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

  219.     

  220.       <div id="azure storsimple device managers.svg" class="imgbox"><img src="Azure StorSimple Device Managers.svg" class="bg-0" onclick="download('Azure StorSimple Device Managers.svg', this)"/><div class="label">Azure StorSimple Device Managers.svg</div></div>

  221.     

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

  223.     

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

  225.     

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

  227.     

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

  229.     

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

  231.     

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

  233.     

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

  235.     

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

  237.     

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

  239.     

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

  241.     

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

  243.     

  244.       <div id="citrix virtual desktops essentials.svg" class="imgbox"><img src="Citrix Virtual Desktops Essentials.svg" class="bg-0" onclick="download('Citrix Virtual Desktops Essentials.svg', this)"/><div class="label">Citrix Virtual Desktops Essentials.svg</div></div>

  245.     

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

  247.     

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

  249.     

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

  251.     

  252.       <div id="cloudsimple nodes.svg" class="imgbox"><img src="CloudSimple Nodes.svg" class="bg-0" onclick="download('CloudSimple Nodes.svg', this)"/><div class="label">CloudSimple Nodes.svg</div></div>

  253.     

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

  255.     

  256.       <div id="cloudsimple virtual machines.svg" class="imgbox"><img src="CloudSimple Virtual Machines.svg" class="bg-0" onclick="download('CloudSimple Virtual Machines.svg', this)"/><div class="label">CloudSimple Virtual Machines.svg</div></div>

  257.     

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

  259.     

  260.       <div id="conditional access.svg" class="imgbox"><img src="Conditional Access.svg" class="bg-0" onclick="download('Conditional Access.svg', this)"/><div class="label">Conditional Access.svg</div></div>

  261.     

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

  263.     

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

  265.     

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

  267.     

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

  269.     

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

  271.     

  272.       <div id="cost management + billing.svg" class="imgbox"><img src="Cost Management + Billing.svg" class="bg-0" onclick="download('Cost Management + Billing.svg', this)"/><div class="label">Cost Management + Billing.svg</div></div>

  273.     

  274.       <div id="customer lockbox.svg" class="imgbox"><img src="Customer Lockbox.svg" class="bg-0" onclick="download('Customer Lockbox.svg', this)"/><div class="label">Customer Lockbox.svg</div></div>

  275.     

  276.       <div id="ddos protection plans.svg" class="imgbox"><img src="DDOS Protection Plans.svg" class="bg-0" onclick="download('DDOS Protection Plans.svg', this)"/><div class="label">DDOS Protection Plans.svg</div></div>

  277.     

  278.       <div id="dns private zones.svg" class="imgbox"><img src="DNS Private Zones.svg" class="bg-0" onclick="download('DNS Private Zones.svg', this)"/><div class="label">DNS Private Zones.svg</div></div>

  279.     

  280.       <div id="dns zones.svg" class="imgbox"><img src="DNS Zones.svg" class="bg-0" onclick="download('DNS Zones.svg', this)"/><div class="label">DNS Zones.svg</div></div>

  281.     

  282.       <div id="data box edge _ data box gateway.svg" class="imgbox"><img src="Data Box Edge _ Data Box Gateway.svg" class="bg-0" onclick="download('Data Box Edge _ Data Box Gateway.svg', this)"/><div class="label">Data Box Edge _ Data Box Gateway.svg</div></div>

  283.     

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

  285.     

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

  287.     

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

  289.     

  290.       <div id="data lake storage.svg" class="imgbox"><img src="Data Lake Storage.svg" class="bg-0" onclick="download('Data Lake Storage.svg', this)"/><div class="label">Data Lake Storage.svg</div></div>

  291.     

  292.       <div id="data lake store gen1.svg" class="imgbox"><img src="Data Lake Store Gen1.svg" class="bg-0" onclick="download('Data Lake Store Gen1.svg', this)"/><div class="label">Data Lake Store Gen1.svg</div></div>

  293.     

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

  295.     

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

  297.     

  298.       <div id="device provisioning services.svg" class="imgbox"><img src="Device Provisioning Services.svg" class="bg-0" onclick="download('Device Provisioning Services.svg', this)"/><div class="label">Device Provisioning Services.svg</div></div>

  299.     

  300.       <div id="diagnostic settings.svg" class="imgbox"><img src="Diagnostic Settings.svg" class="bg-0" onclick="download('Diagnostic Settings.svg', this)"/><div class="label">Diagnostic Settings.svg</div></div>

  301.     

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

  303.     

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

  305.     

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

  307.     

  308.       <div id="elastic database pools.svg" class="imgbox"><img src="Elastic Database Pools.svg" class="bg-0" onclick="download('Elastic Database Pools.svg', this)"/><div class="label">Elastic Database Pools.svg</div></div>

  309.     

  310.       <div id="elastic job agents.svg" class="imgbox"><img src="Elastic Job Agents.svg" class="bg-0" onclick="download('Elastic Job Agents.svg', this)"/><div class="label">Elastic Job Agents.svg</div></div>

  311.     

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

  313.     

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

  315.     

  316.       <div id="event grid subscriptions.svg" class="imgbox"><img src="Event Grid Subscriptions.svg" class="bg-0" onclick="download('Event Grid Subscriptions.svg', this)"/><div class="label">Event Grid Subscriptions.svg</div></div>

  317.     

  318.       <div id="event grid topics.svg" class="imgbox"><img src="Event Grid Topics.svg" class="bg-0" onclick="download('Event Grid Topics.svg', this)"/><div class="label">Event Grid Topics.svg</div></div>

  319.     

  320.       <div id="event hub clusters.svg" class="imgbox"><img src="Event Hub Clusters.svg" class="bg-0" onclick="download('Event Hub Clusters.svg', this)"/><div class="label">Event Hub Clusters.svg</div></div>

  321.     

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

  323.     

  324.       <div id="exchange on-premises access.svg" class="imgbox"><img src="Exchange on-premises access.svg" class="bg-0" onclick="download('Exchange on-premises access.svg', this)"/><div class="label">Exchange on-premises access.svg</div></div>

  325.     

  326.       <div id="expressroute circuits.svg" class="imgbox"><img src="ExpressRoute Circuits.svg" class="bg-0" onclick="download('ExpressRoute Circuits.svg', this)"/><div class="label">ExpressRoute Circuits.svg</div></div>

  327.     

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

  329.     

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

  331.     

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

  333.     

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

  335.     

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

  337.     

  338.       <div id="guest assignments.svg" class="imgbox"><img src="Guest Assignments.svg" class="bg-0" onclick="download('Guest Assignments.svg', this)"/><div class="label">Guest Assignments.svg</div></div>

  339.     

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

  341.     

  342.       <div id="help + support.svg" class="imgbox"><img src="Help + Support.svg" class="bg-0" onclick="download('Help + Support.svg', this)"/><div class="label">Help + Support.svg</div></div>

  343.     

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

  345.     

  346.       <div id="image definitions.svg" class="imgbox"><img src="Image Definitions.svg" class="bg-0" onclick="download('Image Definitions.svg', this)"/><div class="label">Image Definitions.svg</div></div>

  347.     

  348.       <div id="image versions.svg" class="imgbox"><img src="Image Versions.svg" class="bg-0" onclick="download('Image Versions.svg', this)"/><div class="label">Image Versions.svg</div></div>

  349.     

  350.       <div id="import export jobs.svg" class="imgbox"><img src="Import Export Jobs.svg" class="bg-0" onclick="download('Import Export Jobs.svg', this)"/><div class="label">Import Export Jobs.svg</div></div>

  351.     

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

  353.     

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

  355.     

  356.       <div id="integration service environments.svg" class="imgbox"><img src="Integration Service Environments.svg" class="bg-0" onclick="download('Integration Service Environments.svg', this)"/><div class="label">Integration Service Environments.svg</div></div>

  357.     

  358.       <div id="intune app protection.svg" class="imgbox"><img src="Intune App Protection.svg" class="bg-0" onclick="download('Intune App Protection.svg', this)"/><div class="label">Intune App Protection.svg</div></div>

  359.     

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

  361.     

  362.       <div id="iot central applications.svg" class="imgbox"><img src="IoT Central Applications.svg" class="bg-0" onclick="download('IoT Central Applications.svg', this)"/><div class="label">IoT Central Applications.svg</div></div>

  363.     

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

  365.     

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

  367.     

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

  369.     

  370.       <div id="local network gateways.svg" class="imgbox"><img src="Local Network Gateways.svg" class="bg-0" onclick="download('Local Network Gateways.svg', this)"/><div class="label">Local Network Gateways.svg</div></div>

  371.     

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

  373.     

  374.       <div id="logic apps custom connector.svg" class="imgbox"><img src="Logic Apps Custom Connector.svg" class="bg-0" onclick="download('Logic Apps Custom Connector.svg', this)"/><div class="label">Logic Apps Custom Connector.svg</div></div>

  375.     

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

  377.     

  378.       <div id="machine learning service workspaces.svg" class="imgbox"><img src="Machine Learning Service Workspaces.svg" class="bg-0" onclick="download('Machine Learning Service Workspaces.svg', this)"/><div class="label">Machine Learning Service Workspaces.svg</div></div>

  379.     

  380.       <div id="machine learning studio web service plans.svg" class="imgbox"><img src="Machine Learning Studio Web Service Plans.svg" class="bg-0" onclick="download('Machine Learning Studio Web Service Plans.svg', this)"/><div class="label">Machine Learning Studio Web Service Plans.svg</div></div>

  381.     

  382.       <div id="machine learning studio web services.svg" class="imgbox"><img src="Machine Learning Studio Web Services.svg" class="bg-0" onclick="download('Machine Learning Studio Web Services.svg', this)"/><div class="label">Machine Learning Studio Web Services.svg</div></div>

  383.     

  384.       <div id="machine learning studio workspaces.svg" class="imgbox"><img src="Machine Learning Studio Workspaces.svg" class="bg-0" onclick="download('Machine Learning Studio Workspaces.svg', this)"/><div class="label">Machine Learning Studio Workspaces.svg</div></div>

  385.     

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

  387.     

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

  389.     

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

  391.     

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

  393.     

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

  395.     

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

  397.     

  398.       <div id="media on-demand.svg" class="imgbox"><img src="Media On-Demand.svg" class="bg-0" onclick="download('Media On-Demand.svg', this)"/><div class="label">Media On-Demand.svg</div></div>

  399.     

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

  401.     

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

  403.     

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

  405.     

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

  407.     

  408.       <div id="network interfaces.svg" class="imgbox"><img src="Network Interfaces.svg" class="bg-0" onclick="download('Network Interfaces.svg', this)"/><div class="label">Network Interfaces.svg</div></div>

  409.     

  410.       <div id="network security groups (classic).svg" class="imgbox"><img src="Network Security Groups (Classic).svg" class="bg-0" onclick="download('Network Security Groups (Classic).svg', this)"/><div class="label">Network Security Groups (Classic).svg</div></div>

  411.     

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

  413.     

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

  415.     

  416.       <div id="notification hub namespaces.svg" class="imgbox"><img src="Notification Hub Namespaces.svg" class="bg-0" onclick="download('Notification Hub Namespaces.svg', this)"/><div class="label">Notification Hub Namespaces.svg</div></div>

  417.     

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

  419.     

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

  421.     

  422.       <div id="os images (classic).svg" class="imgbox"><img src="OS Images (Classic).svg" class="bg-0" onclick="download('OS Images (Classic).svg', this)"/><div class="label">OS Images (Classic).svg</div></div>

  423.     

  424.       <div id="on-premises data gateways.svg" class="imgbox"><img src="On-premises Data Gateways.svg" class="bg-0" onclick="download('On-premises Data Gateways.svg', this)"/><div class="label">On-premises Data Gateways.svg</div></div>

  425.     

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

  427.     

  428.       <div id="public ip addresses.svg" class="imgbox"><img src="Public IP Addresses.svg" class="bg-0" onclick="download('Public IP Addresses.svg', this)"/><div class="label">Public IP Addresses.svg</div></div>

  429.     

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

  431.     

  432.       <div id="quick start center.svg" class="imgbox"><img src="Quick Start Center.svg" class="bg-0" onclick="download('Quick Start Center.svg', this)"/><div class="label">Quick Start Center.svg</div></div>

  433.     

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

  435.     

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

  437.     

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

  439.     

  440.       <div id="reserved ip addresses (classic).svg" class="imgbox"><img src="Reserved IP Addresses (Classic).svg" class="bg-0" onclick="download('Reserved IP Addresses (Classic).svg', this)"/><div class="label">Reserved IP Addresses (Classic).svg</div></div>

  441.     

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

  443.     

  444.       <div id="resource graph explorer.svg" class="imgbox"><img src="Resource Graph Explorer.svg" class="bg-0" onclick="download('Resource Graph Explorer.svg', this)"/><div class="label">Resource Graph Explorer.svg</div></div>

  445.     

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

  447.     

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

  449.     

  450.       <div id="route filters.svg" class="imgbox"><img src="Route Filters.svg" class="bg-0" onclick="download('Route Filters.svg', this)"/><div class="label">Route Filters.svg</div></div>

  451.     

  452.       <div id="route tables.svg" class="imgbox"><img src="Route Tables.svg" class="bg-0" onclick="download('Route Tables.svg', this)"/><div class="label">Route Tables.svg</div></div>

  453.     

  454.       <div id="sap hana on azure.svg" class="imgbox"><img src="SAP HANA on Azure.svg" class="bg-0" onclick="download('SAP HANA on Azure.svg', this)"/><div class="label">SAP HANA on Azure.svg</div></div>

  455.     

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

  457.     

  458.       <div id="sql managed instances.svg" class="imgbox"><img src="SQL Managed Instances.svg" class="bg-0" onclick="download('SQL Managed Instances.svg', this)"/><div class="label">SQL Managed Instances.svg</div></div>

  459.     

  460.       <div id="sql server stretch databases.svg" class="imgbox"><img src="SQL Server stretch Databases.svg" class="bg-0" onclick="download('SQL Server stretch Databases.svg', this)"/><div class="label">SQL Server stretch Databases.svg</div></div>

  461.     

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

  463.     

  464.       <div id="scheduler job collections.svg" class="imgbox"><img src="Scheduler Job Collections.svg" class="bg-0" onclick="download('Scheduler Job Collections.svg', this)"/><div class="label">Scheduler Job Collections.svg</div></div>

  465.     

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

  467.     

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

  469.     

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

  471.     

  472.       <div id="service catalog managed application definitions.svg" class="imgbox"><img src="Service Catalog Managed Application Definitions.svg" class="bg-0" onclick="download('Service Catalog Managed Application Definitions.svg', this)"/><div class="label">Service Catalog Managed Application Definitions.svg</div></div>

  473.     

  474.       <div id="service endpoint policies.svg" class="imgbox"><img src="Service Endpoint Policies.svg" class="bg-0" onclick="download('Service Endpoint Policies.svg', this)"/><div class="label">Service Endpoint Policies.svg</div></div>

  475.     

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

  477.     

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

  479.     

  480.       <div id="shared dashboard.svg" class="imgbox"><img src="Shared Dashboard.svg" class="bg-0" onclick="download('Shared Dashboard.svg', this)"/><div class="label">Shared Dashboard.svg</div></div>

  481.     

  482.       <div id="shared image galleries.svg" class="imgbox"><img src="Shared Image Galleries.svg" class="bg-0" onclick="download('Shared Image Galleries.svg', this)"/><div class="label">Shared Image Galleries.svg</div></div>

  483.     

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

  485.     

  486.       <div id="software as a service (saas).svg" class="imgbox"><img src="Software as a Service (SaaS).svg" class="bg-0" onclick="download('Software as a Service (SaaS).svg', this)"/><div class="label">Software as a Service (SaaS).svg</div></div>

  487.     

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

  489.     

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

  491.     

  492.       <div id="storsimple data managers.svg" class="imgbox"><img src="StorSimple Data Managers.svg" class="bg-0" onclick="download('StorSimple Data Managers.svg', this)"/><div class="label">StorSimple Data Managers.svg</div></div>

  493.     

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

  495.     

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

  497.     

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

  499.     

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

  501.     

  502.       <div id="storage sync services.svg" class="imgbox"><img src="Storage Sync Services.svg" class="bg-0" onclick="download('Storage Sync Services.svg', this)"/><div class="label">Storage Sync Services.svg</div></div>

  503.     

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

  505.     

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

  507.     

  508.       <div id="support requests.svg" class="imgbox"><img src="Support Requests.svg" class="bg-0" onclick="download('Support Requests.svg', this)"/><div class="label">Support Requests.svg</div></div>

  509.     

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

  511.     

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

  513.     

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

  515.     

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

  517.     

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

  519.     

  520.       <div id="tenant status.svg" class="imgbox"><img src="Tenant Status.svg" class="bg-0" onclick="download('Tenant Status.svg', this)"/><div class="label">Tenant Status.svg</div></div>

  521.     

  522.       <div id="time series insights events sources.svg" class="imgbox"><img src="Time Series Insights Events Sources.svg" class="bg-0" onclick="download('Time Series Insights Events Sources.svg', this)"/><div class="label">Time Series Insights Events Sources.svg</div></div>

  523.     

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

  525.     

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

  527.     

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

  529.     

  530.       <div id="two user icon.svg" class="imgbox"><img src="Two User Icon.svg" class="bg-0" onclick="download('Two User Icon.svg', this)"/><div class="label">Two User Icon.svg</div></div>

  531.     

  532.       <div id="user health icon.svg" class="imgbox"><img src="User Health Icon.svg" class="bg-0" onclick="download('User Health Icon.svg', this)"/><div class="label">User Health Icon.svg</div></div>

  533.     

  534.       <div id="user icon.svg" class="imgbox"><img src="User Icon.svg" class="bg-0" onclick="download('User Icon.svg', this)"/><div class="label">User Icon.svg</div></div>

  535.     

  536.       <div id="user privacy.svg" class="imgbox"><img src="User Privacy.svg" class="bg-0" onclick="download('User Privacy.svg', this)"/><div class="label">User Privacy.svg</div></div>

  537.     

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

  539.     

  540.       <div id="vm (classic).svg" class="imgbox"><img src="VM (Classic).svg" class="bg-0" onclick="download('VM (Classic).svg', this)"/><div class="label">VM (Classic).svg</div></div>

  541.     

  542.       <div id="vm images.svg" class="imgbox"><img src="VM Images.svg" class="bg-0" onclick="download('VM Images.svg', this)"/><div class="label">VM Images.svg</div></div>

  543.     

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

  545.     

  546.       <div id="vm-linux-non-azure.svg" class="imgbox"><img src="VM-Linux-non-azure.svg" class="bg-0" onclick="download('VM-Linux-non-azure.svg', this)"/><div class="label">VM-Linux-non-azure.svg</div></div>

  547.     

  548.       <div id="vm-linux.svg" class="imgbox"><img src="VM-Linux.svg" class="bg-0" onclick="download('VM-Linux.svg', this)"/><div class="label">VM-Linux.svg</div></div>

  549.     

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

  551.     

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

  553.     

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

  555.     

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

  557.     

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

  559.     

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

  561.     

  562.       <div id="virtual network (classic).svg" class="imgbox"><img src="Virtual Network (Classic).svg" class="bg-0" onclick="download('Virtual Network (Classic).svg', this)"/><div class="label">Virtual Network (Classic).svg</div></div>

  563.     

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

  565.     

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

  567.     

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

  569.     

  570.       <div id="web app firewall.svg" class="imgbox"><img src="Web App Firewall.svg" class="bg-0" onclick="download('Web App Firewall.svg', this)"/><div class="label">Web App Firewall.svg</div></div>

  571.     

  572.       <div id="what&#39;s new.svg" class="imgbox"><img src="What&#39;s New.svg" class="bg-0" onclick="download('What&#39;s New.svg', this)"/><div class="label">What&#39;s New.svg</div></div>

  573.     

  574.       <div id="windows 10 iot core services.svg" class="imgbox"><img src="Windows 10 IoT Core Services.svg" class="bg-0" onclick="download('Windows 10 IoT Core Services.svg', this)"/><div class="label">Windows 10 IoT Core Services.svg</div></div>

  575.     

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

  577.     

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

  579.     

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

  581.     

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

  583.     

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

  585.     

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

  587.     

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

  589.     

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

  591.     

  592.   </div>

  593. 

  594.   <script>

  595.     var bgSetting = 0;

  596. 

  597.     function toggleBg() {

  598.       bgSetting++

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

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

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

  602.       }

  603.     }

  604.     

  605.     function search() {

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

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

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

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

  610.         }

  611.       }

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

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

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

  615.           imgbox.style.display = "none"

  616.         }

  617.       }

  618.     }

  619.     

  620.     function download(f, e) {

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

  622.         var data = getBase64Image(e);

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

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

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

  626.         a.click()

  627.       } else {

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

  629.         a.href = f

  630.         a.download = f

  631.         a.click()

  632.       }

  633.     }

  634.     

  635.     // Actual magic

  636.     function getBase64Image(img) {

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

  638.       canvas.width = img.naturalWidth;

  639.       canvas.height = img.naturalHeight;

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

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

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

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

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

  645.     }

  646.   </script>

  647. </body>

  648. </html>