CSS

.icon {
    height: 1rem;
    width: 1rem;

	// 지원안되는 브라우저 (색상변경은 안됨)
    background-image: url(/img/chevron-thin-right.svg);
    background-size: cover;
    
    // 지원되는 브라우저
    @supports (-webkit-mask-image: url()) or (mask-image: url()) {
      background-color: orange;
      -webkit-mask-image: url(../img/chevron-thin-right.svg);
      mask-image: url(../img/chevron-thin-right.svg);
      -webkit-mask-size: cover;
      mask-size: cover;
      background-image: none;
    }
}