span и иконка

[torsar]

http://getbootstrap.com/css/#helper-classes-carets

<span class="caret"></span>

Как сделать так(css), чтоб приведенная конструкция выводила

иконку или картинко?

(ручками, без фреймворков)

 

[wwt]

с символом:

.caret::before {  content: "*";}

с картинкой:

.caret::before {  content: '';  display: inline-block;  height: 1em;  width: 1em;  background-image: url(myicon.png);}

PS ::before или ::after в зависимости от того в начале или в конце должно быть добавление иконки/картинки.