Font Awesome Braille Icon

The Braille bootstrap icon is used to represent a system of reading and writing by touch used by the blind.

Fontawesome Version 4.X

braille

<i class='fa fa-braille'></i>

braille

<i class='fa fa-braille' style='color: white'></i>

braille

<i class='fa fa-braille' style='color: red'></i>

braille

<i class='fa fa-braille' style='color: blue'></i>

braille

<i class='fa fa-braille' style='color: #f3da35'></i>
Try it Yourself


Fontawesome Version 5.X

braille

<i class='fas fa-braille'></i>

braille

<i class='fas fa-braille' style='color: white'></i>

braille

<i class='fas fa-braille' style='color: red'></i>

braille

<i class='fas fa-braille' style='color: blue'></i>

braille

<i class='fas fa-braille' style='color: #f3da35'></i>
Try it Yourself

How to add Font Awesome braille Icon ?

Font Awesome Icon fa fa braille Icon can be added to any web page simply as below. You can integrate Icon in web pages by just adding following below syntax & icon code.

Icon -
<i class='fa fa-braille'></i>
Icon Code -
fa fa-braille

HTML Code

Get complete html code for icon braille

                    
                    <!DOCTYPE html>
                    <html>
                        <head>
                        <title>Page Title</title>
                        <link rel='stylesheet' href='https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css'>
                       </head>
                        <body>
                        <i class='fa fa-braille'></i>
                        </body>
                    </html>                    

Tags

embosser, noctograph, louis braille, audiotape, notetaker, optacon, braile

Change Font Awesome Icon Braille Color

Sometimes we need icons in different color, as we suggested by adding css style we can change color. Here we have created one example to change color of icons with css classes.


    <style>
.blue-color {
color:blue;
}
.green-color {
color:green;
}
.teal-color {
color:teal;
}
.yellow-color {
color:yellow;
}
.red-color {
color:red;
}
</style>
<i class='fa fa-braille blue-color'></i> <i class='fa fa-braille green-color'></i> <i class='fa fa-braille teal-color'></i> <i class='fa fa-braille yellow-color'></i> <i class='fa fa-braille red-color'></i>

Output of the above example will be as below-


Note- Make Sure You have included the below Font Awesome file in header-
            
<link rel='stylesheet' href='https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css'>            
            
Related Icons
 

Braille Icon Font Awesome - FAQs

⭐What is the Font Awesome Braille Icon code?

Icon Code is - fa fa-braille.

⭐ What does the fa fa-braille Icon mean?

fa fa-braille is the Icon code of Font Awesome Braille.

⭐ Can we add fa fa-braille Icon in different sizes?

Yes, you can Icon of fa fa-braille in various pixels.

⭐ How to add a Blue color Font Awesome Braille Icon?

Add the blue color Braille icon of the font awesome by using code: fa fa-braille style='color: blue;'.

⭐ How to make white color icon of a Font Awesome Braille?

To change the Braille icon to white color use code: fa fa-braille style='color: white;'.

Advertisements



Advertisements



Looking For More Icons?