문제 상황

svg가 화면 상에 안 뜨는 이슈… 빅이슈…

아니 다른 아이콘은 불러와도 다 됨…

figma에서 아이콘을 export로 불러와도 안 됨………

왜 경고창 svg만 안 뜨냐… ㅠㅡㅠ

문제 원인

다른 svg 코드랑 비교해 보니 url 클립 부분이 있어 혹여나 하고 지워봄

해결 방안

clip이 포함된 <g> 태그를 지워주니 잘 작동이 되었습니다!

<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="<http://www.w3.org/2000/svg>">
<g clip-path="url(#clip0_1276_14905)">   <------ 요 부분 삭제 
<path fill-rule="evenodd" clip-rule="evenodd" d="M9.99967 14.265C9.73446 14.265 9.4801 14.1597 9.29257 13.9721C9.10503 13.7846 8.99967 13.5303 8.99967 13.265C8.99967 12.9998 9.10503 12.7455 9.29257 12.5579C9.4801 12.3704 9.73446 12.265 9.99967 12.265C10.2649 12.265 10.5192 12.3704 10.7068 12.5579C10.8943 12.7455 10.9997 12.9998 10.9997 13.265C10.9997 13.5303 10.8943 13.7846 10.7068 13.9721C10.5192 14.1597 10.2649 14.265 9.99967 14.265ZM9.16634 6.06921C9.16634 5.84819 9.25414 5.63623 9.41042 5.47995C9.5667 5.32367 9.77866 5.23587 9.99967 5.23587C10.2207 5.23587 10.4326 5.32367 10.5889 5.47995C10.7452 5.63623 10.833 5.84819 10.833 6.06921V10.2359C10.833 10.4569 10.7452 10.6688 10.5889 10.8251C10.4326 10.9814 10.2207 11.0692 9.99967 11.0692C9.77866 11.0692 9.5667 10.9814 9.41042 10.8251C9.25414 10.6688 9.16634 10.4569 9.16634 10.2359V6.06921ZM9.99967 0.833374C4.93717 0.833374 0.833008 4.93754 0.833008 10C0.833008 15.0634 4.93717 19.1667 9.99967 19.1667C15.0622 19.1667 19.1663 15.0634 19.1663 10C19.1663 4.93754 15.0622 0.833374 9.99967 0.833374Z" fill="#F84949"/>
</g>
<defs>
<clipPath id="clip0_1276_14905">
<rect width="20" height="20" fill="white"/>
</clipPath>
</defs>
</svg>