ldIconFont

icon font from icons used in loading.io UI

heart
f000
home
f001
building
f002
dart-up
f003
dart-right
f004
dart-down
f005
dart-left
f006
chevron-up
f007
chevron-right
f008
chevron-down
f009
chevron-left
f00a
save
f00b
bars
f00c
check
f00d
circle
f00e
radio
f00f
question
f010
lock
f011
unlock
f012
mail
f013
pen
f014
phone
f015
gear
f016
legal
f017
link
f018
location
f019
eye
f01a
eye-slash
f01b
close
f01c
creditcard
f01d
drag
f01e
clone
f01f
google
f020
fb
f021
twt
f022
github
f023
doc
f024
undo
f025
print
f026
check-o
f027
search
f028
plus
f029
sync
f030
upload
f031
html
f032

Usage

Before using ldiconfont, you should provide font path to ldiconfont with @font-face delcaration in your css file:

@font-face { font-family: 'ldi'; font-weight: normal; font-style: normal; src: url('fonts/ldi.ttf') format('truetype') }

Then, use name of the icon as class in <i> element:

Or, use corresponding code point directly when working with before / after pseudo class:

Font Size

ldIconFont is pixel-perfect and designed with 15px x 15px grid. It's possible that 18x18, 16x16, 14x14, 13x13, 12x12 be added in the future, which will then be provided in different font files.

License

All icons, except those for brands such as Google™ or Facebook™, are made by loading.io, released along with corresponding SVG files under CC-BY 4.0 License.

Comments

Any questions or suggestion? Feel free to leave comment here. :)

loader

Form

Submit
Choice 1
Choice 2
Optimized
Responsive
Animated

Cancel
Proceed
world peace
Things don't work?
It might be AdBlock. Why?
By continuing to browse, you agree to our use of cookies.
For more details please check our privacy policy.
Details
OK

loading.io loader

Loading.io is brought to you by:
PlotDB Ltd. brand logo / 見聞科技有限公司 VAT No. 52518929

Service for making ajax loaders / loading gifs / preloaders and animated icons, live background, animated text in GIF / SVG / APNG / CSS.

Customer Service: [email protected]
LOADING.IO