.. _getting-started_html:
Integration with HTML
=====================
1 - Choose your theme method
----------------------------
Themes manage colors of SVGs on a dark or light background.
There are 2 different methods to configure themes :
- with css class (svg-theme-light or svg-theme-dark)
- with `prefers-color-scheme `_
With css class
**************
::
To use the latest version, replace with |version|
With prefers-color-scheme
*************************
::
To use the latest version, replace with |version|
2 - Configure colors
--------------------
To define the colors of your SVGs, set your css variables as below :
::
The primary color is determined as the most used. Same logic for secondary and tertiary.
3 - Use animations
------------------
To use an animated SVG, you need to include the "Core" code in the `` part as below :
::
To use the latest version, replace with |version|
4 - Add SVG Content
-------------------
On your html page, add the SVG code.
SVG collections available can be found `here `_.