Форум программистов
 

Восстановите пароль или Зарегистрируйтесь на форуме, о проблемах и с заказом рекламы пишите сюда - alarforum@yandex.ru, проверяйте папку спам!

Вернуться   Форум программистов > Web программирование > Общие вопросы Web
Регистрация

Восстановить пароль
Повторная активизация e-mail

Купить рекламу на форуме - 42 тыс руб за месяц

Ответ
 
Опции темы Поиск в этой теме
Старый 24.11.2020, 14:29   #1
SeRenDipiTy
 
Регистрация: 19.04.2008
Сообщений: 6
Печаль SVG для сайта

Необходимо подгрузить новую иконку в меню социальных сетей. Сайт на битриксе и имеющиеся SVG иконки подгружены кодом. Пытаюсь вставить код новой иконки, но почему-то не выводит.

Ниже код с сайта с иконкой для YouTube - отображается. Скопировала окружность в новый блок LinkedIn - отображается.

Код:
<div class="svg-icon" style="display: none;">
    <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
        <defs>
            <filter id="filter0_d" width="691.076" height="288.837" x=".2" y=".257" color-interpolation-filters="sRGB"
                filterUnits="userSpaceOnUse">
                <feFlood flood-opacity="0" result="BackgroundImageFix" />
                <feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" />
                <feOffset dy="8" />
                <feGaussianBlur stdDeviation="10" />
                <feColorMatrix values="0 0 0 0 0 0 0 0 0 0.179089 0 0 0 0 0.344401 0 0 0 0.5 0" />
                <feBlend in2="BackgroundImageFix" result="effect1_dropShadow" />
                <feBlend in="SourceGraphic" in2="effect1_dropShadow" result="shape" />
            </filter>
            <clipPath id="clip0">
                <path fill="#fff" d="M0 0h88v109H0z" />
            </clipPath>
            <clipPath id="clip0">
                <path fill="#fff" d="M0 0h88v109H0z" />
            </clipPath>
        </defs>


 <symbol id="yout">
            <path
                d="M28.258 25.057v-2.74c0-1.883-1.495-3.434-3.376-3.434h-11.84c-1.883 0-3.378 1.55-3.378 3.433v2.74c0 1.882 1.495 3.436 3.377 3.436h11.84c1.882 0 3.377-1.554 3.377-3.435zM15.523 21.07H14.43v5.469h-1.094V21.07h-1.094v-.937h3.281v.937zm3.125 5.469h-.937v-.546c-.156.19-.364.335-.552.438-.188.1-.376.149-.553.149-.218 0-.397-.07-.51-.21-.11-.143-.182-.35-.182-.633v-3.964h.938v3.638a.39.39 0 00.076.241c.041.051.113.075.203.075a.568.568 0 00.267-.103c.106-.068.208-.179.296-.257h.017v-3.594h.937v4.766zm3.438-1.003c0 .334-.086.59-.234.77-.146.178-.368.266-.646.266a1.18 1.18 0 01-.504-.102c-.145-.07-.257-.176-.413-.322v.391h-.937v-6.406h.937v2.04c.156-.144.27-.255.411-.33a.947.947 0 01.439-.112c.299 0 .54.101.696.303.16.2.251.494.251.881v2.62zm.835.715c-.242-.258-.366-.615-.366-1.07v-2.124c0-.406.135-.741.402-.998.268-.26.61-.387 1.034-.387.432 0 .78.119 1.013.357.232.24.363.583.363 1.029v1.215H23.57v.88c0 .249.01.42.072.518.063.095.16.142.31.142.157 0 .256-.04.317-.121.061-.081.083-.261.083-.54v-.176h1.015v.204c0 .485-.133.85-.371 1.095-.236.244-.597.366-1.068.366-.423 0-.764-.13-1.007-.39z" />
            <path
                d="M24.352 23.052c0-.198-.028-.342-.093-.424-.064-.088-.169-.13-.31-.13-.151 0-.276.042-.343.13-.066.082-.114.226-.114.424v.44h.86v-.44zm-3.655-.571a.468.468 0 00-.207.047.932.932 0 00-.2.144v2.942a.84.84 0 00.23.166c.073.033.15.051.23.051.116 0 .192-.033.247-.1.054-.066.073-.174.073-.325v-2.44c0-.16-.022-.28-.088-.364a.346.346 0 00-.285-.121zm-4.94-5.239v-2.899l1.423-4.132h-1.216l-.74 2.812h-.075l-.777-2.812h-1.205l1.419 4.263v2.768h1.172zm5.47-5.156v4.326c0 .313.055.544.178.697.126.156.307.234.552.234.2 0 .403-.056.614-.166.213-.11.452-.272.609-.484v.55h1.093v-5.157H23.18v3.928a1.108 1.108 0 01-.326.282c-.12.072-.219.11-.296.11-.1 0-.188-.03-.232-.085a.416.416 0 01-.084-.267v-3.968h-1.015zm-3.985 1.172v2.693c0 .442.152.794.43 1.057.28.259.658.39 1.122.39.483 0 .873-.127 1.15-.38.274-.251.423-.6.423-1.046v-2.686c0-.397-.149-.724-.428-.974-.282-.25-.646-.377-1.086-.377-.482 0-.87.121-1.156.358-.286.241-.43.574-.43.965h-.025zm1.094-.04c0-.114.052-.207.132-.276a.482.482 0 01.323-.106c.141 0 .26.035.347.106a.338.338 0 01.136.275v2.834a.437.437 0 01-.13.33.49.49 0 01-.346.116c-.14 0-.26-.038-.336-.117a.456.456 0 01-.126-.329v-2.834z" />
            <path
                d="M18.883.29C8.57.29.21 8.648.21 18.96c0 10.313 8.36 18.673 18.672 18.673 10.312 0 18.672-8.36 18.672-18.672 0-10.312-8.36-18.672-18.672-18.672zm12.374 31.045a17.385 17.385 0 01-12.374 5.126c-4.675 0-9.07-1.82-12.375-5.126a17.385 17.385 0 01-5.125-12.374c0-4.674 1.82-9.07 5.125-12.374A17.385 17.385 0 0118.883 1.46c4.674 0 9.069 1.82 12.374 5.126a17.385 17.385 0 015.126 12.374c0 4.674-1.82 9.069-5.126 12.374z" />
        </symbol>

        <symbol id="linkedin">
            <path
                d="M18.883.29C8.57.29.21 8.648.21 18.96c0 10.313 8.36 18.673 18.672 18.673 10.312 0 18.672-8.36 18.672-18.672 0-10.312-8.36-18.672-18.672-18.672zm12.374 31.045a17.385 17.385 0 01-12.374 5.126c-4.675 0-9.07-1.82-12.375-5.126a17.385 17.385 0 01-5.125-12.374c0-4.674 1.82-9.07 5.125-12.374A17.385 17.385 0 0118.883 1.46c4.674 0 9.069 1.82 12.374 5.126a17.385 17.385 0 015.126 12.374c0 4.674-1.82 9.069-5.126 12.374z" />

        </symbol>

    </svg>
</div>
Как добавить иконку LinkedIn? SVG открывается. Пыталась просто пути скопировать, но тогда вообще не отображается ничего.
Код:
<svg width="512" height="512" xmlns="http://www.w3.org/2000/svg">

 <g>
    <title>background</title>
    <rect fill="none" id="canvas_background" height="402" width="582" y="-1" x="-1"/>
 </g>
 <g>
    <title>Layer 1</title>

    <path id="svg_2" fill="#0056a6" d="m6.4,253c1.9,-58.7 19.7,-109.4 55.2,-153.4c41.6,-51.7 95.6,-82.9 161.5,-91.2c76.6,-9.6 144.2,12.2 200.7,64.8c50.1,46.6 76.5,104.9 79.2,173.3c2.9,74 -22.2,137.6 -74.6,189.8c-40.2,40.1 -89.1,63.7 -145.8,69.6c-79.3,8.2 -147.7,-16.2 -203.9,-72.4c-41.6,-41.6 -64.8,-92.5 -71,-151.1c-1,-10.4 -1.3,-21.1 -1.3,-29.4zm248.2,235.2c124.4,0.5 228.1,-100.7 229.4,-228.6c1.3,-130.3 -102.8,-232.7 -226.7,-233.8c-125.7,-1.1 -230.3,100.7 -231,228.9c-0.9,129.7 101.3,233.5 228.3,233.5z"/>
    <path id="svg_3" fill="#0056a6" d="m273.7,233.6c1.4,0.3 1.8,-0.7 2.4,-1.5c15.3,-22.5 37.2,-29.7 63.1,-26.5c31,3.8 50.8,23.8 57.6,56.5c1.5,7.2 2.2,14.5 2.2,21.8c0.1,34.8 0,69.6 0.1,104.5c0,3.4 -0.8,4.6 -4.4,4.5c-15.7,-0.2 -31.3,-0.2 -47,0c-3.9,0.1 -4.7,-1.2 -4.7,-4.8c0.1,-32 0.1,-64 0,-96c0,-6.2 -0.5,-12.2 -2.6,-18.2c-3.2,-9.1 -9.4,-14.9 -18.3,-18.3c-24,-9.1 -47.8,6.3 -48.1,31.9c-0.4,32.2 -0.1,64.3 -0.1,96.5c0,8.8 0,8.8 -9.1,8.8c-14,0 -28,-0.1 -42,0.1c-3.6,0 -4.9,-0.7 -4.9,-4.6c0.2,-57.5 0.1,-115 0.1,-172.4c0,-3 0.7,-4 3.9,-4c16,0.2 32,0.1 48,0c3.1,0 4.1,0.9 3.9,4c-0.3,5.8 -0.1,11.8 -0.1,17.7z"/>
    <path id="svg_4" fill="#0056a6" d="m127.6,303c0,-28.2 0.1,-56.3 -0.1,-84.5c0,-4.8 1.5,-5.8 5.9,-5.7c15,0.3 30,0.2 45,0c3.6,0 4.9,0.8 4.9,4.7c-0.1,57 -0.1,114 0,171c0,3.6 -1.2,4.4 -4.6,4.4c-15.5,-0.2 -31,-0.2 -46.5,0c-3.9,0.1 -4.6,-1.4 -4.6,-4.9c0.1,-28.3 0,-56.7 0,-85z"/>
    <path id="svg_5" fill="#0056a6" d="m125.8,148.6c0.2,-16.5 12.1,-27.8 29.3,-27.7c16.7,0.2 28.3,12.2 28,29c-0.3,16.1 -12.5,27.7 -29.1,27.6c-16.6,0 -28.3,-12.1 -28.2,-28.9z"/>
 </g>
</svg>
Подскажите, пожалуйста, как победить SVG?
Изображения
Тип файла: png Иконки.png (3.5 Кб, 7 просмотров)
SeRenDipiTy вне форума Ответить с цитированием
Ответ


Купить рекламу на форуме - 42 тыс руб за месяц

Опции темы Поиск в этой теме
Поиск в этой теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Кроссбраузерность svg s88s HTML и CSS 1 09.08.2019 19:56
Кнопка в svg ashimano HTML и CSS 2 12.01.2017 01:01
Язык SVG Stepan_P Linux (Ubuntu, Debian, Red Hat, CentOS, Mint) 2 10.01.2016 14:58
Требуется специалист для создания сайта со строгой аутентификацией или зашифрованного сайта. artembar Фриланс 1 01.09.2008 16:11