heuzef
/
icon-collection
ミラー元 https://github.com/benc-uk/icon-collection.git
1
0
フォーク 0
コード 課題 0 リリース 1 Wiki アクティビティ
選択できるのは25トピックまでです。 トピックは、先頭が英数字で、英数字とダッシュ('-')を使用した35文字以内のものにしてください。
37 コミット
8 ブランチ
106 MiB
 
 
 
ツリー: 02c66aee41
ブランチ タグ
${ item.name }
ブランチ ${ searchTerm } を作成
'02c66aee41' から
${ noResults }
icon-collection/azure-docs/index.html

482 行
35 KiB
Raw Blame 履歴 

  1. <html>

  2. <head>

  3.   <title>Azure Docs</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>Azure Docs</h1>

  90.     <br/><br/>

  91.     <span class="find">Finder: <input onkeyup="search()" id="finder">&nbsp; Icons: <span id="count">...</span><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="active-directory-b2c.svg" class="imgbox"><img src="active-directory-b2c.svg" class="bg-0" onclick="download('active-directory-b2c.svg', this)"/><div class="label">active-directory-b2c.svg</div></div>

  99.     

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

  101.     

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

  103.     

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

  105.     

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

  107.     

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

  109.     

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

  111.     

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

  113.     

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

  115.     

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

  117.     

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

  119.     

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

  121.     

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

  123.     

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

  125.     

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

  127.     

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

  129.     

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

  131.     

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

  133.     

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

  135.     

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

  137.     

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

  139.     

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

  141.     

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

  143.     

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

  145.     

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

  147.     

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

  149.     

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

  151.     

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

  153.     

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

  155.     

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

  157.     

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

  159.     

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

  161.     

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

  163.     

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

  165.     

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

  167.     

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

  169.     

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

  171.     

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

  173.     

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

  175.     

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

  177.     

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

  179.     

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

  181.     

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

  183.     

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

  185.     

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

  187.     

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

  189.     

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

  191.     

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

  193.     

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

  195.     

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

  197.     

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

  199.     

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

  201.     

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

  203.     

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

  205.     

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

  207.     

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

  209.     

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

  211.     

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

  213.     

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

  215.     

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

  217.     

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

  219.     

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

  221.     

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

  223.     

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

  225.     

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

  227.     

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

  229.     

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

  231.     

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

  233.     

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

  235.     

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

  237.     

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

  239.     

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

  241.     

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

  243.     

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

  245.     

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

  247.     

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

  249.     

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

  251.     

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

  253.     

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

  255.     

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

  257.     

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

  259.     

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

  261.     

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

  263.     

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

  265.     

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

  267.     

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

  269.     

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

  271.     

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

  273.     

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

  275.     

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

  277.     

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

  279.     

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

  281.     

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

  283.     

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

  285.     

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

  287.     

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

  289.     

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

  291.     

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

  293.     

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

  295.     

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

  297.     

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

  299.     

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

  301.     

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

  303.     

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

  305.     

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

  307.     

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

  309.     

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

  311.     

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

  313.     

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

  315.     

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

  317.     

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

  319.     

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

  321.     

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

  323.     

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

  325.     

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

  327.     

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

  329.     

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

  331.     

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

  333.     

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

  335.     

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

  337.     

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

  339.     

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

  341.     

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

  343.     

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

  345.     

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

  347.     

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

  349.     

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

  351.     

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

  353.     

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

  355.     

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

  357.     

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

  359.     

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

  361.     

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

  363.     

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

  365.     

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

  367.     

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

  369.     

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

  371.     

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

  373.     

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

  375.     

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

  377.     

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

  379.     

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

  381.     

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

  383.     

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

  385.     

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

  387.     

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

  389.     

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

  391.     

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

  393.     

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

  395.     

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

  397.     

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

  399.     

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

  401.     

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

  403.     

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

  405.     

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

  407.     

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

  409.     

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

  411.     

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

  413.     

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

  415.     

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

  417.     

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

  419.     

  420.   </div>

  421. 

  422.   <script>

  423.     var bgSetting = 0;

  424. 

  425.     function toggleBg() {

  426.       bgSetting++

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

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

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

  430.       }

  431.     }

  432.     

  433.     function search() {

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

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

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

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

  438.         }

  439.       }

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

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

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

  443.           imgbox.style.display = "none"

  444.         }

  445.       }

  446.     }

  447.     

  448.     function download(f, e) {

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

  450.         var data = getBase64Image(e);

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

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

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

  454.         a.click()

  455.       } else {

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

  457.         a.href = f

  458.         a.download = f

  459.         a.click()

  460.       }

  461.     }

  462.     

  463.     // Actual magic

  464.     function getBase64Image(img) {

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

  466.       canvas.width = img.naturalWidth;

  467.       canvas.height = img.naturalHeight;

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

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

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

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

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

  473.     }

  474.     

  475.     function updateCount() {

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

  477.     }

  478. 

  479.     updateCount()

  480.   </script>

  481. </body>

  482. </html>