Searching....
Search Results
Font Awesome Paper Plane (Airplane, Send)
Font Awesome Paper Plane Icon refers to a paper airplane (also known as a paper airplane in American English or a paper plane in British English) is a toy airplane, usually a glider, made from a single folded sheet of paper or cardboard. A simple nose-heavy paper plane, thrown like a dart, is also known as a paper dart. This font awesome icon is also known as "fa-Paper Plane" or "fa fa Paper Plane".
Fontawesome Version 4.X
paper plane
<i class='fa fa-paper-plane'></i> paper plane
<i class='fa fa-paper-plane' style='color: white'></i> paper plane
<i class='fa fa-paper-plane' style='color: red'></i> paper plane
<i class='fa fa-paper-plane' style='color: blue'></i> paper plane
<i class='fa fa-paper-plane' style='color: #f3da35'></i> Fontawesome Version 5.X
paper plane
<i class='fas fa-paper-plane'></i> paper plane
<i class='fas fa-paper-plane' style='color: white'></i> paper plane
<i class='fas fa-paper-plane' style='color: red'></i> paper plane
<i class='fas fa-paper-plane' style='color: blue'></i> paper plane
<i class='fas fa-paper-plane' style='color: #f3da35'></i> Fontawesome Version 6.X
paper plane
Web
<i class='fa-solid fa-paper-plane'></i> React
<FontAwesomeIcon icon="fa-solid fa-paper-plane" /> Vue
<font-awesome-icon icon="fa-solid fa-paper-plane" /> paper plane
Web
<i class='fa-solid fa-paper-plane' style='color: white'></i> React
<FontAwesomeIcon icon="fa-solid fa-paper-plane" style={{color: 'white'}} /> Vue
<font-awesome-icon icon="fa-solid fa-paper-plane" :style="{color: 'white'}" /> paper plane
Web
<i class='fa-solid fa-paper-plane' style='color: red'></i> React
<FontAwesomeIcon icon="fa-solid fa-paper-plane" style={{color: 'red'}} /> Vue
<font-awesome-icon icon="fa-solid fa-paper-plane" :style="{color: 'red'}" /> paper plane
Web
<i class='fa-solid fa-paper-plane' style='color: blue'></i> React
<FontAwesomeIcon icon="fa-solid fa-paper-plane" style={{color: 'blue'}} /> Vue
<font-awesome-icon icon="fa-solid fa-paper-plane" :style="{color: 'blue'}" /> paper plane
Web
<i class='fa-solid fa-paper-plane' style='color: #f3da35'></i> React
<FontAwesomeIcon icon="fa-solid fa-paper-plane" style={{color: '#f3da35'}} /> Vue
<font-awesome-icon icon="fa-solid fa-paper-plane" :style="{color: '#f3da35'}" /> FA Regular paper plane Version 6.X
px Enter Size
Color Code
How to add Font Awesome paper plane Icon ?
Font Awesome Icon fa fa paper plane 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.
HTML Code
Get complete html code for icon paper plane
<!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-paper-plane'></i>
</body>
</html> Tags
send,flight,submit,article
Change Font Awesome Icon Paper plane 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-paper-plane blue-color'></i>
<i class='fa fa-paper-plane green-color'></i>
<i class='fa fa-paper-plane teal-color'></i>
<i class='fa fa-paper-plane yellow-color'></i>
<i class='fa fa-paper-plane red-color'></i>
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'>
Advertisements
Advertisements