Bulma icon not showing up?

html css bulma
Psidom picture Psidom · Dec 6, 2017 · Viewed 10.6k times · Source

I am trying to use bulma icons following the docs here, but the icon doesn't show up:

Also see the fiddle here, what could be the problem?

Answer

T Porter picture T Porter · Dec 6, 2017

You also need to include the bulma.min.css file, not just the .map.

Edit

Per the Bulma docs:

If you want to use icons with Bulma, don't forget to include Font Awesome:

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">

Update 3/19/2019

As @Akshay has pointed out below, the documentation has changed and the proper way to include Font Awesome is now

<script defer src="https://use.fontawesome.com/releases/v5.3.1/js/all.js"></script>

Related questions

Bulma: How do you center a button in a box?

<div class="box"> <button class="button">Center me</button> </div> <button class="is-center"> is not working.

Read More
I'm trying to use hamburger menu on bulma css, but it doesn't work. What is wrong?

I'm new on bulma css http://bulma.io/ I'm trying to use hamburger menu for mobile user. I just followed instruction on this page: http://bulma.io/documentation/components/nav/ But it doesn't work. What should I add ? Actually, I …

Read More
Full page image background using Bulma.io?

I am designing a website using the Bulma.io CSS library and have successfully made a full page coloured background, but would like to use images, I can see in their documentation that you can specify the size in px …

Read More