Как правильно прикрепить svg иконку на a (ссылку)?

Question

[Jedi]

У меня получилось вот как-то так:



Я добавил через :before, используя background. Но что-то не то... неровности какие-то есть.

Как это сделать грамотно? Если у вас есть какой-то fiddle, буду очень рад посмотреть.

Спасибо!

Comments

[Rustam Bainazarov]

Ну так… выровнять это дело? Margin'ы там, flex на обертку.

Answer 1

[RAX7]

https://jsfiddle.net/h7mxg0q2/

Comments

[Ankhena]

https://jsfiddle.net/1ys3gzmf/

[RAX7]

Ankhena, неровненько =(

[Ankhena]

RAX7, я по центру поставила для простоты. Можно ш сдвинуть для визуальной симметричности.

А кстати, не знаете, есть jsfiddle для андроида, а то с телефона прям скажем не удобно?

[RAX7]

Ankhena, я вот такую штуку нашел https://play.google.com/store/apps/details?id=com....
но сам ей не пользовался пока.

[Ankhena]

RAX7, у меня такая стоит, https://play.google.com/store/apps/details?id=com.... но пока тоже особо не тестировала.
Мечта, чтобы можно было делиться песочницей.

[RAX7]

Ankhena, ну тогда codepen.io, он на мобилках гораздо лучше выглядит, чем jsfiddle. Хотя кодить на телефоне так себе удовольствие, лучше уж до дома дотерпеть=)

Answer 2

[Ankhena]

https://jsfiddle.net/d5nct7mu/