heuzef
/
icon-collection
mirror of https://github.com/benc-uk/icon-collection.git
1
0
Fork 0
Code Issues 0 Releases 1 Wiki Activity
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
34 Commits
8 Branches
106 MiB
 
 
 
Tree: 7a0db1d963
Branches Tags
${ item.name }
Create branch ${ searchTerm }
from '7a0db1d963'
${ noResults }
icon-collection/other/index.html

494 lines
35 KiB
Raw Blame History 

  1. <html>

  2. <head>

  3.   <title>Other Icons</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>Other Icons</h1>

  90.     <br/><br/>

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

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

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

  94.   </div>

  95. 

  96.   <div class="grid">

  97.     

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

  99.     

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

  101.     

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

  103.     

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

  105.     

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

  107.     

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

  109.     

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

  111.     

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

  113.     

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

  115.     

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

  117.     

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

  119.     

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

  121.     

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

  123.     

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

  125.     

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

  127.     

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

  129.     

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

  131.     

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

  133.     

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

  135.     

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

  137.     

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

  139.     

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

  141.     

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

  143.     

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

  145.     

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

  147.     

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

  149.     

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

  151.     

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

  153.     

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

  155.     

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

  157.     

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

  159.     

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

  161.     

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

  163.     

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

  165.     

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

  167.     

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

  169.     

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

  171.     

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

  173.     

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

  175.     

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

  177.     

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

  179.     

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

  181.     

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

  183.     

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

  185.     

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

  187.     

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

  189.     

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

  191.     

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

  193.     

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

  195.     

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

  197.     

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

  199.     

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

  201.     

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

  203.     

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

  205.     

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

  207.     

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

  209.     

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

  211.     

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

  213.     

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

  215.     

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

  217.     

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

  219.     

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

  221.     

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

  223.     

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

  225.     

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

  227.     

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

  229.     

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

  231.     

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

  233.     

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

  235.     

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

  237.     

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

  239.     

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

  241.     

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

  243.     

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

  245.     

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

  247.     

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

  249.     

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

  251.     

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

  253.     

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

  255.     

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

  257.     

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

  259.     

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

  261.     

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

  263.     

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

  265.     

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

  267.     

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

  269.     

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

  271.     

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

  273.     

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

  275.     

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

  277.     

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

  279.     

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

  281.     

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

  283.     

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

  285.     

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

  287.     

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

  289.     

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

  291.     

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

  293.     

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

  295.     

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

  297.     

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

  299.     

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

  301.     

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

  303.     

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

  305.     

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

  307.     

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

  309.     

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

  311.     

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

  313.     

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

  315.     

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

  317.     

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

  319.     

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

  321.     

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

  323.     

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

  325.     

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

  327.     

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

  329.     

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

  331.     

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

  333.     

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

  335.     

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

  337.     

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

  339.     

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

  341.     

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

  343.     

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

  345.     

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

  347.     

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

  349.     

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

  351.     

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

  353.     

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

  355.     

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

  357.     

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

  359.     

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

  361.     

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

  363.     

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

  365.     

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

  367.     

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

  369.     

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

  371.     

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

  373.     

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

  375.     

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

  377.     

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

  379.     

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

  381.     

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

  383.     

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

  385.     

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

  387.     

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

  389.     

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

  391.     

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

  393.     

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

  395.     

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

  397.     

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

  399.     

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

  401.     

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

  403.     

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

  405.     

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

  407.     

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

  409.     

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

  411.     

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

  413.     

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

  415.     

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

  417.     

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

  419.     

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

  421.     

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

  423.     

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

  425.     

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

  427.     

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

  429.     

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

  431.     

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

  433.     

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

  435.     

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

  437.     

  438.   </div>

  439. 

  440.   <script>

  441.     var bgSetting = 0;

  442. 

  443.     function toggleBg() {

  444.       bgSetting++

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

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

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

  448.       }

  449.     }

  450.     

  451.     function search() {

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

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

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

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

  456.         }

  457.       }

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

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

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

  461.           imgbox.style.display = "none"

  462.         }

  463.       }

  464.     }

  465.     

  466.     function download(f, e) {

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

  468.         var data = getBase64Image(e);

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

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

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

  472.         a.click()

  473.       } else {

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

  475.         a.href = f

  476.         a.download = f

  477.         a.click()

  478.       }

  479.     }

  480.     

  481.     // Actual magic

  482.     function getBase64Image(img) {

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

  484.       canvas.width = img.naturalWidth;

  485.       canvas.height = img.naturalHeight;

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

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

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

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

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

  491.     }

  492.   </script>

  493. </body>

  494. </html>