heuzef
/
icon-collection
镜像来自 https://github.com/benc-uk/icon-collection.git
1
0
複製 0
程式碼 問題管理 0 版本發佈 1 Wiki Activity
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
53 Commit
8 分支
47 MiB
 
 
 
目錄樹: e33ee714d0
分支列表 標籤列表
${ item.name }
Create branch ${ searchTerm }
from 'e33ee714d0'
${ noResults }
icon-collection/other/index.html

525 line
37 KiB
原始文件 Blame 文件歷史 

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

  2. <head>

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

  4.   <title>Other Icons</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>Other Icons</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="resourcedefault.svg" class="imgbox"><img src="ResourceDefault.svg" class="bg-0" onclick="download('ResourceDefault.svg', this)"/><div class="label">ResourceDefault.svg</div></div>

  104.     

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

  106.     

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

  108.     

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

  110.     

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

  112.     

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

  114.     

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

  116.     

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

  118.     

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

  120.     

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

  122.     

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

  124.     

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

  126.     

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

  128.     

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

  130.     

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

  132.     

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

  134.     

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

  136.     

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

  138.     

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

  140.     

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

  142.     

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

  144.     

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

  146.     

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

  148.     

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

  150.     

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

  152.     

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

  154.     

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

  156.     

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

  158.     

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

  160.     

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

  162.     

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

  164.     

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

  166.     

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

  168.     

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

  170.     

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

  172.     

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

  174.     

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

  176.     

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

  178.     

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

  180.     

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

  182.     

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

  184.     

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

  186.     

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

  188.     

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

  190.     

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

  192.     

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

  194.     

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

  196.     

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

  198.     

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

  200.     

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

  202.     

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

  204.     

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

  206.     

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

  208.     

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

  210.     

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

  212.     

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

  214.     

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

  216.     

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

  218.     

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

  220.     

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

  222.     

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

  224.     

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

  226.     

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

  228.     

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

  230.     

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

  232.     

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

  234.     

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

  236.     

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

  238.     

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

  240.     

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

  242.     

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

  244.     

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

  246.     

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

  248.     

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

  250.     

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

  252.     

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

  254.     

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

  256.     

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

  258.     

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

  260.     

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

  262.     

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

  264.     

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

  266.     

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

  268.     

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

  270.     

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

  272.     

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

  274.     

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

  276.     

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

  278.     

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

  280.     

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

  282.     

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

  284.     

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

  286.     

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

  288.     

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

  290.     

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

  292.     

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

  294.     

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

  296.     

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

  298.     

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

  300.     

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

  302.     

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

  304.     

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

  306.     

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

  308.     

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

  310.     

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

  312.     

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

  314.     

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

  316.     

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

  318.     

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

  320.     

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

  322.     

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

  324.     

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

  326.     

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

  328.     

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

  330.     

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

  332.     

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

  334.     

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

  336.     

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

  338.     

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

  340.     

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

  342.     

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

  344.     

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

  346.     

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

  348.     

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

  350.     

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

  352.     

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

  354.     

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

  356.     

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

  358.     

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

  360.     

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

  362.     

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

  364.     

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

  366.     

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

  368.     

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

  370.     

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

  372.     

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

  374.     

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

  376.     

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

  378.     

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

  380.     

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

  382.     

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

  384.     

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

  386.     

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

  388.     

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

  390.     

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

  392.     

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

  394.     

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

  396.     

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

  398.     

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

  400.     

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

  402.     

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

  404.     

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

  406.     

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

  408.     

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

  410.     

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

  412.     

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

  414.     

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

  416.     

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

  418.     

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

  420.     

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

  422.     

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

  424.     

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

  426.     

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

  428.     

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

  430.     

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

  432.     

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

  434.     

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

  436.     

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

  438.     

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

  440.     

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

  442.     

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

  444.     

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

  446.     

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

  448.     

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

  450.     

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

  452.     

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

  454.     

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

  456.     

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

  458.     

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

  460.     

  461.       <div id="work-how-you-want.svg" class="imgbox"><img src="work-how-you-want.svg" class="bg-0" onclick="download('work-how-you-want.svg', this)"/><div class="label">work-how-you-want.svg</div></div>

  462.     

  463.   </div>

  464. 

  465.   <script>

  466.     var bgSetting = 0;

  467. 

  468.     function toggleBg() {

  469.       bgSetting++

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

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

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

  473.       }

  474.     }

  475.     

  476.     function search() {

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

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

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

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

  481.         }

  482.       }

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

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

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

  486.           imgbox.style.display = "none"

  487.         }

  488.       }

  489.     }

  490.     

  491.     function download(f, e) {

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

  493.         var data = getBase64Image(e);

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

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

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

  497.         a.click()

  498.       } else {

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

  500.         a.href = f

  501.         a.download = f

  502.         a.click()

  503.       }

  504.     }

  505.     

  506.     // Actual magic

  507.     function getBase64Image(img) {

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

  509.       canvas.width = img.naturalWidth;

  510.       canvas.height = img.naturalHeight;

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

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

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

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

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

  516.     }

  517.     

  518.     function updateCount() {

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

  520.     }

  521. 

  522.     updateCount()

  523.   </script>

  524. </body>

  525. </html>