Как правильно поставить лого .SVG в html

#html #css #svg

Как правильно поставить логотип в .svg формате. 

На данный момент я ставлю его вот так:


    

        
            
        
    



Но оно не отображается. А если даже получиться, то все пропорции плывут.
Может как то кодом задать размер и пропорции .SVG ?

Вопросы почему .SVG? Да потому что он более достойно выглядит в мобильной версии
сайта. И не мыльное лого. 
    

Ответы

Ответ 1

Способ №1 -  Используя тег object

 


Способ №2 - используя тег embed




Способ №3 - используя iframe




Способ №4 - с помощью CSS

#myelement {
  background-image: url(image.svg);
}


Способо №5 - с помощью тега img





Поддерживаемые браузеры: IE9+, Chrome(все), Mozilla(все), Safari 3.0+, Android 3.0+
Удачного кодинга...


Ответ 2

Я бы поставил лучше: 




Дальше можно в саму svg вставить нужные атрибуты, классы, а через viewbox изменить
нужные размеры и т. д., все возможности внутри svg, а если вставлять через тот же backgroung
или как img, управлять ей не выйдет.