Не отображаюся некоторые SVG-иконки из Figma

Пытаюсь вывести иконку с помощью спрайта из фигмы, но не получается. Прилагаю код. Второй символ вообще не показывается таким методом

<svg xmlns="http://www.w3.org/2000/svg">

        <symbol viewBox="0 0 448 512" id="instagram">
            <path d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z"></path>
        </symbol>

        <symbol viewBox="0 0 448 512" id="telegram">
            <g filter="url(#filter0_i_102_756)">
            <circle cx="20" cy="20" r="20" fill="url(#paint0_linear_102_756)"/>
            </g>
            <g clip-path="url(#clip0_102_756)">
            <path d="M17.8857 22.4881L17.6376 25.9781C17.9926 25.9781 18.1464 25.8256 18.3307 25.6425L19.9951 24.0519L23.4439 26.5775C24.0764 26.93 24.522 26.7444 24.6926 25.9956L26.9564 15.3881L26.957 15.3875C27.1576 14.4525 26.6189 14.0869 26.0026 14.3163L12.6964 19.4106C11.7882 19.7631 11.802 20.2694 12.542 20.4988L15.9439 21.5569L23.8457 16.6125C24.2176 16.3663 24.5557 16.5025 24.2776 16.7488L17.8857 22.4881Z" fill="white"/>
            </g>
            <defs>
            <filter id="filter0_i_102_756" x="0" y="0" width="40" height="40" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
            <feFlood flood-opacity="0" result="BackgroundImageFix"/>
            <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
            <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
            <feOffset/>
            <feGaussianBlur stdDeviation="10.5"/>
            <feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
            <feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.23 0"/>
            <feBlend mode="normal" in2="shape" result="effect1_innerShadow_102_756"/>
            </filter>
            <linearGradient id="paint0_linear_102_756" x1="20" y1="41.5" x2="20" y2="-1.66965e-07" gradientUnits="userSpaceOnUse">
            <stop stop-color="#6189E0"/>
            <stop offset="1" stop-color="#7DA4F4"/>
            </linearGradient>
            <clipPath id="clip0_102_756">
            <rect width="15" height="15" fill="white" transform="translate(12 13)"/>
            </clipPath>
            </defs>
        </symbol>
</svg>

Вывожу так

<svg class="social__icon">
    <use xlink:href="sprite.svg#instagram"></use>
</svg>
<svg class="social__icon">
    <use xlink:href="sprite.svg#telegram"></use>
</svg>