SVG 크기 조정이 안될 때

아래와 같이 svg 크기 조정을 할 때

svg의 내부 path의 크기가 함께 변하지 않고 잘리는 현상이 발생한다면,

 

Solution : Viewbox 속성 설정하기

원본 svg 크기에 맞게 viewbox 속성을 설정해주면 됩니다.

<svg 
    width="98" 
    height="96" 
    xmlns="http://www.w3.org/2000/svg" 
    /* width, height에 맞게 viewbox 설정하기 */
    viewBox="0 0 98 96"
>
	...
</svg>

 

 

크기 줄이기 성공! 🙌