.svg-icon g [fill]{
    transition: fill 0.3s ease;
    fill : #B5B5C3
  }

  .svg-icon-white g [fill] {
    transition: fill 0.3s ease;
    fill : #FFFFFF
  }

  .svg-icon-primary g [fill] {
    transition: fill 0.3s ease;
    fill : #3699FF
  }

  .svg-icon-secondary g [fill] {
    transition: fill 0.3s ease;
    fill : #E4E6EF
  }

  .svg-icon-success g [fill] {
    transition: fill 0.3s ease;
    fill : #1BC5BD
  }

  .svg-icon-info g [fill] {
    transition: fill 0.3s ease;
    fill : #8950FC
  }

  .svg-icon-warning g [fill] {
    transition: fill 0.3s ease;
    fill : #FFA800
  }

  .svg-icon-danger g [fill] {
    transition: fill 0.3s ease;
    fill : #F64E60
  }

  .svg-icon-light g [fill] {
    transition: fill 0.3s ease;
    fill : #F3F6F9
  }

  .svg-icon-dark g [fill] {
    transition: fill 0.3s ease;
    fill : #181C32
  }