Как перед текстом вставить иконку?

Question

[Александра Башура]

<nav class="cl-effect-15">
					<a href="https://vk.com/id294237226" data-hover="4MEGA.PRO-Качественная реклама в нового поколения">Качественная реклама в нового поколения</a>

Answer 1

[Влад Пасечник]

Надеюсь разберётесь) https://fortawesome.github.io/Font-Awesome/icons/

....

<nav class="cl-effect-15">
          <img src="path/icon.png"><a href="https://vk.com/id294237226" data-hover="4MEGA.PRO-Качественная реклама в нового поколения">Качественная реклама в нового поколения</a>

Comments

[Александра Башура]

Иконка есть как мне ее прямо перед текстом в этот код вставить ?

[Влад Пасечник]

Александра Башура: Вы точнее описывайте что и как вы хотите сделать...

Качественная реклама в нового поколения

[Александра Башура]

Влад Пасечник: Ну вот так только кода не видно (

[Дмитрий]

ну выше же дали кусок кода

[Дмитрий]

ага, понятпо < img src ="path/icon. png" >

Answer 2

[Vitaliy Orlov]

<style>
.i {
    background-image:url(https://laravel.ru/favicon.ico); 
    width:16px; 
    height:16px; 
    display:inline-block;
    vertical-align:bottom;
}
</style>

<span class="i"></span> <a href="#">Test</a>

jsfiddle.net/orlov0562/zo2gm558

Answer 3

[Александр Синицын]

<a class="laravel-icon" href="#">Test</a>

.laravel-icon {
    background:url(https://laravel.ru/favicon.ico) no-repeat left center; 
    background-size: 16px; 
    display:inline-block;
    vertical-align:bottom;
    padding-left: 25px;
}