Adding Bullets in front of category lists for commerce

Site URL: https://lynx-guppy-pnfz.squarespace.com/

I am wondering how i can add a custom icon in front of the categories listed for my store.

The website is https://lynx-guppy-pnfz.squarespace.com/

Password: tester123

Is it possible to add a different colored icon in front of each of the categories?

Thank you.

Add to Home > Design > Custom CSS

Do similar for other items (nth-child(3), nth-child(4),..)

li.ProductList-filter-list-item:nth-child(2) a:before {
    content: "";
    background-image: url(https://image.flaticon.com/icons/svg/2767/2767989.svg);
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    width: 10px;
    height: 10px;
}