# Load

# From CDN

# Import module

The easiest way to use gySVG library is to import it as an ES module from our CDN service:

import gySVG from 'https://cdn.graphery.online/0.1.5/svg/module/index.js';

# script source

Another way, very easy too, is to load the script version from our CDN with a tag <script>:

<script src="https://cdn.graphery.online/0.1.5/svg/script/index.js"></script>;

# Understanding the URL from CDN

This is the detailed description about CDN URL:

 https://cdn.graphery.online/0.1.5/svg/module/index.js
|------|--------------------|-----|---|------|--------|
    |            |             |    |     |       |------> file name
    |            |             |    |     |--------------> 'module' or 'script' mode
    |            |             |    |--------------------> library name
    |            |             |-------------------------> version
    |            |---------------------------------------> CDN domain
    |----------------------------------------------------> protocol (please, use 'https')

# Install locally with NPM

See https://www.npmjs.com/package/@graphery/svg (opens new window).

You can install the Graphery SVG library locally by NPM:

npm install @graphery/svg

If you have installed locally, you need to reference node_modules/@graphery/svg and use this code for import.

import SVG from './node_modules/@graphery/svg/index.js';

or as script with

<script src="./node_modules/@graphery/svg/script/index.js"></script>

If you use Webpack or other loaders, you may be able to omit the node_modules folder in these calls.