인프런 커뮤니티 질문&답변

안녕하세요 지은님.

logo와 , main logo가 각가 줄바꿈되어 문제가 발생하는걸로 보이네요.

logo.svg 는 이걸로 넣어보세요.

<svg width="500" height="451" viewBox="0 0 500 451" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M0 300C0 244.772 44.7715 200 100 200H400C455.228 200 500 244.772 500 300V300C500 355.228 455.228 400 400 400H175.457C169.978 400 164.657 401.838 160.347 405.22L131.038 428.216C121.799 435.465 108.662 426.732 111.771 415.407L112.294 413.501C114.159 406.706 109.046 400 102 400V400H100C44.7715 400 0 355.228 0 300V300Z" fill="#FF75B5"/>
<path d="M0 37C0 16.5655 16.5655 0 37 0H463C483.435 0 500 16.5655 500 37V163C500 183.435 483.433 200 462.999 200C442.402 200 422.731 200 403.75 200C391.481 200 411.533 213.179 416.123 223.773C418.463 229.172 412.007 233.051 406.129 232.804C376.75 231.566 323.991 200 310 200C222.191 200 141.537 200 37.018 200C16.5835 200 0 183.435 0 163V37Z" fill="#FFB86C"/>
</svg>

main_logo.svg는 이겁니다.

<svg width="500" height="451" viewBox="0 0 500 451" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M0 300C0 244.772 44.7715 200 100 200H400C455.228 200 500 244.772 500 300V300C500 355.228 455.228 400 400 400H175.457C169.978 400 164.657 401.838 160.347 405.22L131.038 428.216C121.799 435.465 108.662 426.732 111.771 415.407L112.294 413.501C114.159 406.706 109.046 400 102 400V400H100C44.7715 400 0 355.228 0 300V300Z" fill="#FF75B5"/>
<path d="M0 37C0 16.5655 16.5655 0 37 0H463C483.435 0 500 16.5655 500 37V163C500 183.435 483.433 200 462.999 200C442.402 200 422.731 200 403.75 200C391.481 200 411.533 213.179 416.123 223.773C418.463 229.172 412.007 233.051 406.129 232.804C376.75 231.566 323.991 200 310 200C222.191 200 141.537 200 37.018 200C16.5835 200 0 183.435 0 163V37Z" fill="#FFB86C"/>
<circle cx="194.5" cy="171.5" r="4.5" fill="black"/>
<circle cx="230.5" cy="171.5" r="4.5" fill="black"/>
<path d="M218.5 183C218.5 185.769 215.875 188.5 212 188.5C208.125 188.5 205.5 185.769 205.5 183C205.5 180.231 208.125 177.5 212 177.5C215.875 177.5 218.5 180.231 218.5 183Z" stroke="black" stroke-width="5"/>
<circle cx="161.271" cy="222.76" r="4.5" transform="rotate(-13.055 161.271 222.76)" fill="black"/>
<circle cx="196.341" cy="214.628" r="4.5" transform="rotate(-13.055 196.341 214.628)" fill="black"/>
<path d="M171.5 231.5C173.667 233 179.2 235.5 184 233.5C188.8 231.5 190 227.667 190 226" stroke="black" stroke-width="5" stroke-linecap="round"/>
</svg>