.. _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 `_.