1

I want to put a glyphicon of sorts somewhere, but want to use my own image for it. I first looked into the bootstrap components, found a glyphicon, and checked out the CSS. This looked like the part that was relevant to what I wanted.

.glyphicon-user:before {
  content: "\e008";
}

I really don't know how to make sense of this. My final goal is to make something like <span class="glyphicon my-glyphicon"></span> and have my own image show up just like the bootstrap kinds.

How is this done?

corvid
  • 10,733
  • 11
  • 61
  • 130
  • Glyphicon is a font. The icons are not images. They used to be images in the previous version (2.3.2). – zkanoca May 12 '14 at 21:04
  • You'll have to create your custom icon as an SVG file, then you can use a tool like [Fontello](http://fontello.com/) to convert it into a font. – Lukas S. May 12 '14 at 21:06
  • Do note that this only works for flat, single color icons. And http://icomoon.io is a great tool as well! – Pevara May 12 '14 at 21:10
  • can they be a different color than black? – corvid May 12 '14 at 21:15

0 Answers0