https://github.com/basics/code-snippet-to-svg

https://github.com/basics/code-snippet-to-svg

Last synced: 4 months ago
JSON representation

• Host: GitHub
• URL: https://github.com/basics/code-snippet-to-svg
• Owner: basics
• License: mit
• Created: 2018-08-19T08:30:22.000Z (almost 7 years ago)
• Default Branch: master
• Last Pushed: 2020-04-06T23:16:37.000Z (about 5 years ago)
• Last Synced: 2025-02-09T08:34:28.935Z (5 months ago)
• Language: JavaScript
• Size: 7.06 MB
• Stars: 1
• Watchers: 2
• Forks: 1
• Open Issues: 21
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE

Awesome Lists containing this project

README

        
[![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)