VOOZH about

URL: https://www.geeksforgeeks.org/css/bulma-icon/

⇱ Bulma | Icon - GeeksforGeeks


  • Courses
  • Tutorials
  • Interview Prep

Bulma | Icon

Last Updated : 2 May, 2023

Bulma is a free and open-source CSS framework based on Flexbox. It is component rich, compatible, and well-documented. It is highly responsive in nature. It uses classes to implement its design. 
The icon is a kind of square container that reserves space for the icon font. Bulma is compatible with all icon font libraries: Font Awesome, Material Design Icons, Ionicons, etc.

Example 1: This example creates plain icons using Bulma.

Output: 

👁 Image

Example 2: This example creates some colorful Icons using Bulma.

Output: 

👁 Image

Example 3: This example creates icons with different sizes. 

Output:

👁 Image

Example 4: Rotated Icons

Output: 

👁 Image

Example 5: Stacked Icons

Output: 

👁 Image

Comment
Article Tags:
Article Tags: