Имеется иконка в с расширение .svg
, прописал её в теге <img src="">
.
Я не смог поменять её цвет, но вставив этот код в html смог через fill: color;
:
<?xml version="1.0" encoding="iso-8859-1"?>
<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
<g>
<g>
<path d="M376,76h-60c-24.507,0-46.305,11.814-60,30.047C242.305,87.814,220.507,76,196,76h-60c-8.284,0-15,6.716-15,15v180
c0,8.284,6.716,15,15,15h90c8.271,0,15,6.729,15,15c0,8.284,6.716,15,15,15s15-6.716,15-15c0-8.271,6.729-15,15-15h90
c8.284,0,15-6.716,15-15V91C391,82.716,384.284,76,376,76z M241,258.57c-4.693-1.664-9.743-2.57-15-2.57h-75V106h45
c24.813,0,45,20.187,45,45V258.57z M361,256h-75c-5.257,0-10.307,0.906-15,2.57V151c0-24.813,20.187-45,45-45h45V256z"/>
</g>
</g>
<g>
<g>
<path d="M467,16H45C20.187,16,0,36.187,0,61v330c0,24.813,20.187,45,45,45h156.729l-15,30H166c-8.284,0-15,6.716-15,15
s6.716,15,15,15c26.839,0,160.055,0,180,0c8.284,0,15-6.716,15-15s-6.716-15-15-15h-20.73l-15-30H467c24.813,0,45-20.187,45-45V61
C512,36.187,491.813,16,467,16z M220.271,466l15-30h41.459l15,30H220.271z M482,391c0,8.271-6.729,15-15,15H45
c-8.271,0-15-6.729-15-15v-15h452V391z M482,346H30V61c0-8.271,6.729-15,15-15h422c8.271,0,15,6.729,15,15V346z"/>
</g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
</svg>
Вопрос: как мне добавить картинку в html без этого огромного svg
кода и поменять её цвет?