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 Foursquare (fa-foursquare) Icon Example
Keywords : Font awesome foursquare icon brand example, fa-foursquare font awesome icons example, How to use font awesome foursquare 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-foursquare"></i> | fa-foursquare</h1> <p> Used with Default Sizes</p> <i class="fa fa-foursquare fa-lg"></i> <i class="fa fa-foursquare fa-2x"></i> <i class="fa fa-foursquare fa-3x"></i> <i class="fa fa-foursquare fa-4x"></i> <i class="fa fa-foursquare fa-5x"></i> <p>Used with Font Styles</p> <i class="fa fa-foursquare"></i> <i class="fa fa-foursquare" style="font-size:34px"></i> <i class="fa fa-foursquare" style="font-size:56px"></i> <i class="fa fa-foursquare" style="font-size:72px;color:red"></i> <i class="fa fa-foursquare" style="font-size:96px;color:blue"></i> <p>Use with button:</p> <button style="font-size:24px"><i class="fa fa-foursquare"></i> Click</button> </body> </html>
Click Here to See Result
Result
Previous
Next