Доброе время суток!) подскажите пожалуйста, хочу подключить svg картинки отдельным файлом, что делаю не так?

это html документ спрайт и css находятся в одной папке

<a class="footer__item" href="#" target="_blank">
                        <svg class="footer__icon">
                            <use xlink:href="css/sprite.svg#youtube"></use>
                        </svg>
</a>

а это сам спрайт

<svg xmlns="http://www.w3.org/2000/svg" display="none">
    <symbol id="dribbble" viewBox="0 0 16 16">
        <g>
            <image width="16" height="16" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABHNCSVQICAgIfAhkiAAAAaNJREFUOE9t00uojlEYxfHfF0qZuBad5DKRCYUS6QzEoWSAJBlRGLiEgRgdTJTLyKWUouSEgZIimTGjk4FyKSIpdyZCik9L+63d27dnb++z/8+z1rN2p9vt6nGWYTVWoYMnuILL7dpOCzAHdzC5FB7DWMzDAnzDCjxsQDVgJW7jFF7iJEZWHUfjMPZjA67lXwNIx3cYxJFy6S1GYEoFGYPv5XsGXjeA5/iFuVXxBHzGZlzEvjLVJizHAPoCiLZoilntE0mRdh+LkctXMQq/0R/AoTL6XszENMzCVHzEdDwqRtYNXmA4gPNYhz+F+gmRdKOs7QQ2Ig1m4yeeFkndAB4UY5b2kHAUuxDzvpaJMv44ZCtDAZzDWkyqAAnS3fK9DbvxDOurmvepCSAhGcZEfCnjDiHStpYLO3C6ZXQiPNCs8U2B7MlusRNnqm5JY1K4EJF8E0sipQHE6VdVt7M9/PiBg6VR1prYP66jvAbXcRwH8LcFiYRIydmCC3WUm9qMeAvjca90i9b5WIQP2F7ezP877dfYgGJeHkxClYTGo0tN13qyf8t9iQgVn0zaAAAAAElFTkSuQmCC"/>
        </g>
    </symbol>
</svg>