SVG через content в Mozilla

@Wolver · Регистрация: 26.04.2015

Author24 — интернет-сервис помощи студентам

На сайте есть некая svg-иконка, я её добавил в html посредством content'a.
В Chrome и Opera вполне себе адекватно восприняло, промасштабировало и вывело иконку 28x28px (реальные размеры 25x33, 30x30 и подобные, иконок несколько):

HTML5

<div class="col-12 d-flex wrapper ...">
    <div class="col-12 ...">
        <i class="my_icon"></i>
        <i class="my_icon2"></i>
        <i class="my_icon3"></i>
    </div>
</div>

CSS

.wrapper{
    font-size: 12px;
    line-height: 11px;
}
.my_icon {
    width: 28px;
    height: 28px;
    content: url(../img/my_icon.svg);
}

Однако в Mozilla оно вообще отказалось выводить иконку в content'e.
Я добавил псевдокласс ::before - иконка появилась, но вот воспринимать масштабирование оно не хочет:

CSS

.my_icon::before {
    width: 28px;
    height: 28px;
    content: url(../img/my_icon.svg);
}

Вопрос: Как добиться того, чтобы Mozilla вывела мне мой .svg размером 28х28 так же как в Chrome?
Варианты подключения .svg через background не предлагать! Меня идеально устраивает content и хотелось бы решения для него (если такое возможно с svg в Mozilla).

p.s.: просматривал на версии Mozilla Firefox 50.0.2 (встроенной в Open Server 5.2.2)

@Para bellum · 28.03.2021, 14:43

Сообщение от Wolver

просматривал на версии Mozilla Firefox 50.0.2

Уже вышла 87 версия.

Сообщение от Wolver

Open Server 5.2.2

Дата выпуска: 2014

В свежей версии все работает. Используйте программы посвежей. Нет смысла под такие старые версии подгонять верстку.

@Wolver · 29.03.2021, 16:48 **[ТС]**

Сообщение от Para bellum

В свежей версии все работает

я вас понял, чекну в норм версиях Mozilla, и если визуально всё ок, закрою вопрос как решённый.

@Para bellum 5753 / 4133 / 1507 Регистрация: 06.01.2011 Сообщений: 11,276
	28.03.2021, 14:43	2
	Сообщение было отмечено gogolik как решение Решение Сообщение от Wolver просматривал на версии Mozilla Firefox 50.0.2 Уже вышла 87 версия. Сообщение от Wolver Open Server 5.2.2 Дата выпуска: 2014 В свежей версии все работает. Используйте программы посвежей. Нет смысла под такие старые версии подгонять верстку. 0

@Wolver 28 / 24 / 10 Регистрация: 26.04.2015 Сообщений: 307
	29.03.2021, 16:48 [ТС]	3
	Сообщение от Para bellum В свежей версии все работает я вас понял, чекну в норм версиях Mozilla, и если визуально всё ок, закрою вопрос как решённый. 0

Опции темы

SVG через content в Mozilla

Решение