scss

커스텀 SVG 사용하기

커스텀 SVG 파일 내용을 base64로 인코딩 후 scss에 다음 키워드를 사용하여 사용할 수 있다.

$hs-icon-search-small: '소스내용' 8.75rem 8.75rem;

.test{
    @include inline-svg($hs-icon-search-small);
}

@mixin inline-svg($name) {
    background-image: url(nth($name, 1));
    width: nth($name, 2);
    height: nth($name, 3);
}