Home
Tutorials
Microsoft Technologies Tutorials
Java Programming Tutorials
Web Designing Tutorials
Script Programming Tutorials
Database Programming Tutorials
Mobile Technologies Tutorials
Other Programming Tutorials
Examples
Articles
Tools
News
Font Awesome 500px (fa-500px) Icon Example
Keywords : Font awesome 500px brand icon example, fa-500px font awesome icons example, How to use font awesome 500px icon with example
Example
<!DOCTYPE html> <html> <head> <title>Font Awesome Icons</title> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css"> </head> <body> <h1><i class="fa fa-500px"></i> fa-500px</h1> <p> Used with Default Sizes</p> <i class="fa fa-500px fa-lg"></i> <i class="fa fa-500px fa-2x"></i> <i class="fa fa-500px fa-3x"></i> <i class="fa fa-500px fa-4x"></i> <i class="fa fa-500px fa-5x"></i> <p>Used with Font Styles</p> <i class="fa fa-500px"></i> <i class="fa fa-500px" style="font-size:34px"></i> <i class="fa fa-500px" style="font-size:56px"></i> <i class="fa fa-500px" style="font-size:72px;color:red"></i> <i class="fa fa-500px" style="font-size:96px;color:blue"></i> <p>Use with button:</p> <button style="font-size:24px"><i class="fa fa-500px"></i> Button</button> </body> </html>
Click Here to See Result
Result
Previous
Next
