---
layout: layouts/page.njk
title: Colorier un symbole
---
## Définition des symboles
pour chaque propriété personnalisable il faut attribuer la valeur non pas avec la propriété directement mais il faut utiliser les variables css. `fill="var(--body-color)"` à la place de `fill="red"`
```svg
```
## Utilisation des symbole
Une classe différente pour chaque symbole
```svg
```
## Le style
finalement déclarer les variables
```css
```