Задать вопрос
@JsNoobUser

Почему не отображается svg каритнка в хроме?

Почему не отображается svg каритнка в хроме?

Путь 100% правильный, потому что картинка спокойно открывается в новой вкладке

<img src="static/images/general/intro-1.svg" width="38" height="38" alt="">


<svg width="38" height="38" viewBox="0 0 38 38" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M15.8184 19C15.8184 19.3209 15.9001 19.6366 16.0559 19.9176C16.2117 20.1986 16.4364 20.4357 16.7092 20.6069C16.9819 20.7781 17.2938 20.8777 17.6157 20.8965C17.9376 20.9153 18.259 20.8526 18.55 20.7144L22.3682 24.5144C22.4876 24.6331 22.6494 24.6999 22.8182 24.6999C22.987 24.6999 23.1488 24.6331 23.2682 24.5144C23.3875 24.3956 23.4546 24.2345 23.4546 24.0665C23.4546 23.8985 23.3875 23.7374 23.2682 23.6187L19.45 19.8187C19.5728 19.5631 19.6365 19.2833 19.6365 19C19.6365 18.7167 19.5728 18.4369 19.45 18.1813L21.3591 16.2813C21.4784 16.1626 21.5455 16.0015 21.5455 15.8335C21.5455 15.6655 21.4784 15.5044 21.3591 15.3856C21.2398 15.2669 21.0779 15.2001 20.9091 15.2001C20.7403 15.2001 20.5785 15.2669 20.4591 15.3856L18.55 17.2856C18.259 17.1474 17.9376 17.0847 17.6157 17.1035C17.2938 17.1223 16.9819 17.2219 16.7092 17.3931C16.4364 17.5643 16.2117 17.8014 16.0559 18.0824C15.9001 18.3634 15.8184 18.6791 15.8184 19ZM17.0911 19C17.0911 18.8747 17.1284 18.7523 17.1983 18.6481C17.2683 18.544 17.3676 18.4628 17.4839 18.4149C17.6002 18.3669 17.7282 18.3544 17.8516 18.3788C17.975 18.4033 18.0884 18.4636 18.1774 18.5522C18.2664 18.6407 18.327 18.7536 18.3516 18.8764C18.3761 18.9993 18.3635 19.1266 18.3154 19.2424C18.2672 19.3581 18.1856 19.457 18.081 19.5266C17.9763 19.5962 17.8533 19.6333 17.7275 19.6333C17.5587 19.6331 17.397 19.5664 17.2777 19.4476C17.1584 19.3289 17.0913 19.1679 17.0911 19Z" fill="url(#paint0_linear_803:10)"/>
<path d="M33 20.425V17.575C32.9997 17.2811 32.8823 16.9994 32.6735 16.7916C32.4647 16.5839 32.1816 16.467 31.8864 16.4667H30.1986C29.7508 14.2898 28.7343 12.2689 27.2514 10.6078C27.2493 10.5999 27.2481 10.5919 27.2459 10.5847L25.6089 5.15383C25.4926 4.76152 25.2515 4.41739 24.9218 4.17323C24.5921 3.92907 24.1916 3.79809 23.7807 3.8H23.4257L22.9043 1.0336C22.8496 0.743251 22.6946 0.48106 22.4663 0.292334C22.2379 0.103609 21.9505 0.000208345 21.6536 0H13.8009C13.5041 0.000204873 13.2167 0.103595 12.9883 0.292304C12.7599 0.481013 12.605 0.743187 12.5502 1.03352L12.0289 3.8H11.6739C11.2629 3.79808 10.8624 3.92905 10.5327 4.17319C10.203 4.41734 9.96191 4.76145 9.84566 5.15375L8.20862 10.5846C8.20639 10.5925 8.2052 10.6 8.20313 10.6077C6.13964 12.9208 5 15.9067 5 18.9999C5 22.0932 6.13964 25.079 8.20313 27.3921C8.2052 27.4001 8.20639 27.408 8.20862 27.4153L9.84566 32.8461C9.96188 33.2384 10.203 33.5826 10.5327 33.8267C10.8624 34.0709 11.2629 34.2019 11.6739 34.2H12.0289L12.5502 36.9664C12.605 37.2567 12.7599 37.5189 12.9883 37.7077C13.2166 37.8964 13.5041 37.9998 13.8009 38H21.6536C21.9505 37.9998 22.2379 37.8964 22.4662 37.7077C22.6946 37.519 22.8496 37.2568 22.9043 36.9665L23.4257 34.2H23.7807C24.1916 34.2019 24.5921 34.0709 24.9218 33.8268C25.2515 33.5827 25.4926 33.2385 25.6089 32.8462L27.2459 27.4154C27.2481 27.4075 27.2493 27.4 27.2514 27.3923C28.7343 25.7311 29.7509 23.7102 30.1986 21.5333H31.8864C32.1816 21.533 32.4647 21.4161 32.6735 21.2084C32.8823 21.0006 32.9997 20.7189 33 20.425ZM23.7807 5.06667C23.9176 5.06604 24.0511 5.10971 24.1609 5.19109C24.2708 5.27248 24.3511 5.38717 24.3898 5.51792L25.4124 8.91045C25.0366 8.62615 24.6452 8.36281 24.2401 8.12163L23.6644 5.06667H23.7807ZM13.8009 1.26667L21.6534 1.26706L22.8068 7.38712C21.2044 6.69207 19.4753 6.33333 17.7273 6.33333C15.9794 6.33333 14.2502 6.69207 12.6478 7.38712L13.8009 1.26667ZM11.0645 5.51792C11.1032 5.38714 11.1836 5.27242 11.2935 5.19104C11.4034 5.10965 11.5369 5.066 11.6739 5.06667H11.7902L11.2145 8.12155C10.8094 8.36273 10.418 8.62607 10.0421 8.91037L11.0645 5.51792ZM17.7273 7.6C24.0432 7.6 29.1818 12.7142 29.1818 19C29.1818 25.2858 24.0432 30.4 17.7273 30.4C11.4114 30.4 6.27272 25.2858 6.27272 19C6.27272 12.7142 11.4114 7.6 17.7273 7.6ZM11.6739 32.9333C11.5369 32.934 11.4035 32.8903 11.2936 32.8089C11.1838 32.7275 11.1035 32.6128 11.0648 32.4821L10.0421 29.0896C10.418 29.3738 10.8094 29.6372 11.2145 29.8784L11.7902 32.9333H11.6739ZM21.6536 36.7333H13.8011L12.6477 30.6133C14.2501 31.3083 15.9793 31.6671 17.7272 31.6671C19.4752 31.6671 21.2044 31.3083 22.8067 30.6133L21.6536 36.7333ZM24.39 32.4821C24.3513 32.6129 24.2709 32.7276 24.161 32.809C24.0512 32.8904 23.9177 32.934 23.7807 32.9333H23.6644L24.2401 29.8784C24.6452 29.6373 25.0366 29.3739 25.4124 29.0896L24.39 32.4821ZM31.7273 20.2667H30.3909C30.4326 19.8497 30.4539 19.4275 30.4545 19C30.4552 18.5725 30.434 18.1503 30.3909 17.7333H31.7273V20.2667Z" fill="url(#paint1_linear_803:10)"/>
<path d="M17.727 10.1333V8.86667C12.3808 8.86667 7.91818 13.0213 7.56738 18.3251L8.8374 18.4082C9.14405 13.7681 13.049 10.1333 17.727 10.1333Z" fill="url(#paint2_linear_803:10)"/>
<path d="M8.89741 20.183L7.63574 20.3503C7.74093 21.1358 7.93875 21.9062 8.22509 22.6456L9.41255 22.1898C9.16218 21.5433 8.98928 20.8697 8.89741 20.183Z" fill="url(#paint3_linear_803:10)"/>
<path d="M11.0859 24.911C10.6014 24.3723 10.1846 23.7768 9.84498 23.1376L8.71973 23.7297C9.10792 24.46 9.58411 25.1406 10.1378 25.7563L11.0859 24.911Z" fill="url(#paint4_linear_803:10)"/>
<path d="M10.9385 26.5529C11.5571 27.104 12.2409 27.578 12.9748 27.9642L13.5695 26.8443C12.9273 26.5063 12.329 26.0915 11.7877 25.6093L10.9385 26.5529Z" fill="url(#paint5_linear_803:10)"/>
<path d="M14.0645 28.4576C14.8074 28.7426 15.5814 28.9394 16.3706 29.0441L16.5388 27.7885C15.8488 27.697 15.172 27.5249 14.5224 27.2758L14.0645 28.4576Z" fill="url(#paint6_linear_803:10)"/>
<path d="M17.7275 27.8667V29.1333C22.8105 29.1333 27.1493 25.3575 27.8197 20.3503L26.5581 20.183C25.9717 24.5634 22.1753 27.8667 17.7275 27.8667Z" fill="url(#paint7_linear_803:10)"/>
<path d="M26.6372 19H27.9099C27.9101 18.3196 27.8418 17.6409 27.7062 16.974L26.459 17.226C26.5776 17.81 26.6373 18.4042 26.6372 19Z" fill="url(#paint8_linear_803:10)"/>
<path d="M27.2294 15.3544C26.892 14.4841 26.4352 13.6644 25.872 12.9187L24.8545 13.6795C25.3472 14.3319 25.7469 15.0489 26.0423 15.8102L27.2294 15.3544Z" fill="url(#paint9_linear_803:10)"/>
<path d="M24.5148 11.4475C23.8963 10.8964 23.2124 10.4224 22.4785 10.0362L21.8838 11.1561C22.526 11.4941 23.1243 11.9089 23.6656 12.3911L24.5148 11.4475Z" fill="url(#paint10_linear_803:10)"/>
<path d="M21.1213 9.4434C20.4609 9.21139 19.7783 9.04802 19.0842 8.95589L18.916 10.2115C19.5229 10.292 20.1198 10.4348 20.6971 10.6377L21.1213 9.4434Z" fill="url(#paint11_linear_803:10)"/>
<defs>
<linearGradient id="paint0_linear_803:10" x1="17.4062" y1="14.921" x2="19.1035" y2="26.4652" gradientUnits="userSpaceOnUse">
<stop stop-color="#CA8010"/>
<stop offset="0.479167" stop-color="#FDE58E"/>
<stop offset="1" stop-color="#AD7411"/>
</linearGradient>
<linearGradient id="paint1_linear_803:10" x1="10.8221" y1="-1.11674" x2="18.1994" y2="44.8764" gradientUnits="userSpaceOnUse">
<stop stop-color="#CA8010"/>
<stop offset="0.479167" stop-color="#FDE58E"/>
<stop offset="1" stop-color="#AD7411"/>
</linearGradient>
<linearGradient id="paint2_linear_803:10" x1="9.67988" y1="8.58626" x2="10.9788" y2="20.2878" gradientUnits="userSpaceOnUse">
<stop stop-color="#CA8010"/>
<stop offset="0.479167" stop-color="#FDE58E"/>
<stop offset="1" stop-color="#AD7411"/>
</linearGradient>
<linearGradient id="paint3_linear_803:10" x1="8.0052" y1="20.1106" x2="8.49293" y2="23.088" gradientUnits="userSpaceOnUse">
<stop stop-color="#CA8010"/>
<stop offset="0.479167" stop-color="#FDE58E"/>
<stop offset="1" stop-color="#AD7411"/>
</linearGradient>
<linearGradient id="paint4_linear_803:10" x1="9.21172" y1="23.0607" x2="9.62982" y2="26.257" gradientUnits="userSpaceOnUse">
<stop stop-color="#CA8010"/>
<stop offset="0.479167" stop-color="#FDE58E"/>
<stop offset="1" stop-color="#AD7411"/>
</linearGradient>
<linearGradient id="paint5_linear_803:10" x1="11.4856" y1="25.5401" x2="11.7914" y2="28.4313" gradientUnits="userSpaceOnUse">
<stop stop-color="#CA8010"/>
<stop offset="0.479167" stop-color="#FDE58E"/>
<stop offset="1" stop-color="#AD7411"/>
</linearGradient>
<linearGradient id="paint6_linear_803:10" x1="14.5789" y1="27.2238" x2="14.7631" y2="29.4036" gradientUnits="userSpaceOnUse">
<stop stop-color="#CA8010"/>
<stop offset="0.479167" stop-color="#FDE58E"/>
<stop offset="1" stop-color="#AD7411"/>
</linearGradient>
<linearGradient id="paint7_linear_803:10" x1="19.826" y1="19.92" x2="20.9781" y2="30.9109" gradientUnits="userSpaceOnUse">
<stop stop-color="#CA8010"/>
<stop offset="0.479167" stop-color="#FDE58E"/>
<stop offset="1" stop-color="#AD7411"/>
</linearGradient>
<linearGradient id="paint8_linear_803:10" x1="26.7607" y1="16.9144" x2="27.1648" y2="19.363" gradientUnits="userSpaceOnUse">
<stop stop-color="#CA8010"/>
<stop offset="0.479167" stop-color="#FDE58E"/>
<stop offset="1" stop-color="#AD7411"/>
</linearGradient>
<linearGradient id="paint9_linear_803:10" x1="25.3483" y1="12.8338" x2="25.8544" y2="16.3507" gradientUnits="userSpaceOnUse">
<stop stop-color="#CA8010"/>
<stop offset="0.479167" stop-color="#FDE58E"/>
<stop offset="1" stop-color="#AD7411"/>
</linearGradient>
<linearGradient id="paint10_linear_803:10" x1="22.4309" y1="9.96699" x2="22.7367" y2="12.8582" gradientUnits="userSpaceOnUse">
<stop stop-color="#CA8010"/>
<stop offset="0.479167" stop-color="#FDE58E"/>
<stop offset="1" stop-color="#AD7411"/>
</linearGradient>
<linearGradient id="paint11_linear_803:10" x1="19.3746" y1="8.90646" x2="19.5612" y2="10.9776" gradientUnits="userSpaceOnUse">
<stop stop-color="#CA8010"/>
<stop offset="0.479167" stop-color="#FDE58E"/>
<stop offset="1" stop-color="#AD7411"/>
</linearGradient>
</defs>
</svg>
  • Вопрос задан
  • 118 просмотров
Подписаться 1 Простой 6 комментариев
Решения вопроса 1
Ankhena
@Ankhena Куратор тега HTML
Нежно люблю верстку
Я бы попробовала переделать id типа id="paint2_linear_803:10"на что-нибудь попроще без :

Проверила, заменив id на простые - работает.
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 1
@zvekov
Проверь, есть ли на странице svg с такими же id внутри (пример id="paint2_linear_803:10")
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы