반응형 SVG1 [Vue.js] SVG 아이콘 사용법 (이미지 VS 코드) 요즘 프로젝트를 하면서 아이콘을 사용할 일이 많았습니다.특히 같은 아이콘을 여러 색상으로 써야 하는 경우가 있었습니다.그러다 보니 아이콘을 이미지로 사용할지, 코드로 사용할지 고민하게 됐습니다.Figma에서 SVG 아이콘 Export 하는 방법1) SVG로 Export 하기Figma에서 아이콘을 클릭오른쪽 패널에서 → Export 섹션 클릭포맷을 SVG로 설정하고 Export 버튼 클릭.svg 파일 다운로드 완료2) 코드로 복사하기아이콘을 선택한 상태에서 오른쪽 클릭Copy as → Copy as SVG 클릭SVG 코드 복사 완료 이미지 VS 코드 - 장단점 비교아이콘을 사용하는 방법을 상황에 따라 다르게 선택할 수 있습니다.방식장점단점SVG 코드 인라인 사용색/크기/상태에 따라 제어 가능손이 많이 감,.. 2025. 8. 3. 이전 1 다음 반응형
