Svg иконки, какие расширения лучше исполльзовать woff-ttf-svg-eot?

Так что выходит, чтоб вставить иконку в html, мне надо вставлять вод этот код

<svg class="icon icon-alcohol"><use xlink:href="#icon-alcohol"></use></svg>

(чет какой-то длинный он).

Обычный метод который я использую это

Этот код я так понял можно в css хранить.

<symbol id="icon-alcohol" viewBox="0 0 32 32">
<path d="M16 0c-8.822 0-16 7.178-16 16s7.178 16 16 16 16-7.178 16-16-7.178-16-16-16zM29.58 16c0 3.309-1.19 6.345-3.165 8.704l-3.915-3.915c1.494-0.622 2.432-2.373 2.162-4.256-0.132-0.926-0.55-1.936-1.168-2.696h-4.399c-0.559 0.687-0.953 1.578-1.121 2.427l-0.798-0.798v-1.277c0-1.408-0.832-2.624-2.030-3.185v-4.747c0.095-0.126 0.153-0.282 0.153-0.453v-0.076c0-0.415-0.337-0.752-0.753-0.752h-1.769c-0.416 0-0.753 0.337-0.753 0.752v0.076c0 0.171 0.057 0.327 0.153 0.453v4.21l-4.882-4.882c2.359-1.975 5.395-3.165 8.704-3.165 7.488 0 13.58 6.092 13.58 13.58zM22.129 23.941v-0.101l0.101 0.101h-0.101zM2.42 16c0-3.309 1.19-6.345 3.165-8.704l5.072 5.072c-0.323 0.531-0.509 1.155-0.509 1.821v10.746c0 0.244 0.197 0.441 0.44 0.441h6.148c0.243 0 0.441-0.197 0.441-0.441v-6.047l3.286 3.286v1.767h-0.658c-0.239 0-0.432 0.193-0.432 0.432v0.584c0 0.239 0.193 0.432 0.432 0.432h2.982c0.239 0 0.432-0.193 0.432-0.432v-0.027l1.486 1.486c-2.358 1.975-5.395 3.165-8.704 3.165-7.488 0-13.58-6.092-13.58-13.58z"></path>
</symbol>

Ну и стиль для иконки данной

.icon {
  display: inline-block;
  width: 1em;
  height: 1em;
  stroke-width: 0;
  stroke: currentColor;
  fill: currentColor;
}

Расположение элементов в флекс контейнере?

Подели на три блока все, задай каждому 33.333333%

Svg иконки, какие расширения лучше исполльзовать woff-ttf-svg-eot?

Вот это не оно?

Svg иконки, какие расширения лучше исполльзовать woff-ttf-svg-eot?

Много Чего, ну да, там в наборе все, то что я показывал, но ведь все не нужно, говорят woff2 хватит и все.

Svg иконки, какие расширения лучше исполльзовать woff-ttf-svg-eot?

Softlink, ага понял, то есть спрайты это что? формат для иконок, куда можно загружать svg иконки. я читал но не совсем понял. что по объему будет меньше занимать, вот что интересно.

Svg иконки, какие расширения лучше исполльзовать woff-ttf-svg-eot?

Много Чего, я свои иконки же могу переделать в woff2 ?

Svg иконки, какие расширения лучше исполльзовать woff-ttf-svg-eot?

Softlink, а как щас делают? как используют? то есть и .svg не нужен, можно тупо .woff и все, говорят это (woff для ie).

Svg иконки, какие расширения лучше исполльзовать woff-ttf-svg-eot?

То есть можно использовать .svg, для всех браузеров, и woff для ie.

Раскрывающийся влкадки на css, как добавить анимаци?

Одиночка Айс, вообщем все же внедрил и уже поставил на сайт данный метод, понравился, а может есть что-то для скролбаров, чтобы и стрелки ставить можно было и без js ))

Раскрывающийся влкадки на css, как добавить анимаци?

Чет анимация странно работает, почти не заметно, если время менять, то не очень выходит.

Раскрывающийся влкадки на css, как добавить анимаци?

а что скажете насчет, details и summary.

Раскрывающийся влкадки на css, как добавить анимаци?

Одиночка Айс, а можете привести пример на моем примере, заранее спасибо.

Раскрывающийся влкадки на css, как добавить анимаци?

Alex, не густо поддерживает. думаю ставить или нет, может кто сидит еще на старом )

Раскрывающийся влкадки на css, как добавить анимаци?

Alex, спасибо, попробую, а что насчет, того что идет какое-то выделение при клике, по типу бордер, хотя я его не ставил.

Раскрывающийся влкадки на css, как добавить анимаци?

Нашел поддержку браузеров https://caniuse.com/details

Раскрывающийся влкадки на css, как добавить анимаци?

Alex, и то насчет поддержки браузеров, может эта тема мало где работает.

Раскрывающийся влкадки на css, как добавить анимаци?

Alex, темка, а как там сделать чтобы то что я раскрыл меняло цвет заголовка раскрывающего блока. Ну по типу как я сделал на примере том что в теме.

Раскрывающийся влкадки на css, как добавить анимаци?

Alex, о то что надо ) на чисто css )) как я и хотел, щас опробую.
Хотя там и js есть.

Маска только для телефона, перекидывание курсора к началу ввода, как сделать?

Странно, у меня она работает но поле изначально как пустое, и если набирать, появляется +7(___)___-__-__ и пунктир в конце, вообщем какой-то костыл корявый.

Маска только для телефона, перекидывание курсора к началу ввода, как сделать?

Rerurk, а как сделать для двух форм, которые на одной странице? #tell и #tell1.