- Home
- Icon Tutorial
- Font Awesome
- Font Awesome Hand-rock-o Icon
- Font Awesome Hand-lizard-o Icon
- Font Awesome Hand-paper-o Icon
- Font Awesome Hand-peace-o Icon
- Font Awesome Hand-pointer-o Icon
- Font Awesome Hand-scissors-o Icon
- Font Awesome Hand-spock-o Icon
- Font Awesome Hdd-o Icon
- Font Awesome Headphones Icon
- Font Awesome Heart Icon
- Font Awesome Heart-o Icon
- Font Awesome Heartbeat Icon
- Font Awesome History Icon
- Font Awesome Home Icon
- Font Awesome Hotel Icon
- Font Awesome Hourglass Icon
- Font Awesome Hourglass-start Icon
- Font Awesome Hourglass-half Icon
- Font Awesome Hourglass-end Icon
- Font Awesome Hourglass-o Icon
- Font Awesome I-cursor Icon
- Font Awesome Picture-o Icon
- Font Awesome Inbox Icon
- Font Awesome Industry Icon
- Font Awesome Info Icon
- Font Awesome Info-circle Icon
- Font Awesome Institution Icon
- Font Awesome Key Icon
- Font Awesome Keyboard-o Icon
- Font Awesome Language Icon
- Font Awesome Laptop Icon
- Font Awesome Leaf Icon
- Font Awesome Legal Icon
- Font Awesome Lemon-o Icon
- Font Awesome Level-down Icon
- Font Awesome Level-up Icon
- Font Awesome Life-bouy Icon
- Font Awesome Life-buoy Icon
- Font Awesome Life-ring Icon
- Font Awesome Life-saver Icon
- Font Awesome Lightbulb-o Icon
- Font Awesome Line-chart Icon
- Font Awesome Location-arrow Icon
- Font Awesome Lock Icon
- Font Awesome Magic Icon
- Font Awesome Magnet Icon
- Font Awesome Mail-forward Icon
- Font Awesome Mail-reply Icon
- Font Awesome Mail-reply-all Icon
- Font Awesome Male Icon
- Font Awesome Map Icon
- Font Awesome Map-marker Icon
- Font Awesome Map-o Icon
- Font Awesome Map-pin Icon
- Font Awesome Map-signs Icon
- Font Awesome Meh-o Icon
- Font Awesome Microphone Icon
- Font Awesome Microphone-slash Icon
- Font Awesome Minus Icon
- Font Awesome Minus-circle Icon
- Font Awesome Minus-square Icon
- Font Awesome Minus-square-o Icon
- Font Awesome Mobile Icon
- Font Awesome Money Icon
- Font Awesome Moon-o Icon
- Font Awesome Mortar-board Icon
- Font Awesome Motorcycle Icon
- Font Awesome Mouse-pointer Icon
- Font Awesome Music Icon
- Font Awesome Navicon Icon
- Font Awesome Newspaper-o Icon
- Font Awesome Object-group Icon
- Font Awesome Object-ungroup Icon
- Font Awesome Paint-brush Icon
- Font Awesome Paper-plane Icon
- Font Awesome Paper-plane-o Icon
- Font Awesome Paw Icon
- Font Awesome Pencil Icon
- Font Awesome Pencil-square Icon
- Font Awesome Phone Icon
- Font Awesome Phone-square Icon
Font Awesome Paper-plane Icon
Usage
<i class="fa fa-paper-plane"></i>
Out of the box
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
</head>
<body>
<i class="fa fa-paper-plane"></i>
</body>
</html>
Live Demo
Large Icon
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
</head>
<body>
<i class="fa fa-paper-plane fa-5x"></i>
<!--use the fa-lg (33% increase), fa-2x, fa-3x, fa-4x, or fa-5x classes-->
</body>
</html>
Live Demo
Change color
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
<style type="text/css">
.fa_custom {
color: #0099CC
}
</style>
</head>
<body>
<i class="fa fa-paper-plane fa_custom"></i>
<i class="fa fa-paper-plane fa_custom fa-2x"></i>
<i class="fa fa-paper-plane fa_custom fa-3x"></i>
<i class="fa fa-paper-plane fa_custom fa-4x"></i>
</body>
</html>
Live Demo
Previous: Font Awesome Paint-brush Icon
Next:
Font Awesome Paper-plane-o Icon
- Weekly Trends and Language Statistics
- Weekly Trends and Language Statistics