[Update]: This post is quite old and you should now be using the excellent Font Awesome.
In a few projects I use the excellent Twitter Bootstrap. This comes with the equally excellent (and free) Glyphicons.
The icons included in Bootstrap are the GLYPHICONS Halflings, of which there are 140. There are more available but at larger sizes and not available in any CSS Spirtes that I could see.
I resized the normal images to match the Halflings at 14px, altered the colour to match the #464646 Hex too and finally combined them into a handy CSS Sprite.
Enjoy.
The CSS code is:
[class^="glyphicon-"],[class*=" glyphicon-"] {
display:inline-block;
width:14px;height:14px;
*margin-right:.3em;
line-height:14px;
vertical-align:text-top;
background-image:url("glyphicon.png");
background-repeat:no-repeat;
}
[class^="glyphicon-"]:last-child,[class*=" glyphicon-"]:last-child {
*margin-left:0;
}
.glyphicon-glass { background-position: 0 0 }
.glyphicon-leaf { background-position: -34px 0 }
.glyphicon-dog { background-position: -68px 0 }
.glyphicon-user { background-position: -102px 0 }
.glyphicon-girl { background-position: -136px 0 }
.glyphicon-car { background-position: -170px 0 }
.glyphicon-user-add { background-position: -204px 0 }
.glyphicon-user-remove { background-position: -238px 0 }
.glyphicon-film { background-position: -272px 0 }
.glyphicon-magic { background-position: -306px 0 }
.glyphicon-envelope { background-position: -340px 0 }
.glyphicon-camera { background-position: -374px 0 }
.glyphicon-heart { background-position: -408px 0 }
.glyphicon-beach-umbrella { background-position: -442px 0 }
.glyphicon-train { background-position: -476px 0 }
.glyphicon-print { background-position: -510px 0 }
.glyphicon-bin { background-position: -544px 0 }
.glyphicon-music { background-position: -578px 0 }
.glyphicon-note { background-position: -612px 0 }
.glyphicon-cogwheel { background-position: -646px 0 }
.glyphicon-home { background-position: -680px 0 }
.glyphicon-snowflake { background-position: -714px 0 }
.glyphicon-fire { background-position: -748px 0 }
.glyphicon-cogwheels { background-position: -782px 0 }
.glyphicon-parents { background-position: -816px 0 }
.glyphicon-binoculars { background-position: -850px 0 }
.glyphicon-road { background-position: -884px 0 }
.glyphicon-search { background-position: -918px 0 }
.glyphicon-cars { background-position: -952px 0 }
.glyphicon-notes-2 { background-position: -986px 0 }
.glyphicon-pencil { background-position: -1020px 0 }
.glyphicon-bus { background-position: -1054px 0 }
.glyphicon-wifi-alt { background-position: -1088px 0 }
.glyphicon-luggage { background-position: -1122px 0 }
.glyphicon-old-man { background-position: -1156px 0 }
.glyphicon-woman { background-position: -1190px 0 }
.glyphicon-file { background-position: -1224px 0 }
.glyphicon-credit { background-position: -1258px 0 }
.glyphicon-airplane { background-position: -1292px 0 }
.glyphicon-notes { background-position: -1326px 0 }
.glyphicon-stats { background-position: -1360px 0 }
.glyphicon-charts { background-position: -1394px 0 }
.glyphicon-pie-chart { background-position: -1428px 0 }
.glyphicon-group { background-position: -1462px 0 }
.glyphicon-keys { background-position: -1496px 0 }
.glyphicon-calendar { background-position: -1530px 0 }
.glyphicon-router { background-position: -1564px 0 }
.glyphicon-camera-small { background-position: -1598px 0 }
.glyphicon-dislikes { background-position: -1632px 0 }
.glyphicon-star { background-position: -1666px 0 }
.glyphicon-link { background-position: -1700px 0 }
.glyphicon-eye-open { background-position: -1734px 0 }
.glyphicon-eye-close { background-position: -1768px 0 }
.glyphicon-alarm { background-position: -1802px 0 }
.glyphicon-clock { background-position: -1836px 0 }
.glyphicon-stopwatch { background-position: -1870px 0 }
.glyphicon-projector { background-position: -1904px 0 }
.glyphicon-history { background-position: -1938px 0 }
.glyphicon-truck { background-position: -1972px 0 }
.glyphicon-cargo { background-position: 0 -34px }
.glyphicon-compass { background-position: -34px -34px }
.glyphicon-keynote { background-position: -68px -34px }
.glyphicon-attach { background-position: -102px -34px }
.glyphicon-power { background-position: -136px -34px }
.glyphicon-lightbulb { background-position: -170px -34px }
.glyphicon-tag { background-position: -204px -34px }
.glyphicon-tags { background-position: -238px -34px }
.glyphicon-cleaning { background-position: -272px -34px }
.glyphicon-ruller { background-position: -306px -34px }
.glyphicon-gift { background-position: -340px -34px }
.glyphicon-umbrella { background-position: -374px -34px }
.glyphicon-book { background-position: -408px -34px }
.glyphicon-bookmark { background-position: -442px -34px }
.glyphicon-signal { background-position: -476px -34px }
.glyphicon-cup { background-position: -510px -34px }
.glyphicon-stroller { background-position: -544px -34px }
.glyphicon-headphones { background-position: -578px -34px }
.glyphicon-headset { background-position: -612px -34px }
.glyphicon-warning-sign { background-position: -646px -34px }
.glyphicon-signal { background-position: -680px -34px }
.glyphicon-retweet { background-position: -714px -34px }
.glyphicon-refresh { background-position: -748px -34px }
.glyphicon-roundabout { background-position: -782px -34px }
.glyphicon-random { background-position: -816px -34px }
.glyphicon-heat { background-position: -850px -34px }
.glyphicon-repeat { background-position: -884px -34px }
.glyphicon-display { background-position: -918px -34px }
.glyphicon-log-book { background-position: -952px -34px }
.glyphicon-adress-book { background-position: -986px -34px }
.glyphicon-magnet { background-position: -1020px -34px }
.glyphicon-table { background-position: -1054px -34px }
.glyphicon-adjust { background-position: -1088px -34px }
.glyphicon-tint { background-position: -1122px -34px }
.glyphicon-crop { background-position: -1156px -34px }
.glyphicon-vector-path-square { background-position: -1190px -34px }
.glyphicon-vector-path-circle { background-position: -1224px -34px }
.glyphicon-vector-path-polygon { background-position: -1258px -34px }
.glyphicon-vector-path-line { background-position: -1292px -34px }
.glyphicon-vector-path-curve { background-position: -1326px -34px }
.glyphicon-vector-path-all { background-position: -1360px -34px }
.glyphicon-font { background-position: -1394px -34px }
.glyphicon-italic { background-position: -1428px -34px }
.glyphicon-bold { background-position: -1462px -34px }
.glyphicon-text-underline { background-position: -1496px -34px }
.glyphicon-text-strike { background-position: -1530px -34px }
.glyphicon-text-height { background-position: -1564px -34px }
.glyphicon-text-width { background-position: -1598px -34px }
.glyphicon-text-resize { background-position: -1632px -34px }
.glyphicon-left-indent { background-position: -1666px -34px }
.glyphicon-right-indent { background-position: -1700px -34px }
.glyphicon-align-left { background-position: -1734px -34px }
.glyphicon-align-center { background-position: -1768px -34px }
.glyphicon-align-right { background-position: -1802px -34px }
.glyphicon-justify { background-position: -1836px -34px }
.glyphicon-list { background-position: -1870px -34px }
.glyphicon-text-smaller { background-position: -1904px -34px }
.glyphicon-text-bigger { background-position: -1938px -34px }
.glyphicon-embed { background-position: -1972px -34px }
.glyphicon-embed-close { background-position: 0 -68px }
.glyphicon-adjust { background-position: -34px -68px }
.glyphicon-message-full { background-position: -68px -68px }
.glyphicon-message-empty { background-position: -102px -68px }
.glyphicon-message-in { background-position: -136px -68px }
.glyphicon-message-out { background-position: -170px -68px }
.glyphicon-message-plus { background-position: -204px -68px }
.glyphicon-message-minus { background-position: -238px -68px }
.glyphicon-message-ban { background-position: -272px -68px }
.glyphicon-message-flag { background-position: -306px -68px }
.glyphicon-message-lock { background-position: -340px -68px }
.glyphicon-message-new { background-position: -374px -68px }
.glyphicon-inbox { background-position: -408px -68px }
.glyphicon-inbox-plus { background-position: -442px -68px }
.glyphicon-inbox-minus { background-position: -476px -68px }
.glyphicon-inbox-lock { background-position: -510px -68px }
.glyphicon-inbox-in { background-position: -544px -68px }
.glyphicon-inbox-out { background-position: -578px -68px }
.glyphicon-computer-locked { background-position: -612px -68px }
.glyphicon-computer-service { background-position: -646px -68px }
.glyphicon-computer-proces { background-position: -680px -68px }
.glyphicon-phone { background-position: -714px -68px }
.glyphicon-database-lock { background-position: -748px -68px }
.glyphicon-database-plus { background-position: -782px -68px }
.glyphicon-database-minus { background-position: -816px -68px }
.glyphicon-database-ban { background-position: -850px -68px }
.glyphicon-folder-open { background-position: -884px -68px }
.glyphicon-folder-plus { background-position: -918px -68px }
.glyphicon-folder-minus { background-position: -952px -68px }
.glyphicon-folder-lock { background-position: -986px -68px }
.glyphicon-folder-flag { background-position: -1020px -68px }
.glyphicon-folder-new { background-position: -1054px -68px }
.glyphicon-check { background-position: -1088px -68px }
.glyphicon-edit { background-position: -1122px -68px }
.glyphicon-new-window { background-position: -1156px -68px }
.glyphicon-more-windows { background-position: -1190px -68px }
.glyphicon-show-big-thumbnails { background-position: -1224px -68px }
.glyphicon-show-thumbnails { background-position: -1258px -68px }
.glyphicon-show-thumbnails-with-lines { background-position: -1292px -68px }
.glyphicon-show-lines { background-position: -1326px -68px }
.glyphicon-playlist { background-position: -1360px -68px }
.glyphicon-picture { background-position: -1394px -68px }
.glyphicon-imac { background-position: -1428px -68px }
.glyphicon-macbook { background-position: -1462px -68px }
.glyphicon-ipad { background-position: -1496px -68px }
.glyphicon-iphone { background-position: -1530px -68px }
.glyphicon-iphone-transfer { background-position: -1564px -68px }
.glyphicon-iphone-exchange { background-position: -1598px -68px }
.glyphicon-ipod { background-position: -1632px -68px }
.glyphicon-ipod-shuffle { background-position: -1666px -68px }
.glyphicon-ear-plugs { background-position: -1700px -68px }
.glyphicon-albums { background-position: -1734px -68px }
.glyphicon-step-backward { background-position: -1768px -68px }
.glyphicon-fast-backward { background-position: -1802px -68px }
.glyphicon-rewind { background-position: -1836px -68px }
.glyphicon-play { background-position: -1870px -68px }
.glyphicon-pause { background-position: -1904px -68px }
.glyphicon-stop { background-position: -1938px -68px }
.glyphicon-forward { background-position: -1972px -68px }
.glyphicon-fast-forward { background-position: 0 -102px }
.glyphicon-step-forward { background-position: -34px -102px }
.glyphicon-eject { background-position: -68px -102px }
.glyphicon-facetime-video { background-position: -102px -102px }
.glyphicon-download-alt { background-position: -136px -102px }
.glyphicon-mute { background-position: -170px -102px }
.glyphicon-volume-down { background-position: -204px -102px }
.glyphicon-volume-up { background-position: -238px -102px }
.glyphicon-screenshot { background-position: -272px -102px }
.glyphicon-move { background-position: -306px -102px }
.glyphicon-more { background-position: -340px -102px }
.glyphicon-brightness-reduce { background-position: -374px -102px }
.glyphicon-brightness-increase { background-position: -408px -102px }
.glyphicon-circle-plus { background-position: -442px -102px }
.glyphicon-circle-minus { background-position: -476px -102px }
.glyphicon-circle-remove { background-position: -510px -102px }
.glyphicon-circle-ok { background-position: -544px -102px }
.glyphicon-circle-question-mark { background-position: -578px -102px }
.glyphicon-circle-info { background-position: -612px -102px }
.glyphicon-circle-exclamation-mark { background-position: -646px -102px }
.glyphicon-remove { background-position: -680px -102px }
.glyphicon-ok { background-position: -714px -102px }
.glyphicon-ban { background-position: -748px -102px }
.glyphicon-download { background-position: -782px -102px }
.glyphicon-upload { background-position: -816px -102px }
.glyphicon-shopping-cart { background-position: -850px -102px }
.glyphicon-lock { background-position: -884px -102px }
.glyphicon-unlock { background-position: -918px -102px }
.glyphicon-electricity { background-position: -952px -102px }
.glyphicon-ok-2 { background-position: -986px -102px }
.glyphicon-remove-2 { background-position: -1020px -102px }
.glyphicon-cart-out { background-position: -1054px -102px }
.glyphicon-cart-in { background-position: -1088px -102px }
.glyphicon-left-arrow { background-position: -1122px -102px }
.glyphicon-right-arrow { background-position: -1156px -102px }
.glyphicon-down-arrow { background-position: -1190px -102px }
.glyphicon-up-arrow { background-position: -1224px -102px }
.glyphicon-resize-small { background-position: -1258px -102px }
.glyphicon-resize-full { background-position: -1292px -102px }
.glyphicon-circle-arrow-left { background-position: -1326px -102px }
.glyphicon-circle-arrow-right { background-position: -1360px -102px }
.glyphicon-circle-arrow-top { background-position: -1394px -102px }
.glyphicon-circle-arrow-down { background-position: -1428px -102px }
.glyphicon-play-button { background-position: -1462px -102px }
.glyphicon-unshare { background-position: -1496px -102px }
.glyphicon-share { background-position: -1530px -102px }
.glyphicon-thin-right-arrow { background-position: -1564px -102px }
.glyphicon-thin-arrow-left { background-position: -1598px -102px }
.glyphicon-bluetooth { background-position: -1632px -102px }
.glyphicon-euro { background-position: -1666px -102px }
.glyphicon-usd { background-position: -1700px -102px }
.glyphicon-bp { background-position: -1734px -102px }
.glyphicon-retweet-2 { background-position: -1768px -102px }
.glyphicon-moon { background-position: -1802px -102px }
.glyphicon-sun { background-position: -1836px -102px }
.glyphicon-cloud { background-position: -1870px -102px }
.glyphicon-direction { background-position: -1904px -102px }
.glyphicon-brush { background-position: -1938px -102px }
.glyphicon-pen { background-position: -1972px -102px }
.glyphicon-zoom-in { background-position: 0 -136px }
.glyphicon-zoom-out { background-position: -34px -136px }
.glyphicon-pin { background-position: -68px -136px }
.glyphicon-riflescope { background-position: -102px -136px }
.glyphicon-rotation-lock { background-position: -136px -136px }
.glyphicon-flash { background-position: -170px -136px }
.glyphicon-google-maps { background-position: -204px -136px }
.glyphicon-anchor { background-position: -238px -136px }
.glyphicon-conversation { background-position: -272px -136px }
.glyphicon-chat { background-position: -306px -136px }
.glyphicon-male { background-position: -340px -136px }
.glyphicon-female { background-position: -374px -136px }
.glyphicon-asterisk { background-position: -408px -136px }
.glyphicon-divide { background-position: -442px -136px }
.glyphicon-snorkel-diving { background-position: -476px -136px }
.glyphicon-scuba-diving { background-position: -510px -136px }
.glyphicon-oxygen-bottle { background-position: -544px -136px }
.glyphicon-fins { background-position: -578px -136px }
.glyphicon-fishes { background-position: -612px -136px }
.glyphicon-boat { background-position: -646px -136px }
.glyphicon-delete-point { background-position: -680px -136px }
.glyphicon-sheriffs--star { background-position: -714px -136px }
.glyphicon-qrcode { background-position: -748px -136px }
.glyphicon-barcode { background-position: -782px -136px }
.glyphicon-pool { background-position: -816px -136px }
.glyphicon-buoy { background-position: -850px -136px }
.glyphicon-spade { background-position: -884px -136px }
.glyphicon-bank { background-position: -918px -136px }
.glyphicon-vcard { background-position: -952px -136px }
.glyphicon-electrical-plug { background-position: -986px -136px }
.glyphicon-flag { background-position: -1020px -136px }
.glyphicon-credit-card { background-position: -1054px -136px }
.glyphicon-keyboard-wireless { background-position: -1088px -136px }
.glyphicon-keyboard-wired { background-position: -1122px -136px }
.glyphicon-shield { background-position: -1156px -136px }
.glyphicon-ring { background-position: -1190px -136px }
.glyphicon-cake { background-position: -1224px -136px }
.glyphicon-drink { background-position: -1258px -136px }
.glyphicon-beer { background-position: -1292px -136px }
.glyphicon-fast-food { background-position: -1326px -136px }
.glyphicon-cutlery { background-position: -1360px -136px }
.glyphicon-pizza { background-position: -1394px -136px }
.glyphicon-birthday-cake { background-position: -1428px -136px }
.glyphicon-tablet { background-position: -1462px -136px }
.glyphicon-settings { background-position: -1496px -136px }
.glyphicon-bullets { background-position: -1530px -136px }
.glyphicon-cardio { background-position: -1564px -136px }
.glyphicon-t-shirt { background-position: -1598px -136px }
.glyphicon-pants { background-position: -1632px -136px }
.glyphicon-sweater { background-position: -1666px -136px }
.glyphicon-fabric { background-position: -1700px -136px }
.glyphicon-leather { background-position: -1734px -136px }
.glyphicon-scissors { background-position: -1768px -136px }
.glyphicon-podium { background-position: -1802px -136px }
.glyphicon-skull { background-position: -1836px -136px }
.glyphicon-celebration { background-position: -1870px -136px }
.glyphicon-tea-kettle { background-position: -1904px -136px }
.glyphicon-french-press { background-position: -1938px -136px }
.glyphicon-coffe-cup { background-position: -1972px -136px }
.glyphicon-pot { background-position: 0 -170px }
.glyphicon-grater { background-position: -34px -170px }
.glyphicon-kettle { background-position: -68px -170px }
.glyphicon-hospital { background-position: -102px -170px }
.glyphicon-hospital-h { background-position: -136px -170px }
.glyphicon-microphone { background-position: -170px -170px }
.glyphicon-webcam { background-position: -204px -170px }
.glyphicon-temple-christianity-church { background-position: -238px -170px }
.glyphicon-temple-islam { background-position: -272px -170px }
.glyphicon-temple-hindu { background-position: -306px -170px }
.glyphicon-temple-buddhist { background-position: -340px -170px }
.glyphicon-electrical-socket-eu { background-position: -374px -170px }
.glyphicon-electrical-socket-us { background-position: -408px -170px }
.glyphicon-bomb { background-position: -442px -170px }
.glyphicon-comments { background-position: -476px -170px }
.glyphicon-flower { background-position: -510px -170px }
.glyphicon-baseball { background-position: -544px -170px }
.glyphicon-rugby { background-position: -578px -170px }
.glyphicon-ax { background-position: -612px -170px }
.glyphicon-table-tennis { background-position: -646px -170px }
.glyphicon-bowling { background-position: -680px -170px }
.glyphicon-tree-conifer { background-position: -714px -170px }
.glyphicon-tree-deciduous { background-position: -748px -170px }
.glyphicon-more-items { background-position: -782px -170px }
.glyphicon-sort { background-position: -816px -170px }
.glyphicon-filter { background-position: -850px -170px }
.glyphicon-gamepad { background-position: -884px -170px }
.glyphicon-playing-dices { background-position: -918px -170px }
.glyphicon-calculator { background-position: -952px -170px }
.glyphicon-tie { background-position: -986px -170px }
.glyphicon-wallet { background-position: -1020px -170px }
.glyphicon-share { background-position: -1054px -170px }
.glyphicon-sampler { background-position: -1088px -170px }
.glyphicon-piano { background-position: -1122px -170px }
.glyphicon-web-browser { background-position: -1156px -170px }
.glyphicon-blog { background-position: -1190px -170px }
.glyphicon-dashboard { background-position: -1224px -170px }
.glyphicon-certificate { background-position: -1258px -170px }
.glyphicon-bell { background-position: -1292px -170px }
.glyphicon-candle { background-position: -1326px -170px }
.glyphicon-pin-classic { background-position: -1360px -170px }
.glyphicon-iphone-shake { background-position: -1394px -170px }
.glyphicon-pin-flag { background-position: -1428px -170px }
.glyphicon-turtle { background-position: -1462px -170px }
.glyphicon-rabbit { background-position: -1496px -170px }
.glyphicon-globe { background-position: -1530px -170px }
.glyphicon-briefcase { background-position: -1564px -170px }
.glyphicon-hdd { background-position: -1598px -170px }
.glyphicon-thumbs-up { background-position: -1632px -170px }
.glyphicon-thumbs-down { background-position: -1666px -170px }
.glyphicon-hand-right { background-position: -1700px -170px }
.glyphicon-hand-left { background-position: -1734px -170px }
.glyphicon-hand-up { background-position: -1768px -170px }
.glyphicon-hand-down { background-position: -1802px -170px }
.glyphicon-fullscreen { background-position: -1836px -170px }
.glyphicon-shopping-bag { background-position: -1870px -170px }
.glyphicon-book-open { background-position: -1904px -170px }
.glyphicon-nameplate { background-position: -1938px -170px }
.glyphicon-nameplate-alt { background-position: -1972px -170px }
.glyphicon-vases { background-position: 0 -204px }
.glyphicon-announcement { background-position: -34px -204px }
.glyphicon-dumbbell { background-position: -68px -204px }
.glyphicon-suitcase { background-position: -102px -204px }
.glyphicon-file-import { background-position: -136px -204px }
.glyphicon-file-export { background-position: -170px -204px }
.glyphicon-pinterest { background-position: -204px -204px }
.glyphicon-dropbox { background-position: -238px -204px }
.glyphicon-google-alt { background-position: -272px -204px }
.glyphicon-jolicloud { background-position: -306px -204px }
.glyphicon-yahoo { background-position: -340px -204px }
.glyphicon-blogger { background-position: -374px -204px }
.glyphicon-picasa { background-position: -408px -204px }
.glyphicon-amazon { background-position: -442px -204px }
.glyphicon-tumblr { background-position: -476px -204px }
.glyphicon-wordpress { background-position: -510px -204px }
.glyphicon-instapaper { background-position: -544px -204px }
.glyphicon-evernote { background-position: -578px -204px }
.glyphicon-xing { background-position: -612px -204px }
.glyphicon-zootool { background-position: -646px -204px }
.glyphicon-dribbble { background-position: -680px -204px }
.glyphicon-deviantart { background-position: -714px -204px }
.glyphicon-read-it-later { background-position: -748px -204px }
.glyphicon-linked-in { background-position: -782px -204px }
.glyphicon-forrst { background-position: -816px -204px }
.glyphicon-pinboard { background-position: -850px -204px }
.glyphicon-behance { background-position: -884px -204px }
.glyphicon-github { background-position: -918px -204px }
.glyphicon-youtube { background-position: -952px -204px }
.glyphicon-skitch { background-position: -986px -204px }
.glyphicon-4square { background-position: -1020px -204px }
.glyphicon-quora { background-position: -1054px -204px }
.glyphicon-google-plus { background-position: -1088px -204px }
.glyphicon-spootify { background-position: -1122px -204px }
.glyphicon-stumbleupon { background-position: -1156px -204px }
.glyphicon-readability { background-position: -1190px -204px }
.glyphicon-facebook { background-position: -1224px -204px }
.glyphicon-twitter-t { background-position: -1258px -204px }
.glyphicon-twitter { background-position: -1292px -204px }
.glyphicon-buzz { background-position: -1326px -204px }
.glyphicon-vimeo { background-position: -1360px -204px }
.glyphicon-flickr { background-position: -1394px -204px }
.glyphicon-last-fm { background-position: -1428px -204px }
.glyphicon-rss { background-position: -1462px -204px }
.glyphicon-skype { background-position: -1496px -204px }
.glyphicon-e-mail { background-position: -1530px -204px }