npm package: @js-basics/code-snippet-to-svg
Description: service to convert syntax highlighted code into svg by url
Latest version: 1.5.6

[![GitHub package version](https://img.shields.io/github/package-json/v/basics/code-snippet-to-svg.svg)](https://github.com/basics/code-snippet-to-svg)
[![license](https://img.shields.io/github/license/basics/code-snippet-to-svg.svg)](https://github.com/basics/code-snippet-to-svg)

[![OSX/Linux Build Status](https://travis-ci.org/basics/code-snippet-to-svg.svg?branch=master)](https://travis-ci.org/basics/code-snippet-to-svg)
[![Build status](https://ci.appveyor.com/api/projects/status/jrxx8092yxd8d07b?svg=true)](https://ci.appveyor.com/project/StephanGerbeth/code-snippet-to-svg)
[![NSP Status](https://nodesecurity.io/orgs/basics/projects/d5bb0c4d-6232-4370-9886-571c516cd985/badge)](https://nodesecurity.io/orgs/basics/projects/d5bb0c4d-6232-4370-9886-571c516cd985)
[![Dependencies Status](https://david-dm.org/basics/code-snippet-to-svg/status.svg)](https://david-dm.org/basics/code-snippet-to-svg)
[![DevDependencies Status](https://david-dm.org/basics/code-snippet-to-svg/dev-status.svg)](https://david-dm.org/basics/code-snippet-to-svg?type=dev)

[![start with why](https://img.shields.io/badge/start%20with-why%3F-brightgreen.svg?style=flat)](http://www.ted.com/talks/simon_sinek_how_great_leaders_inspire_action)
[![JavaScript Style Guide: Good Parts](https://img.shields.io/badge/code%20style-goodparts-brightgreen.svg?style=flat)](https://github.com/dwyl/goodparts "JavaScript The Good Parts") [![Greenkeeper badge](https://badges.greenkeeper.io/basics/code-snippet-to-svg.svg)](https://greenkeeper.io/)

# Code snippet to SVG converter

## usage

```text
https://us-central1-code-snippet-to-svg.cloudfunctions.net/default/[repo-url][?range=1-18[&theme=clrs]]
```


### scheme: 3024.day
[![code preview](https://us-central1-code-snippet-to-svg.cloudfunctions.net/default/basics/code-snippet-to-svg/blob/master/examples/example.js?range=9-19&theme=3024.day&lang=javascript)](https://github.com/basics/code-snippet-to-svg/blob/master/examples/example.js#L7L18)
      

### scheme: 3024.night
[![code preview](https://us-central1-code-snippet-to-svg.cloudfunctions.net/default/basics/code-snippet-to-svg/blob/master/examples/example.js?range=9-19&theme=3024.night&lang=javascript)](https://github.com/basics/code-snippet-to-svg/blob/master/examples/example.js#L7L18)
      

### scheme: adventure_time
[![code preview](https://us-central1-code-snippet-to-svg.cloudfunctions.net/default/basics/code-snippet-to-svg/blob/master/examples/example.js?range=9-19&theme=adventure_time&lang=javascript)](https://github.com/basics/code-snippet-to-svg/blob/master/examples/example.js#L7L18)
      

### scheme: afterglow
[![code preview](https://us-central1-code-snippet-to-svg.cloudfunctions.net/default/basics/code-snippet-to-svg/blob/master/examples/example.js?range=9-19&theme=afterglow&lang=javascript)](https://github.com/basics/code-snippet-to-svg/blob/master/examples/example.js#L7L18)
      

### scheme: alien_blood
[![code preview](https://us-central1-code-snippet-to-svg.cloudfunctions.net/default/basics/code-snippet-to-svg/blob/master/examples/example.js?range=9-19&theme=alien_blood&lang=javascript)](https://github.com/basics/code-snippet-to-svg/blob/master/examples/example.js#L7L18)
      

### scheme: argonaut
[![code preview](https://us-central1-code-snippet-to-svg.cloudfunctions.net/default/basics/code-snippet-to-svg/blob/master/examples/example.js?range=9-19&theme=argonaut&lang=javascript)](https://github.com/basics/code-snippet-to-svg/blob/master/examples/example.js#L7L18)
      

### scheme: arthur
[![code preview](https://us-central1-code-snippet-to-svg.cloudfunctions.net/default/basics/code-snippet-to-svg/blob/master/examples/example.js?range=9-19&theme=arthur&lang=javascript)](https://github.com/basics/code-snippet-to-svg/blob/master/examples/example.js#L7L18)
      

### scheme: atelier_sulphurpool
[![code preview](https://us-central1-code-snippet-to-svg.cloudfunctions.net/default/basics/code-snippet-to-svg/blob/master/examples/example.js?range=9-19&theme=atelier_sulphurpool&lang=javascript)](https://github.com/basics/code-snippet-to-svg/blob/master/examples/example.js#L7L18)
      

### scheme: atom
[![code preview](https://us-central1-code-snippet-to-svg.cloudfunctions.net/default/basics/code-snippet-to-svg/blob/master/examples/example.js?range=9-19&theme=atom&lang=javascript)](https://github.com/basics/code-snippet-to-svg/blob/master/examples/example.js#L7L18)
      

### scheme: atom_one_light
[![code preview](https://us-central1-code-snippet-to-svg.cloudfunctions.net/default/basics/code-snippet-to-svg/blob/master/examples/example.js?range=9-19&theme=atom_one_light&lang=javascript)](https://github.com/basics/code-snippet-to-svg/blob/master/examples/example.js#L7L18)
      

### scheme: ayu
[![code preview](https://us-central1-code-snippet-to-svg.cloudfunctions.net/default/basics/code-snippet-to-svg/blob/master/examples/example.js?range=9-19&theme=ayu&lang=javascript)](https://github.com/basics/code-snippet-to-svg/blob/master/examples/example.js#L7L18)
      

### scheme: ayu_light
[![code preview](https://us-central1-code-snippet-to-svg.cloudfunctions.net/default/basics/code-snippet-to-svg/blob/master/examples/example.js?range=9-19&theme=ayu_light&lang=javascript)](https://github.com/basics/code-snippet-to-svg/blob/master/examples/example.js#L7L18)
      

### scheme: batman
[![code preview](https://us-central1-code-snippet-to-svg.cloudfunctions.net/default/basics/code-snippet-to-svg/blob/master/examples/example.js?range=9-19&theme=batman&lang=javascript)](https://github.com/basics/code-snippet-to-svg/blob/master/examples/example.js#L7L18)
      

### scheme: belafonte.day
[![code preview](https://us-central1-code-snippet-to-svg.cloudfunctions.net/default/basics/code-snippet-to-svg/blob/master/examples/example.js?range=9-19&theme=belafonte.day&lang=javascript)](https://github.com/basics/code-snippet-to-svg/blob/master/examples/example.js#L7L18)
      

### scheme: belafonte.night
[![code preview](https://us-central1-code-snippet-to-svg.cloudfunctions.net/default/basics/code-snippet-to-svg/blob/master/examples/example.js?range=9-19&theme=belafonte.night&lang=javascript)](https://github.com/basics/code-snippet-to-svg/blob/master/examples/example.js#L7L18)
      

### scheme: birds_of_paradise
[![code preview](https://us-central1-code-snippet-to-svg.cloudfunctions.net/default/basics/code-snippet-to-svg/blob/master/examples/example.js?range=9-19&theme=birds_of_paradise&lang=javascript)](https://github.com/basics/code-snippet-to-svg/blob/master/examples/example.js#L7L18)
      

### scheme: blazer
[![code preview](https://us-central1-code-snippet-to-svg.cloudfunctions.net/default/basics/code-snippet-to-svg/blob/master/examples/example.js?range=9-19&theme=blazer&lang=javascript)](https://github.com/basics/code-snippet-to-svg/blob/master/examples/example.js#L7L18)
      

### scheme: bluloco_dark
[![code preview](https://us-central1-code-snippet-to-svg.cloudfunctions.net/default/basics/code-snippet-to-svg/blob/master/examples/example.js?range=9-19&theme=bluloco_dark&lang=javascript)](https://github.com/basics/code-snippet-to-svg/blob/master/examples/example.js#L7L18)
      

### scheme: bluloco_light
[![code preview](https://us-central1-code-snippet-to-svg.cloudfunctions.net/default/basics/code-snippet-to-svg/blob/master/examples/example.js?range=9-19&theme=bluloco_light&lang=javascript)](https://github.com/basics/code-snippet-to-svg/blob/master/examples/example.js#L7L18)
      

### scheme: borland
[![code preview](https://us-central1-code-snippet-to-svg.cloudfunctions.net/default/basics/code-snippet-to-svg/blob/master/examples/example.js?range=9-19&theme=borland&lang=javascript)](https://github.com/basics/code-snippet-to-svg/blob/master/examples/example.js#L7L18)
      

### scheme: bright.lights
[![code preview](https://us-central1-code-snippet-to-svg.cloudfunctions.net/default/basics/code-snippet-to-svg/blob/master/examples/example.js?range=9-19&theme=bright.lights&lang=javascript)](https://github.com/basics/code-snippet-to-svg/blob/master/examples/example.js#L7L18)
      

### scheme: broadcast
[![code preview](https://us-central1-code-snippet-to-svg.cloudfunctions.net/default/basics/code-snippet-to-svg/blob/master/examples/example.js?range=9-19&theme=broadcast&lang=javascript)](https://github.com/basics/code-snippet-to-svg/blob/master/examples/example.js#L7L18)
      

### scheme: brogrammer
[![code preview](https://us-central1-code-snippet-to-svg.cloudfunctions.net/default/basics/code-snippet-to-svg/blob/master/examples/example.js?range=9-19&theme=brogrammer&lang=javascript)](https://github.com/basics/code-snippet-to-svg/blob/master/examples/example.js#L7L18)
      

### scheme: builtin.dark
[![code preview](https://us-central1-code-snippet-to-svg.cloudfunctions.net/default/basics/code-snippet-to-svg/blob/master/examples/example.js?range=9-19&theme=builtin.dark&lang=javascript)](https://github.com/basics/code-snippet-to-svg/blob/master/examples/example.js#L7L18)
      

### scheme: builtin.light
[![code preview](https://us-central1-code-snippet-to-svg.cloudfunctions.net/default/basics/code-snippet-to-svg/blob/master/examples/example.js?range=9-19&theme=builtin.light&lang=javascript)](https://github.com/basics/code-snippet-to-svg/blob/master/examples/example.js#L7L18)
      

### scheme: builtin.pastel.dark
[![code preview](https://us-central1-code-snippet-to-svg.cloudfunctions.net/default/basics/code-snippet-to-svg/blob/master/examples/example.js?range=9-19&theme=builtin.pastel.dark&lang=javascript)](https://github.com/basics/code-snippet-to-svg/blob/master/examples/example.js#L7L18)
      

### scheme: builtin.solarized.dark
[![code preview](https://us-central1-code-snippet-to-svg.cloudfunctions.net/default/basics/code-snippet-to-svg/blob/master/examples/example.js?range=9-19&theme=builtin.solarized.dark&lang=javascript)](https://github.com/basics/code-snippet-to-svg/blob/master/examples/example.js#L7L18)
      

### scheme: builtin.solarized.light
[![code preview](https://us-central1-code-snippet-to-svg.cloudfunctions.net/default/basics/code-snippet-to-svg/blob/master/examples/example.js?range=9-19&theme=builtin.solarized.light&lang=javascript)](https://github.com/basics/code-snippet-to-svg/blob/master/examples/example.js#L7L18)
      

### scheme: builtin.tango.dark
[![code preview](https://us-central1-code-snippet-to-svg.cloudfunctions.net/default/basics/code-snippet-to-svg/blob/master/examples/example.js?range=9-19&theme=builtin.tango.dark&lang=javascript)](https://github.com/basics/code-snippet-to-svg/blob/master/examples/example.js#L7L18)
      

### scheme: builtin.tango.light
[![code preview](https://us-central1-code-snippet-to-svg.cloudfunctions.net/default/basics/code-snippet-to-svg/blob/master/examples/example.js?range=9-19&theme=builtin.tango.light&lang=javascript)](https://github.com/basics/code-snippet-to-svg/blob/master/examples/example.js#L7L18)
      

### scheme: c64
[![code preview](https://us-central1-code-snippet-to-svg.cloudfunctions.net/default/basics/code-snippet-to-svg/blob/master/examples/example.js?range=9-19&theme=c64&lang=javascript)](https://github.com/basics/code-snippet-to-svg/blob/master/examples/example.js#L7L18)
      

### scheme: calamity
[![code preview](https://us-central1-code-snippet-to-svg.cloudfunctions.net/default/basics/code-snippet-to-svg/blob/master/examples/example.js?range=9-19&theme=calamity&lang=javascript)](https://github.com/basics/code-snippet-to-svg/blob/master/examples/example.js#L7L18)
      

### scheme: chalk
[![code preview](https://us-central1-code-snippet-to-svg.cloudfunctions.net/default/basics/code-snippet-to-svg/blob/master/examples/example.js?range=9-19&theme=chalk&lang=javascript)](https://github.com/basics/code-snippet-to-svg/blob/master/examples/example.js#L7L18)
      

### scheme: chalkboard
[![code preview](https://us-central1-code-snippet-to-svg.cloudfunctions.net/default/basics/code-snippet-to-svg/blob/master/examples/example.js?range=9-19&theme=chalkboard&lang=javascript)](https://github.com/basics/code-snippet-to-svg/blob/master/examples/example.js#L7L18)
      

### scheme: challenger_deep
[![code preview](https://us-central1-code-snippet-to-svg.cloudfunctions.net/default/basics/code-snippet-to-svg/blob/master/examples/example.js?range=9-19&theme=challenger_deep&lang=javascript)](https://github.com/basics/code-snippet-to-svg/blob/master/examples/example.js#L7L18)
      

### scheme: ciapre
[![code preview](https://us-central1-code-snippet-to-svg.cloudfunctions.net/default/basics/code-snippet-to-svg/blob/master/examples/example.js?range=9-19&theme=ciapre&lang=javascript)](https://github.com/basics/code-snippet-to-svg/blob/master/examples/example.js#L7L18)
      

### scheme: clrs
[![code preview](https://us-central1-code-snippet-to-svg.cloudfunctions.net/default/basics/code-snippet-to-svg/blob/master/examples/example.js?range=9-19&theme=clrs&lang=javascript)](https://github.com/basics/code-snippet-to-svg/blob/master/examples/example.js#L7L18)
      

### scheme: cobalt.neon
[![code preview](https://us-central1-code-snippet-to-svg.cloudfunctions.net/default/basics/code-snippet-to-svg/blob/master/examples/example.js?range=9-19&theme=cobalt.neon&lang=javascript)](https://github.com/basics/code-snippet-to-svg/blob/master/examples/example.js#L7L18)
      

### scheme: cobalt2
[![code preview](https://us-central1-code-snippet-to-svg.cloudfunctions.net/default/basics/code-snippet-to-svg/blob/master/examples/example.js?range=9-19&theme=cobalt2&lang=javascript)](https://github.com/basics/code-snippet-to-svg/blob/master/examples/example.js#L7L18)
      

### scheme: crayon_pony_fish
[![code preview](https://us-central1-code-snippet-to-svg.cloudfunctions.net/default/basics/code-snippet-to-svg/blob/master/examples/example.js?range=9-19&theme=crayon_pony_fish&lang=javascript)](https://github.com/basics/code-snippet-to-svg/blob/master/examples/example.js#L7L18)
      

### scheme: dark.pastel
[![code preview](https://us-central1-code-snippet-to-svg.cloudfunctions.net/default/basics/code-snippet-to-svg/blob/master/examples/example.js?range=9-19&theme=dark.pastel&lang=javascript)](https://github.com/basics/code-snippet-to-svg/blob/master/examples/example.js#L7L18)
      

### scheme: darkside
[![code preview](https://us-central1-code-snippet-to-svg.cloudfunctions.net/default/basics/code-snippet-to-svg/blob/master/examples/example.js?range=9-19&theme=darkside&lang=javascript)](https://github.com/basics/code-snippet-to-svg/blob/master/examples/example.js#L7L18)
      

### scheme: deep
[![code preview](https://us-central1-code-snippet-to-svg.cloudfunctions.net/default/basics/code-snippet-to-svg/blob/master/examples/example.js?range=9-19&theme=deep&lang=javascript)](https://github.com/basics/code-snippet-to-svg/blob/master/examples/example.js#L7L18)
      

### scheme: desert
[![code preview](https://us-central1-code-snippet-to-svg.cloudfunctions.net/default/basics/code-snippet-to-svg/blob/master/examples/example.js?range=9-19&theme=desert&lang=javascript)](https://github.com/basics/code-snippet-to-svg/blob/master/examples/example.js#L7L18)
      

### scheme: dimmed_monokai
[![code preview](https://us-central1-code-snippet-to-svg.cloudfunctions.net/default/basics/code-snippet-to-svg/blob/master/examples/example.js?range=9-19&theme=dimmed_monokai&lang=javascript)](https://github.com/basics/code-snippet-to-svg/blob/master/examples/example.js#L7L18)
      

### scheme: dot_gov
[![code preview](https://us-central1-code-snippet-to-svg.cloudfunctions.net/default/basics/code-snippet-to-svg/blob/master/examples/example.js?range=9-19&theme=dot_gov&lang=javascript)](https://github.com/basics/code-snippet-to-svg/blob/master/examples/example.js#L7L18)
      

### scheme: dracula
[![code preview](https://us-central1-code-snippet-to-svg.cloudfunctions.net/default/basics/code-snippet-to-svg/blob/master/examples/example.js?range=9-19&theme=dracula&lang=javascript)](https://github.com/basics/code-snippet-to-svg/blob/master/examples/example.js#L7L18)
      

### scheme: duotone.dark
[![code preview](https://us-central1-code-snippet-to-svg.cloudfunctions.net/default/basics/code-snippet-to-svg/blob/master/examples/example.js?range=9-19&theme=duotone.dark&lang=javascript)](https://github.com/basics/code-snippet-to-svg/blob/master/examples/example.js#L7L18)
      

### scheme: earthsong
[![code preview](https://us-central1-code-snippet-to-svg.cloudfunctions.net/default/basics/code-snippet-to-svg/blob/master/examples/example.js?range=9-19&theme=earthsong&lang=javascript)](https://github.com/basics/code-snippet-to-svg/blob/master/examples/example.js#L7L18)
      

### scheme: elemental
[![code preview](https://us-central1-code-snippet-to-svg.cloudfunctions.net/default/basics/code-snippet-to-svg/blob/master/examples/example.js?range=9-19&theme=elemental&lang=javascript)](https://github.com/basics/code-snippet-to-svg/blob/master/examples/example.js#L7L18)
      

### scheme: elementary
[![code preview](https://us-central1-code-snippet-to-svg.cloudfunctions.net/default/basics/code-snippet-to-svg/blob/master/examples/example.js?range=9-19&theme=elementary&lang=javascript)](https://github.com/basics/code-snippet-to-svg/blob/master/examples/example.js#L7L18)
      

### scheme: encom
[![code preview](https://us-central1-code-snippet-to-svg.cloudfunctions.net/default/basics/code-snippet-to-svg/blob/master/examples/example.js?range=9-19&theme=encom&lang=javascript)](https://github.com/basics/code-snippet-to-svg/blob/master/examples/example.js#L7L18)
      

### scheme: espresso
[![code preview](https://us-central1-code-snippet-to-svg.cloudfunctions.net/default/basics/code-snippet-to-svg/blob/master/examples/example.js?range=9-19&theme=espresso&lang=javascript)](https://github.com/basics/code-snippet-to-svg/blob/master/examples/example.js#L7L18)
      

### scheme: espresso.libre
[![code preview](https://us-central1-code-snippet-to-svg.cloudfunctions.net/default/basics/code-snippet-to-svg/blob/master/examples/example.js?range=9-19&theme=espresso.libre&lang=javascript)](https://github.com/basics/code-snippet-to-svg/blob/master/examples/example.js#L7L18)
      

### scheme: fahrenheit
[![code preview](https://us-central1-code-snippet-to-svg.cloudfunctions.net/default/basics/code-snippet-to-svg/blob/master/examples/example.js?range=9-19&theme=fahrenheit&lang=javascript)](https://github.com/basics/code-snippet-to-svg/blob/master/examples/example.js#L7L18)
      

### scheme: fideloper
[![code preview](https://us-central1-code-snippet-to-svg.cloudfunctions.net/default/basics/code-snippet-to-svg/blob/master/examples/example.js?range=9-19&theme=fideloper&lang=javascript)](https://github.com/basics/code-snippet-to-svg/blob/master/examples/example.js#L7L18)
      

### scheme: firefox_dev
[![code preview](https://us-central1-code-snippet-to-svg.cloudfunctions.net/default/basics/code-snippet-to-svg/blob/master/examples/example.js?range=9-19&theme=firefox_dev&lang=javascript)](https://github.com/basics/code-snippet-to-svg/blob/master/examples/example.js#L7L18)
      

### scheme: firewatch
[![code preview](https://us-central1-code-snippet-to-svg.cloudfunctions.net/default/basics/code-snippet-to-svg/blob/master/examples/example.js?range=9-19&theme=firewatch&lang=javascript)](https://github.com/basics/code-snippet-to-svg/blob/master/examples/example.js#L7L18)
      

### scheme: fish_tank
[![code preview](https://us-central1-code-snippet-to-svg.cloudfunctions.net/default/basics/code-snippet-to-svg/blob/master/examples/example.js?range=9-19&theme=fish_tank&lang=javascript)](https://github.com/basics/code-snippet-to-svg/blob/master/examples/example.js#L7L18)
      

### scheme: flat
[![code preview](https://us-central1-code-snippet-to-svg.cloudfunctions.net/default/basics/code-snippet-to-svg/blob/master/examples/example.js?range=9-19&theme=flat&lang=javascript)](https://github.com/basics/code-snippet-to-svg/blob/master/examples/example.js#L7L18)
      

### scheme: flatland
[![code preview](https://us-central1-code-snippet-to-svg.cloudfunctions.net/default/basics/code-snippet-to-svg/blob/master/examples/example.js?range=9-19&theme=flatland&lang=javascript)](https://github.com/basics/code-snippet-to-svg/blob/master/examples/example.js#L7L18)
      

### scheme: floraverse
[![code preview](https://us-central1-code-snippet-to-svg.cloudfunctions.net/default/basics/code-snippet-to-svg/blob/master/examples/example.js?range=9-19&theme=floraverse&lang=javascript)](https://github.com/basics/code-snippet-to-svg/blob/master/examples/example.js#L7L18)
      

### scheme: forest_blue
[![code preview](https://us-central1-code-snippet-to-svg.cloudfunctions.net/default/basics/code-snippet-to-svg/blob/master/examples/example.js?range=9-19&theme=forest_blue&lang=javascript)](https://github.com/basics/code-snippet-to-svg/blob/master/examples/example.js#L7L18)
      

### scheme: front_end_delight
[![code preview](https://us-central1-code-snippet-to-svg.cloudfunctions.net/default/basics/code-snippet-to-svg/blob/master/examples/example.js?range=9-19&theme=front_end_delight&lang=javascript)](https://github.com/basics/code-snippet-to-svg/blob/master/examples/example.js#L7L18)
      

### scheme: fun_forrest
[![code preview](https://us-central1-code-snippet-to-svg.cloudfunctions.net/default/basics/code-snippet-to-svg/blob/master/examples/example.js?range=9-19&theme=fun_forrest&lang=javascript)](https://github.com/basics/code-snippet-to-svg/blob/master/examples/example.js#L7L18)
      

### scheme: galaxy
[![code preview](https://us-central1-code-snippet-to-svg.cloudfunctions.net/default/basics/code-snippet-to-svg/blob/master/examples/example.js?range=9-19&theme=galaxy&lang=javascript)](https://github.com/basics/code-snippet-to-svg/blob/master/examples/example.js#L7L18)
      

### scheme: github
[![code preview](https://us-central1-code-snippet-to-svg.cloudfunctions.net/default/basics/code-snippet-to-svg/blob/master/examples/example.js?range=9-19&theme=github&lang=javascript)](https://github.com/basics/code-snippet-to-svg/blob/master/examples/example.js#L7L18)
      

### scheme: glacier
[![code preview](https://us-central1-code-snippet-to-svg.cloudfunctions.net/default/basics/code-snippet-to-svg/blob/master/examples/example.js?range=9-19&theme=glacier&lang=javascript)](https://github.com/basics/code-snippet-to-svg/blob/master/examples/example.js#L7L18)
      

### scheme: grape
[![code preview](https://us-central1-code-snippet-to-svg.cloudfunctions.net/default/basics/code-snippet-to-svg/blob/master/examples/example.js?range=9-19&theme=grape&lang=javascript)](https://github.com/basics/code-snippet-to-svg/blob/master/examples/example.js#L7L18)
      

### scheme: grass
[![code preview](https://us-central1-code-snippet-to-svg.cloudfunctions.net/default/basics/code-snippet-to-svg/blob/master/examples/example.js?range=9-19&theme=grass&lang=javascript)](https://github.com/basics/code-snippet-to-svg/blob/master/examples/example.js#L7L18)
      

### scheme: gruvbox.dark
[![code preview](https://us-central1-code-snippet-to-svg.cloudfunctions.net/default/basics/code-snippet-to-svg/blob/master/examples/example.js?range=9-19&theme=gruvbox.dark&lang=javascript)](https://github.com/basics/code-snippet-to-svg/blob/master/examples/example.js#L7L18)
      

### scheme: hacktober
[![code preview](https://us-central1-code-snippet-to-svg.cloudfunctions.net/default/basics/code-snippet-to-svg/blob/master/examples/example.js?range=9-19&theme=hacktober&lang=javascript)](https://github.com/basics/code-snippet-to-svg/blob/master/examples/example.js#L7L18)
      

### scheme: hardcore
[![code preview](https://us-central1-code-snippet-to-svg.cloudfunctions.net/default/basics/code-snippet-to-svg/blob/master/examples/example.js?range=9-19&theme=hardcore&lang=javascript)](https://github.com/basics/code-snippet-to-svg/blob/master/examples/example.js#L7L18)
      

### scheme: harper
[![code preview](https://us-central1-code-snippet-to-svg.cloudfunctions.net/default/basics/code-snippet-to-svg/blob/master/examples/example.js?range=9-19&theme=harper&lang=javascript)](https://github.com/basics/code-snippet-to-svg/blob/master/examples/example.js#L7L18)
      

### scheme: highway
[![code preview](https://us-central1-code-snippet-to-svg.cloudfunctions.net/default/basics/code-snippet-to-svg/blob/master/examples/example.js?range=9-19&theme=highway&lang=javascript)](https://github.com/basics/code-snippet-to-svg/blob/master/examples/example.js#L7L18)
      

### scheme: hipster.green
[![code preview](https://us-central1-code-snippet-to-svg.cloudfunctions.net/default/basics/code-snippet-to-svg/blob/master/examples/example.js?range=9-19&theme=hipster.green&lang=javascript)](https://github.com/basics/code-snippet-to-svg/blob/master/examples/example.js#L7L18)
      

### scheme: homebrew
[![code preview](https://us-central1-code-snippet-to-svg.cloudfunctions.net/default/basics/code-snippet-to-svg/blob/master/examples/example.js?range=9-19&theme=homebrew&lang=javascript)](https://github.com/basics/code-snippet-to-svg/blob/master/examples/example.js#L7L18)
      

### scheme: hopscotch.256
[![code preview](https://us-central1-code-snippet-to-svg.cloudfunctions.net/default/basics/code-snippet-to-svg/blob/master/examples/example.js?range=9-19&theme=hopscotch.256&lang=javascript)](https://github.com/basics/code-snippet-to-svg/blob/master/examples/example.js#L7L18)
      

### scheme: hopscotch
[![code preview](https://us-central1-code-snippet-to-svg.cloudfunctions.net/default/basics/code-snippet-to-svg/blob/master/examples/example.js?range=9-19&theme=hopscotch&lang=javascript)](https://github.com/basics/code-snippet-to-svg/blob/master/examples/example.js#L7L18)
      

### scheme: hurtado
[![code preview](https://us-central1-code-snippet-to-svg.cloudfunctions.net/default/basics/code-snippet-to-svg/blob/master/examples/example.js?range=9-19&theme=hurtado&lang=javascript)](https://github.com/basics/code-snippet-to-svg/blob/master/examples/example.js#L7L18)
      

### scheme: hybrid
[![code preview](https://us-central1-code-snippet-to-svg.cloudfunctions.net/default/basics/code-snippet-to-svg/blob/master/examples/example.js?range=9-19&theme=hybrid&lang=javascript)](https://github.com/basics/code-snippet-to-svg/blob/master/examples/example.js#L7L18)
      

### scheme: ic_green_ppl
[![code preview](https://us-central1-code-snippet-to-svg.cloudfunctions.net/default/basics/code-snippet-to-svg/blob/master/examples/example.js?range=9-19&theme=ic_green_ppl&lang=javascript)](https://github.com/basics/code-snippet-to-svg/blob/master/examples/example.js#L7L18)
      

### scheme: ic_orange_ppl
[![code preview](https://us-central1-code-snippet-to-svg.cloudfunctions.net/default/basics/code-snippet-to-svg/blob/master/examples/example.js?range=9-19&theme=ic_orange_ppl&lang=javascript)](https://github.com/basics/code-snippet-to-svg/blob/master/examples/example.js#L7L18)
      

### scheme: idea
[![code preview](https://us-central1-code-snippet-to-svg.cloudfunctions.net/default/basics/code-snippet-to-svg/blob/master/examples/example.js?range=9-19&theme=idea&lang=javascript)](https://github.com/basics/code-snippet-to-svg/blob/master/examples/example.js#L7L18)
      

### scheme: idle_toes
[![code preview](https://us-central1-code-snippet-to-svg.cloudfunctions.net/default/basics/code-snippet-to-svg/blob/master/examples/example.js?range=9-19&theme=idle_toes&lang=javascript)](https://github.com/basics/code-snippet-to-svg/blob/master/examples/example.js#L7L18)
      

### scheme: ir_black
[![code preview](https://us-central1-code-snippet-to-svg.cloudfunctions.net/default/basics/code-snippet-to-svg/blob/master/examples/example.js?range=9-19&theme=ir_black&lang=javascript)](https://github.com/basics/code-snippet-to-svg/blob/master/examples/example.js#L7L18)
      

### scheme: jackie.brown
[![code preview](https://us-central1-code-snippet-to-svg.cloudfunctions.net/default/basics/code-snippet-to-svg/blob/master/examples/example.js?range=9-19&theme=jackie.brown&lang=javascript)](https://github.com/basics/code-snippet-to-svg/blob/master/examples/example.js#L7L18)
      

### scheme: japanesque
[![code preview](https://us-central1-code-snippet-to-svg.cloudfunctions.net/default/basics/code-snippet-to-svg/blob/master/examples/example.js?range=9-19&theme=japanesque&lang=javascript)](https://github.com/basics/code-snippet-to-svg/blob/master/examples/example.js#L7L18)
      

### scheme: jet_brains.darcula
[![code preview](https://us-central1-code-snippet-to-svg.cloudfunctions.net/default/basics/code-snippet-to-svg/blob/master/examples/example.js?range=9-19&theme=jet_brains.darcula&lang=javascript)](https://github.com/basics/code-snippet-to-svg/blob/master/examples/example.js#L7L18)
      

### scheme: jellybeans
[![code preview](https://us-central1-code-snippet-to-svg.cloudfunctions.net/default/basics/code-snippet-to-svg/blob/master/examples/example.js?range=9-19&theme=jellybeans&lang=javascript)](https://github.com/basics/code-snippet-to-svg/blob/master/examples/example.js#L7L18)
      

### scheme: kibble
[![code preview](https://us-central1-code-snippet-to-svg.cloudfunctions.net/default/basics/code-snippet-to-svg/blob/master/examples/example.js?range=9-19&theme=kibble&lang=javascript)](https://github.com/basics/code-snippet-to-svg/blob/master/examples/example.js#L7L18)
      

### scheme: later.this.evening
[![code preview](https://us-central1-code-snippet-to-svg.cloudfunctions.net/default/basics/code-snippet-to-svg/blob/master/examples/example.js?range=9-19&theme=later.this.evening&lang=javascript)](https://github.com/basics/code-snippet-to-svg/blob/master/examples/example.js#L7L18)
      

### scheme: lavandula
[![code preview](https://us-central1-code-snippet-to-svg.cloudfunctions.net/default/basics/code-snippet-to-svg/blob/master/examples/example.js?range=9-19&theme=lavandula&lang=javascript)](https://github.com/basics/code-snippet-to-svg/blob/master/examples/example.js#L7L18)
      

### scheme: liquid_carbon
[![code preview](https://us-central1-code-snippet-to-svg.cloudfunctions.net/default/basics/code-snippet-to-svg/blob/master/examples/example.js?range=9-19&theme=liquid_carbon&lang=javascript)](https://github.com/basics/code-snippet-to-svg/blob/master/examples/example.js#L7L18)
      

### scheme: liquid_carbon_transparent
[![code preview](https://us-central1-code-snippet-to-svg.cloudfunctions.net/default/basics/code-snippet-to-svg/blob/master/examples/example.js?range=9-19&theme=liquid_carbon_transparent&lang=javascript)](https://github.com/basics/code-snippet-to-svg/blob/master/examples/example.js#L7L18)
      

### scheme: liquid_carbon_transparent_inverse
[![code preview](https://us-central1-code-snippet-to-svg.cloudfunctions.net/default/basics/code-snippet-to-svg/blob/master/examples/example.js?range=9-19&theme=liquid_carbon_transparent_inverse&lang=javascript)](https://github.com/basics/code-snippet-to-svg/blob/master/examples/example.js#L7L18)
      

### scheme: man.page
[![code preview](https://us-central1-code-snippet-to-svg.cloudfunctions.net/default/basics/code-snippet-to-svg/blob/master/examples/example.js?range=9-19&theme=man.page&lang=javascript)](https://github.com/basics/code-snippet-to-svg/blob/master/examples/example.js#L7L18)
      

### scheme: material
[![code preview](https://us-central1-code-snippet-to-svg.cloudfunctions.net/default/basics/code-snippet-to-svg/blob/master/examples/example.js?range=9-19&theme=material&lang=javascript)](https://github.com/basics/code-snippet-to-svg/blob/master/examples/example.js#L7L18)
      

### scheme: material_dark
[![code preview](https://us-central1-code-snippet-to-svg.cloudfunctions.net/default/basics/code-snippet-to-svg/blob/master/examples/example.js?range=9-19&theme=material_dark&lang=javascript)](https://github.com/basics/code-snippet-to-svg/blob/master/examples/example.js#L7L18)
      

### scheme: mathias
[![code preview](https://us-central1-code-snippet-to-svg.cloudfunctions.net/default/basics/code-snippet-to-svg/blob/master/examples/example.js?range=9-19&theme=mathias&lang=javascript)](https://github.com/basics/code-snippet-to-svg/blob/master/examples/example.js#L7L18)
      

### scheme: medallion
[![code preview](https://us-central1-code-snippet-to-svg.cloudfunctions.net/default/basics/code-snippet-to-svg/blob/master/examples/example.js?range=9-19&theme=medallion&lang=javascript)](https://github.com/basics/code-snippet-to-svg/blob/master/examples/example.js#L7L18)
      

### scheme: misterioso
[![code preview](https://us-central1-code-snippet-to-svg.cloudfunctions.net/default/basics/code-snippet-to-svg/blob/master/examples/example.js?range=9-19&theme=misterioso&lang=javascript)](https://github.com/basics/code-snippet-to-svg/blob/master/examples/example.js#L7L18)
      

### scheme: molokai
[![code preview](https://us-central1-code-snippet-to-svg.cloudfunctions.net/default/basics/code-snippet-to-svg/blob/master/examples/example.js?range=9-19&theme=molokai&lang=javascript)](https://github.com/basics/code-snippet-to-svg/blob/master/examples/example.js#L7L18)
      

### scheme: mona_lisa
[![code preview](https://us-central1-code-snippet-to-svg.cloudfunctions.net/default/basics/code-snippet-to-svg/blob/master/examples/example.js?range=9-19&theme=mona_lisa&lang=javascript)](https://github.com/basics/code-snippet-to-svg/blob/master/examples/example.js#L7L18)
      

### scheme: monokai.remastered
[![code preview](https://us-central1-code-snippet-to-svg.cloudfunctions.net/default/basics/code-snippet-to-svg/blob/master/examples/example.js?range=9-19&theme=monokai.remastered&lang=javascript)](https://github.com/basics/code-snippet-to-svg/blob/master/examples/example.js#L7L18)
      

### scheme: monokai.soda
[![code preview](https://us-central1-code-snippet-to-svg.cloudfunctions.net/default/basics/code-snippet-to-svg/blob/master/examples/example.js?range=9-19&theme=monokai.soda&lang=javascript)](https://github.com/basics/code-snippet-to-svg/blob/master/examples/example.js#L7L18)
      

### scheme: monokai.vivid
[![code preview](https://us-central1-code-snippet-to-svg.cloudfunctions.net/default/basics/code-snippet-to-svg/blob/master/examples/example.js?range=9-19&theme=monokai.vivid&lang=javascript)](https://github.com/basics/code-snippet-to-svg/blob/master/examples/example.js#L7L18)
      

### scheme: n0tch2k
[![code preview](https://us-central1-code-snippet-to-svg.cloudfunctions.net/default/basics/code-snippet-to-svg/blob/master/examples/example.js?range=9-19&theme=n0tch2k&lang=javascript)](https://github.com/basics/code-snippet-to-svg/blob/master/examples/example.js#L7L18)
      

### scheme: neopolitan
[![code preview](https://us-central1-code-snippet-to-svg.cloudfunctions.net/default/basics/code-snippet-to-svg/blob/master/examples/example.js?range=9-19&theme=neopolitan&lang=javascript)](https://github.com/basics/code-snippet-to-svg/blob/master/examples/example.js#L7L18)
      

### scheme: neutron
[![code preview](https://us-central1-code-snippet-to-svg.cloudfunctions.net/default/basics/code-snippet-to-svg/blob/master/examples/example.js?range=9-19&theme=neutron&lang=javascript)](https://github.com/basics/code-snippet-to-svg/blob/master/examples/example.js#L7L18)
      

### scheme: night_lion.v1
[![code preview](https://us-central1-code-snippet-to-svg.cloudfunctions.net/default/basics/code-snippet-to-svg/blob/master/examples/example.js?range=9-19&theme=night_lion.v1&lang=javascript)](https://github.com/basics/code-snippet-to-svg/blob/master/examples/example.js#L7L18)
      

### scheme: night_lion.v2
[![code preview](https://us-central1-code-snippet-to-svg.cloudfunctions.net/default/basics/code-snippet-to-svg/blob/master/examples/example.js?range=9-19&theme=night_lion.v2&lang=javascript)](https://github.com/basics/code-snippet-to-svg/blob/master/examples/example.js#L7L18)
      

### scheme: nocturnal.winter
[![code preview](https://us-central1-code-snippet-to-svg.cloudfunctions.net/default/basics/code-snippet-to-svg/blob/master/examples/example.js?range=9-19&theme=nocturnal.winter&lang=javascript)](https://github.com/basics/code-snippet-to-svg/blob/master/examples/example.js#L7L18)
      

### scheme: novel
[![code preview](https://us-central1-code-snippet-to-svg.cloudfunctions.net/default/basics/code-snippet-to-svg/blob/master/examples/example.js?range=9-19&theme=novel&lang=javascript)](https://github.com/basics/code-snippet-to-svg/blob/master/examples/example.js#L7L18)
      

### scheme: obsidian
[![code preview](https://us-central1-code-snippet-to-svg.cloudfunctions.net/default/basics/code-snippet-to-svg/blob/master/examples/example.js?range=9-19&theme=obsidian&lang=javascript)](https://github.com/basics/code-snippet-to-svg/blob/master/examples/example.js#L7L18)
      

### scheme: ocean
[![code preview](https://us-central1-code-snippet-to-svg.cloudfunctions.net/default/basics/code-snippet-to-svg/blob/master/examples/example.js?range=9-19&theme=ocean&lang=javascript)](https://github.com/basics/code-snippet-to-svg/blob/master/examples/example.js#L7L18)
      

### scheme: oceanic_material
[![code preview](https://us-central1-code-snippet-to-svg.cloudfunctions.net/default/basics/code-snippet-to-svg/blob/master/examples/example.js?range=9-19&theme=oceanic_material&lang=javascript)](https://github.com/basics/code-snippet-to-svg/blob/master/examples/example.js#L7L18)
      

### scheme: ollie
[![code preview](https://us-central1-code-snippet-to-svg.cloudfunctions.net/default/basics/code-snippet-to-svg/blob/master/examples/example.js?range=9-19&theme=ollie&lang=javascript)](https://github.com/basics/code-snippet-to-svg/blob/master/examples/example.js#L7L18)
      

### scheme: one_half_dark
[![code preview](https://us-central1-code-snippet-to-svg.cloudfunctions.net/default/basics/code-snippet-to-svg/blob/master/examples/example.js?range=9-19&theme=one_half_dark&lang=javascript)](https://github.com/basics/code-snippet-to-svg/blob/master/examples/example.js#L7L18)
      

### scheme: one_half_light
[![code preview](https://us-central1-code-snippet-to-svg.cloudfunctions.net/default/basics/code-snippet-to-svg/blob/master/examples/example.js?range=9-19&theme=one_half_light&lang=javascript)](https://github.com/basics/code-snippet-to-svg/blob/master/examples/example.js#L7L18)
      

### scheme: operator.mono.dark
[![code preview](https://us-central1-code-snippet-to-svg.cloudfunctions.net/default/basics/code-snippet-to-svg/blob/master/examples/example.js?range=9-19&theme=operator.mono.dark&lang=javascript)](https://github.com/basics/code-snippet-to-svg/blob/master/examples/example.js#L7L18)
      

### scheme: pandora
[![code preview](https://us-central1-code-snippet-to-svg.cloudfunctions.net/default/basics/code-snippet-to-svg/blob/master/examples/example.js?range=9-19&theme=pandora&lang=javascript)](https://github.com/basics/code-snippet-to-svg/blob/master/examples/example.js#L7L18)
      

### scheme: parasio.dark
[![code preview](https://us-central1-code-snippet-to-svg.cloudfunctions.net/default/basics/code-snippet-to-svg/blob/master/examples/example.js?range=9-19&theme=parasio.dark&lang=javascript)](https://github.com/basics/code-snippet-to-svg/blob/master/examples/example.js#L7L18)
      

### scheme: paul_millr
[![code preview](https://us-central1-code-snippet-to-svg.cloudfunctions.net/default/basics/code-snippet-to-svg/blob/master/examples/example.js?range=9-19&theme=paul_millr&lang=javascript)](https://github.com/basics/code-snippet-to-svg/blob/master/examples/example.js#L7L18)
      

### scheme: pencil_dark
[![code preview](https://us-central1-code-snippet-to-svg.cloudfunctions.net/default/basics/code-snippet-to-svg/blob/master/examples/example.js?range=9-19&theme=pencil_dark&lang=javascript)](https://github.com/basics/code-snippet-to-svg/blob/master/examples/example.js#L7L18)
      

### scheme: pencil_light
[![code preview](https://us-central1-code-snippet-to-svg.cloudfunctions.net/default/basics/code-snippet-to-svg/blob/master/examples/example.js?range=9-19&theme=pencil_light&lang=javascript)](https://github.com/basics/code-snippet-to-svg/blob/master/examples/example.js#L7L18)
      

### scheme: piatto.light
[![code preview](https://us-central1-code-snippet-to-svg.cloudfunctions.net/default/basics/code-snippet-to-svg/blob/master/examples/example.js?range=9-19&theme=piatto.light&lang=javascript)](https://github.com/basics/code-snippet-to-svg/blob/master/examples/example.js#L7L18)
      

### scheme: pnevma
[![code preview](https://us-central1-code-snippet-to-svg.cloudfunctions.net/default/basics/code-snippet-to-svg/blob/master/examples/example.js?range=9-19&theme=pnevma&lang=javascript)](https://github.com/basics/code-snippet-to-svg/blob/master/examples/example.js#L7L18)
      

### scheme: pro
[![code preview](https://us-central1-code-snippet-to-svg.cloudfunctions.net/default/basics/code-snippet-to-svg/blob/master/examples/example.js?range=9-19&theme=pro&lang=javascript)](https://github.com/basics/code-snippet-to-svg/blob/master/examples/example.js#L7L18)
      

### scheme: pro.light
[![code preview](https://us-central1-code-snippet-to-svg.cloudfunctions.net/default/basics/code-snippet-to-svg/blob/master/examples/example.js?range=9-19&theme=pro.light&lang=javascript)](https://github.com/basics/code-snippet-to-svg/blob/master/examples/example.js#L7L18)
      

### scheme: purple.rain
[![code preview](https://us-central1-code-snippet-to-svg.cloudfunctions.net/default/basics/code-snippet-to-svg/blob/master/examples/example.js?range=9-19&theme=purple.rain&lang=javascript)](https://github.com/basics/code-snippet-to-svg/blob/master/examples/example.js#L7L18)
      

### scheme: purplepeter
[![code preview](https://us-central1-code-snippet-to-svg.cloudfunctions.net/default/basics/code-snippet-to-svg/blob/master/examples/example.js?range=9-19&theme=purplepeter&lang=javascript)](https://github.com/basics/code-snippet-to-svg/blob/master/examples/example.js#L7L18)
      

### scheme: rebecca
[![code preview](https://us-central1-code-snippet-to-svg.cloudfunctions.net/default/basics/code-snippet-to-svg/blob/master/examples/example.js?range=9-19&theme=rebecca&lang=javascript)](https://github.com/basics/code-snippet-to-svg/blob/master/examples/example.js#L7L18)
      

### scheme: red.alert
[![code preview](https://us-central1-code-snippet-to-svg.cloudfunctions.net/default/basics/code-snippet-to-svg/blob/master/examples/example.js?range=9-19&theme=red.alert&lang=javascript)](https://github.com/basics/code-snippet-to-svg/blob/master/examples/example.js#L7L18)
      

### scheme: red.planet
[![code preview](https://us-central1-code-snippet-to-svg.cloudfunctions.net/default/basics/code-snippet-to-svg/blob/master/examples/example.js?range=9-19&theme=red.planet&lang=javascript)](https://github.com/basics/code-snippet-to-svg/blob/master/examples/example.js#L7L18)
      

### scheme: red.sands
[![code preview](https://us-central1-code-snippet-to-svg.cloudfunctions.net/default/basics/code-snippet-to-svg/blob/master/examples/example.js?range=9-19&theme=red.sands&lang=javascript)](https://github.com/basics/code-snippet-to-svg/blob/master/examples/example.js#L7L18)
      

### scheme: relaxed
[![code preview](https://us-central1-code-snippet-to-svg.cloudfunctions.net/default/basics/code-snippet-to-svg/blob/master/examples/example.js?range=9-19&theme=relaxed&lang=javascript)](https://github.com/basics/code-snippet-to-svg/blob/master/examples/example.js#L7L18)
      

### scheme: rippedcasts
[![code preview](https://us-central1-code-snippet-to-svg.cloudfunctions.net/default/basics/code-snippet-to-svg/blob/master/examples/example.js?range=9-19&theme=rippedcasts&lang=javascript)](https://github.com/basics/code-snippet-to-svg/blob/master/examples/example.js#L7L18)
      

### scheme: royal
[![code preview](https://us-central1-code-snippet-to-svg.cloudfunctions.net/default/basics/code-snippet-to-svg/blob/master/examples/example.js?range=9-19&theme=royal&lang=javascript)](https://github.com/basics/code-snippet-to-svg/blob/master/examples/example.js#L7L18)
      

### scheme: ryuuko
[![code preview](https://us-central1-code-snippet-to-svg.cloudfunctions.net/default/basics/code-snippet-to-svg/blob/master/examples/example.js?range=9-19&theme=ryuuko&lang=javascript)](https://github.com/basics/code-snippet-to-svg/blob/master/examples/example.js#L7L18)
      

### scheme: sea_shells
[![code preview](https://us-central1-code-snippet-to-svg.cloudfunctions.net/default/basics/code-snippet-to-svg/blob/master/examples/example.js?range=9-19&theme=sea_shells&lang=javascript)](https://github.com/basics/code-snippet-to-svg/blob/master/examples/example.js#L7L18)
      

### scheme: seafoam.pastel
[![code preview](https://us-central1-code-snippet-to-svg.cloudfunctions.net/default/basics/code-snippet-to-svg/blob/master/examples/example.js?range=9-19&theme=seafoam.pastel&lang=javascript)](https://github.com/basics/code-snippet-to-svg/blob/master/examples/example.js#L7L18)
      

### scheme: seti
[![code preview](https://us-central1-code-snippet-to-svg.cloudfunctions.net/default/basics/code-snippet-to-svg/blob/master/examples/example.js?range=9-19&theme=seti&lang=javascript)](https://github.com/basics/code-snippet-to-svg/blob/master/examples/example.js#L7L18)
      

### scheme: shaman
[![code preview](https://us-central1-code-snippet-to-svg.cloudfunctions.net/default/basics/code-snippet-to-svg/blob/master/examples/example.js?range=9-19&theme=shaman&lang=javascript)](https://github.com/basics/code-snippet-to-svg/blob/master/examples/example.js#L7L18)
      

### scheme: slate
[![code preview](https://us-central1-code-snippet-to-svg.cloudfunctions.net/default/basics/code-snippet-to-svg/blob/master/examples/example.js?range=9-19&theme=slate&lang=javascript)](https://github.com/basics/code-snippet-to-svg/blob/master/examples/example.js#L7L18)
      

### scheme: smyck
[![code preview](https://us-central1-code-snippet-to-svg.cloudfunctions.net/default/basics/code-snippet-to-svg/blob/master/examples/example.js?range=9-19&theme=smyck&lang=javascript)](https://github.com/basics/code-snippet-to-svg/blob/master/examples/example.js#L7L18)
      

### scheme: snazzy
[![code preview](https://us-central1-code-snippet-to-svg.cloudfunctions.net/default/basics/code-snippet-to-svg/blob/master/examples/example.js?range=9-19&theme=snazzy&lang=javascript)](https://github.com/basics/code-snippet-to-svg/blob/master/examples/example.js#L7L18)
      

### scheme: soft_server
[![code preview](https://us-central1-code-snippet-to-svg.cloudfunctions.net/default/basics/code-snippet-to-svg/blob/master/examples/example.js?range=9-19&theme=soft_server&lang=javascript)](https://github.com/basics/code-snippet-to-svg/blob/master/examples/example.js#L7L18)
      

### scheme: solarized.darcula
[![code preview](https://us-central1-code-snippet-to-svg.cloudfunctions.net/default/basics/code-snippet-to-svg/blob/master/examples/example.js?range=9-19&theme=solarized.darcula&lang=javascript)](https://github.com/basics/code-snippet-to-svg/blob/master/examples/example.js#L7L18)
      

### scheme: solarized.dark.-.patched
[![code preview](https://us-central1-code-snippet-to-svg.cloudfunctions.net/default/basics/code-snippet-to-svg/blob/master/examples/example.js?range=9-19&theme=solarized.dark.-.patched&lang=javascript)](https://github.com/basics/code-snippet-to-svg/blob/master/examples/example.js#L7L18)
      

### scheme: solarized.dark.higher.contrast
[![code preview](https://us-central1-code-snippet-to-svg.cloudfunctions.net/default/basics/code-snippet-to-svg/blob/master/examples/example.js?range=9-19&theme=solarized.dark.higher.contrast&lang=javascript)](https://github.com/basics/code-snippet-to-svg/blob/master/examples/example.js#L7L18)
      

### scheme: solarized.dark
[![code preview](https://us-central1-code-snippet-to-svg.cloudfunctions.net/default/basics/code-snippet-to-svg/blob/master/examples/example.js?range=9-19&theme=solarized.dark&lang=javascript)](https://github.com/basics/code-snippet-to-svg/blob/master/examples/example.js#L7L18)
      

### scheme: solarized.light
[![code preview](https://us-central1-code-snippet-to-svg.cloudfunctions.net/default/basics/code-snippet-to-svg/blob/master/examples/example.js?range=9-19&theme=solarized.light&lang=javascript)](https://github.com/basics/code-snippet-to-svg/blob/master/examples/example.js#L7L18)
      

### scheme: space_gray.eighties.dull
[![code preview](https://us-central1-code-snippet-to-svg.cloudfunctions.net/default/basics/code-snippet-to-svg/blob/master/examples/example.js?range=9-19&theme=space_gray.eighties.dull&lang=javascript)](https://github.com/basics/code-snippet-to-svg/blob/master/examples/example.js#L7L18)
      

### scheme: space_gray.eighties
[![code preview](https://us-central1-code-snippet-to-svg.cloudfunctions.net/default/basics/code-snippet-to-svg/blob/master/examples/example.js?range=9-19&theme=space_gray.eighties&lang=javascript)](https://github.com/basics/code-snippet-to-svg/blob/master/examples/example.js#L7L18)
      

### scheme: space_gray
[![code preview](https://us-central1-code-snippet-to-svg.cloudfunctions.net/default/basics/code-snippet-to-svg/blob/master/examples/example.js?range=9-19&theme=space_gray&lang=javascript)](https://github.com/basics/code-snippet-to-svg/blob/master/examples/example.js#L7L18)
      

### scheme: spacedust
[![code preview](https://us-central1-code-snippet-to-svg.cloudfunctions.net/default/basics/code-snippet-to-svg/blob/master/examples/example.js?range=9-19&theme=spacedust&lang=javascript)](https://github.com/basics/code-snippet-to-svg/blob/master/examples/example.js#L7L18)
      

### scheme: spiderman
[![code preview](https://us-central1-code-snippet-to-svg.cloudfunctions.net/default/basics/code-snippet-to-svg/blob/master/examples/example.js?range=9-19&theme=spiderman&lang=javascript)](https://github.com/basics/code-snippet-to-svg/blob/master/examples/example.js#L7L18)
      

### scheme: spring
[![code preview](https://us-central1-code-snippet-to-svg.cloudfunctions.net/default/basics/code-snippet-to-svg/blob/master/examples/example.js?range=9-19&theme=spring&lang=javascript)](https://github.com/basics/code-snippet-to-svg/blob/master/examples/example.js#L7L18)
      

### scheme: square
[![code preview](https://us-central1-code-snippet-to-svg.cloudfunctions.net/default/basics/code-snippet-to-svg/blob/master/examples/example.js?range=9-19&theme=square&lang=javascript)](https://github.com/basics/code-snippet-to-svg/blob/master/examples/example.js#L7L18)
      

### scheme: sundried
[![code preview](https://us-central1-code-snippet-to-svg.cloudfunctions.net/default/basics/code-snippet-to-svg/blob/master/examples/example.js?range=9-19&theme=sundried&lang=javascript)](https://github.com/basics/code-snippet-to-svg/blob/master/examples/example.js#L7L18)
      

### scheme: symfonic
[![code preview](https://us-central1-code-snippet-to-svg.cloudfunctions.net/default/basics/code-snippet-to-svg/blob/master/examples/example.js?range=9-19&theme=symfonic&lang=javascript)](https://github.com/basics/code-snippet-to-svg/blob/master/examples/example.js#L7L18)
      

### scheme: synthwave
[![code preview](https://us-central1-code-snippet-to-svg.cloudfunctions.net/default/basics/code-snippet-to-svg/blob/master/examples/example.js?range=9-19&theme=synthwave&lang=javascript)](https://github.com/basics/code-snippet-to-svg/blob/master/examples/example.js#L7L18)
      

### scheme: tango.adapted
[![code preview](https://us-central1-code-snippet-to-svg.cloudfunctions.net/default/basics/code-snippet-to-svg/blob/master/examples/example.js?range=9-19&theme=tango.adapted&lang=javascript)](https://github.com/basics/code-snippet-to-svg/blob/master/examples/example.js#L7L18)
      

### scheme: tango.half.adapted
[![code preview](https://us-central1-code-snippet-to-svg.cloudfunctions.net/default/basics/code-snippet-to-svg/blob/master/examples/example.js?range=9-19&theme=tango.half.adapted&lang=javascript)](https://github.com/basics/code-snippet-to-svg/blob/master/examples/example.js#L7L18)
      

### scheme: teerb
[![code preview](https://us-central1-code-snippet-to-svg.cloudfunctions.net/default/basics/code-snippet-to-svg/blob/master/examples/example.js?range=9-19&theme=teerb&lang=javascript)](https://github.com/basics/code-snippet-to-svg/blob/master/examples/example.js#L7L18)
      

### scheme: terminal.basic
[![code preview](https://us-central1-code-snippet-to-svg.cloudfunctions.net/default/basics/code-snippet-to-svg/blob/master/examples/example.js?range=9-19&theme=terminal.basic&lang=javascript)](https://github.com/basics/code-snippet-to-svg/blob/master/examples/example.js#L7L18)
      

### scheme: thayer.bright
[![code preview](https://us-central1-code-snippet-to-svg.cloudfunctions.net/default/basics/code-snippet-to-svg/blob/master/examples/example.js?range=9-19&theme=thayer.bright&lang=javascript)](https://github.com/basics/code-snippet-to-svg/blob/master/examples/example.js#L7L18)
      

### scheme: the.hulk
[![code preview](https://us-central1-code-snippet-to-svg.cloudfunctions.net/default/basics/code-snippet-to-svg/blob/master/examples/example.js?range=9-19&theme=the.hulk&lang=javascript)](https://github.com/basics/code-snippet-to-svg/blob/master/examples/example.js#L7L18)
      

### scheme: tomorrow
[![code preview](https://us-central1-code-snippet-to-svg.cloudfunctions.net/default/basics/code-snippet-to-svg/blob/master/examples/example.js?range=9-19&theme=tomorrow&lang=javascript)](https://github.com/basics/code-snippet-to-svg/blob/master/examples/example.js#L7L18)
      

### scheme: tomorrow.night.blue
[![code preview](https://us-central1-code-snippet-to-svg.cloudfunctions.net/default/basics/code-snippet-to-svg/blob/master/examples/example.js?range=9-19&theme=tomorrow.night.blue&lang=javascript)](https://github.com/basics/code-snippet-to-svg/blob/master/examples/example.js#L7L18)
      

### scheme: tomorrow.night.bright
[![code preview](https://us-central1-code-snippet-to-svg.cloudfunctions.net/default/basics/code-snippet-to-svg/blob/master/examples/example.js?range=9-19&theme=tomorrow.night.bright&lang=javascript)](https://github.com/basics/code-snippet-to-svg/blob/master/examples/example.js#L7L18)
      

### scheme: tomorrow.night.burns
[![code preview](https://us-central1-code-snippet-to-svg.cloudfunctions.net/default/basics/code-snippet-to-svg/blob/master/examples/example.js?range=9-19&theme=tomorrow.night.burns&lang=javascript)](https://github.com/basics/code-snippet-to-svg/blob/master/examples/example.js#L7L18)
      

### scheme: tomorrow.night.eighties
[![code preview](https://us-central1-code-snippet-to-svg.cloudfunctions.net/default/basics/code-snippet-to-svg/blob/master/examples/example.js?range=9-19&theme=tomorrow.night.eighties&lang=javascript)](https://github.com/basics/code-snippet-to-svg/blob/master/examples/example.js#L7L18)
      

### scheme: tomorrow.night
[![code preview](https://us-central1-code-snippet-to-svg.cloudfunctions.net/default/basics/code-snippet-to-svg/blob/master/examples/example.js?range=9-19&theme=tomorrow.night&lang=javascript)](https://github.com/basics/code-snippet-to-svg/blob/master/examples/example.js#L7L18)
      

### scheme: toy_chest
[![code preview](https://us-central1-code-snippet-to-svg.cloudfunctions.net/default/basics/code-snippet-to-svg/blob/master/examples/example.js?range=9-19&theme=toy_chest&lang=javascript)](https://github.com/basics/code-snippet-to-svg/blob/master/examples/example.js#L7L18)
      

### scheme: treehouse
[![code preview](https://us-central1-code-snippet-to-svg.cloudfunctions.net/default/basics/code-snippet-to-svg/blob/master/examples/example.js?range=9-19&theme=treehouse&lang=javascript)](https://github.com/basics/code-snippet-to-svg/blob/master/examples/example.js#L7L18)
      

### scheme: twilight
[![code preview](https://us-central1-code-snippet-to-svg.cloudfunctions.net/default/basics/code-snippet-to-svg/blob/master/examples/example.js?range=9-19&theme=twilight&lang=javascript)](https://github.com/basics/code-snippet-to-svg/blob/master/examples/example.js#L7L18)
      

### scheme: ubuntu
[![code preview](https://us-central1-code-snippet-to-svg.cloudfunctions.net/default/basics/code-snippet-to-svg/blob/master/examples/example.js?range=9-19&theme=ubuntu&lang=javascript)](https://github.com/basics/code-snippet-to-svg/blob/master/examples/example.js#L7L18)
      

### scheme: ultra_violent
[![code preview](https://us-central1-code-snippet-to-svg.cloudfunctions.net/default/basics/code-snippet-to-svg/blob/master/examples/example.js?range=9-19&theme=ultra_violent&lang=javascript)](https://github.com/basics/code-snippet-to-svg/blob/master/examples/example.js#L7L18)
      

### scheme: under_the_sea
[![code preview](https://us-central1-code-snippet-to-svg.cloudfunctions.net/default/basics/code-snippet-to-svg/blob/master/examples/example.js?range=9-19&theme=under_the_sea&lang=javascript)](https://github.com/basics/code-snippet-to-svg/blob/master/examples/example.js#L7L18)
      

### scheme: urple
[![code preview](https://us-central1-code-snippet-to-svg.cloudfunctions.net/default/basics/code-snippet-to-svg/blob/master/examples/example.js?range=9-19&theme=urple&lang=javascript)](https://github.com/basics/code-snippet-to-svg/blob/master/examples/example.js#L7L18)
      

### scheme: vaughn
[![code preview](https://us-central1-code-snippet-to-svg.cloudfunctions.net/default/basics/code-snippet-to-svg/blob/master/examples/example.js?range=9-19&theme=vaughn&lang=javascript)](https://github.com/basics/code-snippet-to-svg/blob/master/examples/example.js#L7L18)
      

### scheme: vibrant_ink
[![code preview](https://us-central1-code-snippet-to-svg.cloudfunctions.net/default/basics/code-snippet-to-svg/blob/master/examples/example.js?range=9-19&theme=vibrant_ink&lang=javascript)](https://github.com/basics/code-snippet-to-svg/blob/master/examples/example.js#L7L18)
      

### scheme: violet.dark
[![code preview](https://us-central1-code-snippet-to-svg.cloudfunctions.net/default/basics/code-snippet-to-svg/blob/master/examples/example.js?range=9-19&theme=violet.dark&lang=javascript)](https://github.com/basics/code-snippet-to-svg/blob/master/examples/example.js#L7L18)
      

### scheme: violet.light
[![code preview](https://us-central1-code-snippet-to-svg.cloudfunctions.net/default/basics/code-snippet-to-svg/blob/master/examples/example.js?range=9-19&theme=violet.light&lang=javascript)](https://github.com/basics/code-snippet-to-svg/blob/master/examples/example.js#L7L18)
      

### scheme: warm_neon
[![code preview](https://us-central1-code-snippet-to-svg.cloudfunctions.net/default/basics/code-snippet-to-svg/blob/master/examples/example.js?range=9-19&theme=warm_neon&lang=javascript)](https://github.com/basics/code-snippet-to-svg/blob/master/examples/example.js#L7L18)
      

### scheme: wez
[![code preview](https://us-central1-code-snippet-to-svg.cloudfunctions.net/default/basics/code-snippet-to-svg/blob/master/examples/example.js?range=9-19&theme=wez&lang=javascript)](https://github.com/basics/code-snippet-to-svg/blob/master/examples/example.js#L7L18)
      

### scheme: whimsy
[![code preview](https://us-central1-code-snippet-to-svg.cloudfunctions.net/default/basics/code-snippet-to-svg/blob/master/examples/example.js?range=9-19&theme=whimsy&lang=javascript)](https://github.com/basics/code-snippet-to-svg/blob/master/examples/example.js#L7L18)
      

### scheme: wild_cherry
[![code preview](https://us-central1-code-snippet-to-svg.cloudfunctions.net/default/basics/code-snippet-to-svg/blob/master/examples/example.js?range=9-19&theme=wild_cherry&lang=javascript)](https://github.com/basics/code-snippet-to-svg/blob/master/examples/example.js#L7L18)
      

### scheme: wombat
[![code preview](https://us-central1-code-snippet-to-svg.cloudfunctions.net/default/basics/code-snippet-to-svg/blob/master/examples/example.js?range=9-19&theme=wombat&lang=javascript)](https://github.com/basics/code-snippet-to-svg/blob/master/examples/example.js#L7L18)
      

### scheme: wryan
[![code preview](https://us-central1-code-snippet-to-svg.cloudfunctions.net/default/basics/code-snippet-to-svg/blob/master/examples/example.js?range=9-19&theme=wryan&lang=javascript)](https://github.com/basics/code-snippet-to-svg/blob/master/examples/example.js#L7L18)
      

### scheme: zenburn
[![code preview](https://us-central1-code-snippet-to-svg.cloudfunctions.net/default/basics/code-snippet-to-svg/blob/master/examples/example.js?range=9-19&theme=zenburn&lang=javascript)](https://github.com/basics/code-snippet-to-svg/blob/master/examples/example.js#L7L18)