我搜索社交媒体的 svg 来源

Question

在自定义 html/css 模板中，我有 instagram svg 图标，定义为：

<div class="user_info__links">
    <a href="#" class="user_info__links-btn user_info__links-instagram">
        <svg class="icon icon-instagram" viewBox="0 0 21 21" fill="none"
             xmlns="http://www.w3.org/2000/svg">
            <path
                d="M14.8999 0H6.10017C2.73652 0 0 2.73652 0 6.10017V14.8998C0 18.2635 2.73652 21 6.10017 21H14.8998C18.2635 21 21 18.2635 21 14.8999V6.10017C21 2.73652 18.2635 0 14.8999 0ZM19.3594 14.8998C19.3594 17.3588 17.3588 19.3594 14.8999 19.3594H6.10017C3.64116 19.3594 1.64062 17.3588 1.64062 14.8999V6.10017C1.64062 3.64116 3.64116 1.64062 6.10017 1.64062H14.8998C17.3588 1.64062 19.3594 3.64116 19.3594 6.10017V14.8998Z"
                fill="url(#paint0_linear)"/>
            <path
                d="M10.5 4.83984C7.37896 4.83984 4.83984 7.37896 4.83984 10.5C4.83984 13.621 7.37896 16.1602 10.5 16.1602C13.621 16.1602 16.1602 13.621 16.1602 10.5C16.1602 7.37896 13.621 4.83984 10.5 4.83984ZM10.5 14.5195C8.28364 14.5195 6.48047 12.7164 6.48047 10.5C6.48047 8.28364 8.28364 6.48047 10.5 6.48047C12.7164 6.48047 14.5195 8.28364 14.5195 10.5C14.5195 12.7164 12.7164 14.5195 10.5 14.5195Z"
                fill="url(#paint1_linear)"/>
            <path
                d="M16.2422 5.57812C16.6952 5.57812 17.0625 5.21086 17.0625 4.75781C17.0625 4.30477 16.6952 3.9375 16.2422 3.9375C15.7891 3.9375 15.4219 4.30477 15.4219 4.75781C15.4219 5.21086 15.7891 5.57812 16.2422 5.57812Z"
                fill="url(#paint2_linear)"/>
            <defs>
                <linearGradient id="paint0_linear" x1="19" y1="1.5"
                                x2="-1.16229e-06" y2="21"
                                gradientUnits="userSpaceOnUse">
                    <stop stop-color="#AF13A4"/>
                    <stop offset="0.302083" stop-color="#BF0985"/>
                    <stop offset="0.723958" stop-color="#F04815"/>
                    <stop offset="1" stop-color="#FED819"/>
                </linearGradient>
                <linearGradient id="paint1_linear" x1="19" y1="1.5"
                                x2="-1.16229e-06" y2="21"
                                gradientUnits="userSpaceOnUse">
                    <stop stop-color="#AF13A4"/>
                    <stop offset="0.302083" stop-color="#BF0985"/>
                    <stop offset="0.723958" stop-color="#F04815"/>
                    <stop offset="1" stop-color="#FED819"/>
                </linearGradient>
                <linearGradient id="paint2_linear" x1="19" y1="1.5"
                                x2="-1.16229e-06" y2="21"
                                gradientUnits="userSpaceOnUse">
                    <stop stop-color="#AF13A4"/>
                    <stop offset="0.302083" stop-color="#BF0985"/>
                    <stop offset="0.723958" stop-color="#F04815"/>
                    <stop offset="1" stop-color="#FED819"/>
                </linearGradient>
            </defs>
        </svg>
        <span>{{ userProfile.instagram }}</span>
    </a>
</div>

看起来像：https://prnt.sc/26bfj3j

现在我需要 facebook、twitter、500px、linkendin、unslplash、telegram、facebook_messenger、viber、 whatsapp, youtube, vk.com

我没有在应用程序中找到任何类似的图标，我现在对 svg 格式了解很多，但我想图标本身是在 3

中定义的

<path d=

块，可以是一些众所周知的 svg 源，我可以从那里得到我得到的所有图标...

其余 svg 图标的任何来源？

谢谢！

Answer 1

你可以只为他添加一个样式属性并在它不起作用时为其指定宽度和高度：你可以从这些网站找到很好的图标：英雄人物扁平图标羽毛图标。通过这些链接，您可以搜索您的图标，只需复制 svg 代码并将其粘贴到您身上 html code

Answer 2

所有你想要的图标在 FontAwesome 中都有。

你可以search through their brand icons here.

当您找到想要的图标时。单击图标。然后在弹出的对话框中，单击“复制 SVG 代码”按钮 ( </> )。还有一个按钮可以下载 SVG。

如果您使用这些 FontAwesome 图标，请确保您满足它们的使用要求。

我搜索社交媒体的 svg 来源

I search source of svg for socials

css

svg