Ответы пользователя по тегу SVG
  • Как SVG управлять на CSS?

    @Dzhuzzeppe
    Открыть svg файл в редакторе кода, скопировать path и ViewBox. Дальше в body в самом верху пишете:
    <svg style="display: none;">
    	<symbol id="facebook" viewBox="0 0 96.124 96.123">
    		<g>
    			<path d="M72.089,0.02L59.624,0C45.62,0,36.57,9.285,36.57,23.656v10.907H24.037c-1.083,0-1.96,0.878-1.96,1.961v15.803
    				c0,1.083,0.878,1.96,1.96,1.96h12.533v39.876c0,1.083,0.877,1.96,1.96,1.96h16.352c1.083,0,1.96-0.878,1.96-1.96V54.287h14.654
    				c1.083,0,1.96-0.877,1.96-1.96l0.006-15.803c0-0.52-0.207-1.018-0.574-1.386c-0.367-0.368-0.867-0.575-1.387-0.575H56.842v-9.246
    				c0-4.444,1.059-6.7,6.848-6.7l8.397-0.003c1.082,0,1.959-0.878,1.959-1.96V1.98C74.046,0.899,73.17,0.022,72.089,0.02z"/>
    		</g>
    	</symbol>
    </svg>


    Вставляете иконку где Вам надо таким образом:
    <a class="social__item" href="#">
    	<svg class="social__icon">
    		<use xlink:href="#facebook"></use>
    	</svg>
    </a>


    Не обязательно в точности как у меня. Я показал на примере социальной иконки.
    Ответ написан
    Комментировать