heuzef
/
icon-collection
espelho de https://github.com/benc-uk/icon-collection.git
1
0
Derivar 0
Código Questões 0 Lançamentos 1 Wiki Trabalho
Não pode escolher mais do que 25 tópicos Os tópicos devem começar com uma letra ou um número, podem incluir traços ('-') e podem ter até 35 caracteres.
30 Cometimentos
8 Ramos
83 MiB
 
 
 
Árvore: f6d7d25764
Ramos Etiquetas
${ item.name }
Criar ramo ${ searchTerm }
de 'f6d7d25764'
${ noResults }
icon-collection/other/index.html

416 linhas
28 KiB
Em bruto Responsabilidade Histórico 

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

  139.     

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

  141.     

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

  143.     

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

  145.     

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

  147.     

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

  149.     

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

  151.     

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

  153.     

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

  155.     

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

  157.     

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

  159.     

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

  161.     

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

  163.     

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

  165.     

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

  167.     

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

  169.     

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

  171.     

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

  173.     

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

  175.     

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

  177.     

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

  179.     

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

  181.     

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

  183.     

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

  185.     

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

  187.     

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

  189.     

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

  191.     

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

  193.     

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

  195.     

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

  197.     

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

  199.     

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

  201.     

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

  203.     

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

  205.     

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

  207.     

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

  209.     

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

  211.     

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

  213.     

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

  215.     

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

  217.     

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

  219.     

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

  221.     

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

  223.     

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

  225.     

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

  227.     

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

  229.     

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

  231.     

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

  233.     

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

  235.     

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

  237.     

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

  239.     

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

  241.     

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

  243.     

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

  245.     

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

  247.     

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

  249.     

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

  251.     

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

  253.     

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

  255.     

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

  257.     

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

  259.     

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

  261.     

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

  263.     

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

  265.     

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

  267.     

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

  269.     

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

  271.     

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

  273.     

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

  275.     

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

  277.     

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

  279.     

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

  281.     

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

  283.     

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

  285.     

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

  287.     

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

  289.     

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

  291.     

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

  293.     

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

  295.     

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

  297.     

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

  299.     

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

  301.     

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

  303.     

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

  305.     

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

  307.     

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

  309.     

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

  311.     

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

  313.     

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

  315.     

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

  317.     

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

  319.     

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

  321.     

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

  323.     

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

  325.     

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

  327.     

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

  329.     

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

  331.     

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

  333.     

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

  335.     

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

  337.     

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

  339.     

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

  341.     

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

  343.     

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

  345.     

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

  347.     

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

  349.     

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

  351.     

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

  353.     

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

  355.     

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

  357.     

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

  359.     

  360.   </div>

  361. 

  362.   <script>

  363.     var bgSetting = 0;

  364. 

  365.     function toggleBg() {

  366.       bgSetting++

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

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

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

  370.       }

  371.     }

  372.     

  373.     function search() {

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

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

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

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

  378.         }

  379.       }

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

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

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

  383.           imgbox.style.display = "none"

  384.         }

  385.       }

  386.     }

  387.     

  388.     function download(f, e) {

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

  390.         var data = getBase64Image(e);

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

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

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

  394.         a.click()

  395.       } else {

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

  397.         a.href = f

  398.         a.download = f

  399.         a.click()

  400.       }

  401.     }

  402.     

  403.     // Actual magic

  404.     function getBase64Image(img) {

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

  406.       canvas.width = img.naturalWidth;

  407.       canvas.height = img.naturalHeight;

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

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

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

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

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

  413.     }

  414.   </script>

  415. </body>

  416. </html>