heuzef
/
icon-collection
镜像自地址 https://github.com/benc-uk/icon-collection.git
1
0
派生 0
代码 工单 0 版本发布 1 百科 动态
您最多选择25个主题 主题必须以字母或数字开头，可以包含连字符 (-)，并且长度不得超过35个字符
53 提交
8 分支
42 MiB
 
 
 
分支: master
分支列表 标签列表
${ item.name }
创建分支 ${ searchTerm }
从 'master'
${ noResults }
icon-collection/azure-icons/index.html

747 行
62 KiB
原始文件 永久链接 Blame 文件历史 

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

  2. <head>

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

  4.   <title>Official Azure Icon Set</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>Official Azure Icon Set</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="abs-member.svg" class="imgbox"><img src="ABS-Member.svg" class="bg-0" onclick="download('ABS-Member.svg', this)"/><div class="label">ABS-Member.svg</div></div>

  104.     

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

  106.     

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

  108.     

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

  110.     

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

  112.     

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

  114.     

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

  116.     

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

  118.     

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

  120.     

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

  122.     

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

  124.     

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

  126.     

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

  128.     

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

  130.     

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

  132.     

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

  134.     

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

  136.     

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

  138.     

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

  140.     

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

  142.     

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

  144.     

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

  146.     

  147.       <div id="azure-ad-roles-and-administrators.svg" class="imgbox"><img src="Azure-AD-Roles-and-Administrators.svg" class="bg-0" onclick="download('Azure-AD-Roles-and-Administrators.svg', this)"/><div class="label">Azure-AD-Roles-and-Administrators.svg</div></div>

  148.     

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

  150.     

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

  152.     

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

  154.     

  155.       <div id="azure-cloud-shell.svg" class="imgbox"><img src="Azure-Cloud-Shell.svg" class="bg-0" onclick="download('Azure-Cloud-Shell.svg', this)"/><div class="label">Azure-Cloud-Shell.svg</div></div>

  156.     

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

  158.     

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

  160.     

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

  162.     

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

  164.     

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

  166.     

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

  168.     

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

  170.     

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

  172.     

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

  174.     

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

  176.     

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

  178.     

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

  180.     

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

  182.     

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

  184.     

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

  186.     

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

  188.     

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

  190.     

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

  192.     

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

  194.     

  195.       <div id="azure-stack-edge.svg" class="imgbox"><img src="Azure-Stack-Edge.svg" class="bg-0" onclick="download('Azure-Stack-Edge.svg', this)"/><div class="label">Azure-Stack-Edge.svg</div></div>

  196.     

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

  198.     

  199.       <div id="azure-synapse-analytics.svg" class="imgbox"><img src="Azure-Synapse-Analytics.svg" class="bg-0" onclick="download('Azure-Synapse-Analytics.svg', this)"/><div class="label">Azure-Synapse-Analytics.svg</div></div>

  200.     

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

  202.     

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

  204.     

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

  206.     

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

  208.     

  209.       <div id="biz-talk.svg" class="imgbox"><img src="Biz-Talk.svg" class="bg-0" onclick="download('Biz-Talk.svg', this)"/><div class="label">Biz-Talk.svg</div></div>

  210.     

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

  212.     

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

  214.     

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

  216.     

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

  218.     

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

  220.     

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

  222.     

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

  224.     

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

  226.     

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

  228.     

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

  230.     

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

  232.     

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

  234.     

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

  236.     

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

  238.     

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

  240.     

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

  242.     

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

  244.     

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

  246.     

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

  248.     

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

  250.     

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

  252.     

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

  254.     

  255.       <div id="container-services-(deprecated).svg" class="imgbox"><img src="Container-Services-(Deprecated).svg" class="bg-0" onclick="download('Container-Services-(Deprecated).svg', this)"/><div class="label">Container-Services-(Deprecated).svg</div></div>

  256.     

  257.       <div id="controls-horizontal.svg" class="imgbox"><img src="Controls-Horizontal.svg" class="bg-0" onclick="download('Controls-Horizontal.svg', this)"/><div class="label">Controls-Horizontal.svg</div></div>

  258.     

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

  260.     

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

  262.     

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

  264.     

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

  266.     

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

  268.     

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

  270.     

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

  272.     

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

  274.     

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

  276.     

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

  278.     

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

  280.     

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

  282.     

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

  284.     

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

  286.     

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

  288.     

  289.       <div id="data-share-invitations.svg" class="imgbox"><img src="Data-Share-Invitations.svg" class="bg-0" onclick="download('Data-Share-Invitations.svg', this)"/><div class="label">Data-Share-Invitations.svg</div></div>

  290.     

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

  292.     

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

  294.     

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

  296.     

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

  298.     

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

  300.     

  301.       <div id="device-security-apple.svg" class="imgbox"><img src="Device-Security-Apple.svg" class="bg-0" onclick="download('Device-Security-Apple.svg', this)"/><div class="label">Device-Security-Apple.svg</div></div>

  302.     

  303.       <div id="device-security-google.svg" class="imgbox"><img src="Device-Security-Google.svg" class="bg-0" onclick="download('Device-Security-Google.svg', this)"/><div class="label">Device-Security-Google.svg</div></div>

  304.     

  305.       <div id="device-security-windows.svg" class="imgbox"><img src="Device-Security-Windows.svg" class="bg-0" onclick="download('Device-Security-Windows.svg', this)"/><div class="label">Device-Security-Windows.svg</div></div>

  306.     

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

  308.     

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

  310.     

  311.       <div id="disk-encryption-sets.svg" class="imgbox"><img src="Disk-Encryption-Sets.svg" class="bg-0" onclick="download('Disk-Encryption-Sets.svg', this)"/><div class="label">Disk-Encryption-Sets.svg</div></div>

  312.     

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

  314.     

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

  316.     

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

  318.     

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

  320.     

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

  322.     

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

  324.     

  325.       <div id="elixir-purple.svg" class="imgbox"><img src="Elixir-Purple.svg" class="bg-0" onclick="download('Elixir-Purple.svg', this)"/><div class="label">Elixir-Purple.svg</div></div>

  326.     

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

  328.     

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

  330.     

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

  332.     

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

  334.     

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

  336.     

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

  338.     

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

  340.     

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

  342.     

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

  344.     

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

  346.     

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

  348.     

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

  350.     

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

  352.     

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

  354.     

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

  356.     

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

  358.     

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

  360.     

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

  362.     

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

  364.     

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

  366.     

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

  368.     

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

  370.     

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

  372.     

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

  374.     

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

  376.     

  377.       <div id="hd-insight-clusters.svg" class="imgbox"><img src="HD-Insight-Clusters.svg" class="bg-0" onclick="download('HD-Insight-Clusters.svg', this)"/><div class="label">HD-Insight-Clusters.svg</div></div>

  378.     

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

  380.     

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

  382.     

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

  384.     

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

  386.     

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

  388.     

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

  390.     

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

  392.     

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

  394.     

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

  396.     

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

  398.     

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

  400.     

  401.       <div id="input-output.svg" class="imgbox"><img src="Input-Output.svg" class="bg-0" onclick="download('Input-Output.svg', this)"/><div class="label">Input-Output.svg</div></div>

  402.     

  403.       <div id="instance-pools.svg" class="imgbox"><img src="Instance-Pools.svg" class="bg-0" onclick="download('Instance-Pools.svg', this)"/><div class="label">Instance-Pools.svg</div></div>

  404.     

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

  406.     

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

  408.     

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

  410.     

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

  412.     

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

  414.     

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

  416.     

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

  418.     

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

  420.     

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

  422.     

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

  424.     

  425.       <div id="launch-portal.svg" class="imgbox"><img src="Launch-Portal.svg" class="bg-0" onclick="download('Launch-Portal.svg', this)"/><div class="label">Launch-Portal.svg</div></div>

  426.     

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

  428.     

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

  430.     

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

  432.     

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

  434.     

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

  436.     

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

  438.     

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

  440.     

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

  442.     

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

  444.     

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

  446.     

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

  448.     

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

  450.     

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

  452.     

  453.       <div id="media-file.svg" class="imgbox"><img src="Media-File.svg" class="bg-0" onclick="download('Media-File.svg', this)"/><div class="label">Media-File.svg</div></div>

  454.     

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

  456.     

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

  458.     

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

  460.     

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

  462.     

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

  464.     

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

  466.     

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

  468.     

  469.       <div id="multi-tenancy.svg" class="imgbox"><img src="Multi-Tenancy.svg" class="bg-0" onclick="download('Multi-Tenancy.svg', this)"/><div class="label">Multi-Tenancy.svg</div></div>

  470.     

  471.       <div id="my-customers.svg" class="imgbox"><img src="My-Customers.svg" class="bg-0" onclick="download('My-Customers.svg', this)"/><div class="label">My-Customers.svg</div></div>

  472.     

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

  474.     

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

  476.     

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

  478.     

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

  480.     

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

  482.     

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

  484.     

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

  486.     

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

  488.     

  489.       <div id="operation-log-(classic).svg" class="imgbox"><img src="Operation-Log-(Classic).svg" class="bg-0" onclick="download('Operation-Log-(Classic).svg', this)"/><div class="label">Operation-Log-(Classic).svg</div></div>

  490.     

  491.       <div id="outbound-connection.svg" class="imgbox"><img src="Outbound-Connection.svg" class="bg-0" onclick="download('Outbound-Connection.svg', this)"/><div class="label">Outbound-Connection.svg</div></div>

  492.     

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

  494.     

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

  496.     

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

  498.     

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

  500.     

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

  502.     

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

  504.     

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

  506.     

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

  508.     

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

  510.     

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

  512.     

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

  514.     

  515.       <div id="production-ready-database.svg" class="imgbox"><img src="Production-Ready-Database.svg" class="bg-0" onclick="download('Production-Ready-Database.svg', this)"/><div class="label">Production-Ready-Database.svg</div></div>

  516.     

  517.       <div id="proximity-placement-groups.svg" class="imgbox"><img src="Proximity-Placement-Groups.svg" class="bg-0" onclick="download('Proximity-Placement-Groups.svg', this)"/><div class="label">Proximity-Placement-Groups.svg</div></div>

  518.     

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

  520.     

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

  522.     

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

  524.     

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

  526.     

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

  528.     

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

  530.     

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

  532.     

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

  534.     

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

  536.     

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

  538.     

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

  540.     

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

  542.     

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

  544.     

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

  546.     

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

  548.     

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

  550.     

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

  552.     

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

  554.     

  555.       <div id="sql-data-warehouses.svg" class="imgbox"><img src="SQL-Data-Warehouses.svg" class="bg-0" onclick="download('SQL-Data-Warehouses.svg', this)"/><div class="label">SQL-Data-Warehouses.svg</div></div>

  556.     

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

  558.     

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

  560.     

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

  562.     

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

  564.     

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

  566.     

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

  568.     

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

  570.     

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

  572.     

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

  574.     

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

  576.     

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

  578.     

  579.       <div id="server-farm.svg" class="imgbox"><img src="Server-Farm.svg" class="bg-0" onclick="download('Server-Farm.svg', this)"/><div class="label">Server-Farm.svg</div></div>

  580.     

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

  582.     

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

  584.     

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

  586.     

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

  588.     

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

  590.     

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

  592.     

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

  594.     

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

  596.     

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

  598.     

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

  600.     

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

  602.     

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

  604.     

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

  606.     

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

  608.     

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

  610.     

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

  612.     

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

  614.     

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

  616.     

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

  618.     

  619.       <div id="tfs-vc-repository.svg" class="imgbox"><img src="TFS-VC-Repository.svg" class="bg-0" onclick="download('TFS-VC-Repository.svg', this)"/><div class="label">TFS-VC-Repository.svg</div></div>

  620.     

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

  622.     

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

  624.     

  625.       <div id="time-series-data-sets.svg" class="imgbox"><img src="Time-Series-Data-Sets.svg" class="bg-0" onclick="download('Time-Series-Data-Sets.svg', this)"/><div class="label">Time-Series-Data-Sets.svg</div></div>

  626.     

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

  628.     

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

  630.     

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

  632.     

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

  634.     

  635.       <div id="universal-print.svg" class="imgbox"><img src="Universal-Print.svg" class="bg-0" onclick="download('Universal-Print.svg', this)"/><div class="label">Universal-Print.svg</div></div>

  636.     

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

  638.     

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

  640.     

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

  642.     

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

  644.     

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

  646.     

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

  648.     

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

  650.     

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

  652.     

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

  654.     

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

  656.     

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

  658.     

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

  660.     

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

  662.     

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

  664.     

  665.       <div id="web-application-firewall-policies(waf).svg" class="imgbox"><img src="Web-Application-Firewall-Policies(WAF).svg" class="bg-0" onclick="download('Web-Application-Firewall-Policies(WAF).svg', this)"/><div class="label">Web-Application-Firewall-Policies(WAF).svg</div></div>

  666.     

  667.       <div id="web-environment.svg" class="imgbox"><img src="Web-Environment.svg" class="bg-0" onclick="download('Web-Environment.svg', this)"/><div class="label">Web-Environment.svg</div></div>

  668.     

  669.       <div id="web-slots.svg" class="imgbox"><img src="Web-Slots.svg" class="bg-0" onclick="download('Web-Slots.svg', this)"/><div class="label">Web-Slots.svg</div></div>

  670.     

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

  672.     

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

  674.     

  675.       <div id="website-staging.svg" class="imgbox"><img src="Website-Staging.svg" class="bg-0" onclick="download('Website-Staging.svg', this)"/><div class="label">Website-Staging.svg</div></div>

  676.     

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

  678.     

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

  680.     

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

  682.     

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

  684.     

  685.   </div>

  686. 

  687.   <script>

  688.     var bgSetting = 0;

  689. 

  690.     function toggleBg() {

  691.       bgSetting++

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

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

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

  695.       }

  696.     }

  697.     

  698.     function search() {

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

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

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

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

  703.         }

  704.       }

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

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

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

  708.           imgbox.style.display = "none"

  709.         }

  710.       }

  711.     }

  712.     

  713.     function download(f, e) {

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

  715.         var data = getBase64Image(e);

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

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

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

  719.         a.click()

  720.       } else {

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

  722.         a.href = f

  723.         a.download = f

  724.         a.click()

  725.       }

  726.     }

  727.     

  728.     // Actual magic

  729.     function getBase64Image(img) {

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

  731.       canvas.width = img.naturalWidth;

  732.       canvas.height = img.naturalHeight;

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

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

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

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

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

  738.     }

  739.     

  740.     function updateCount() {

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

  742.     }

  743. 

  744.     updateCount()

  745.   </script>

  746. </body>

  747. </html>