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>
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'>
Paper Plane Icon Font Awesome - FAQs
⭐What is the Font Awesome Paper Plane Icon code?Icon Code is - fa fa-paper-plane.
⭐ What does the fa fa-paper-plane Icon mean?fa fa-paper-plane is the Icon code of Font Awesome Paper Plane.
⭐ Can we add fa fa-paper-plane Icon in different sizes?Yes, you can Icon of fa fa-paper-plane in various pixels.
⭐ How to add a Blue color Font Awesome Paper Plane Icon?Add the blue color Paper Plane icon of the font awesome by using code: fa fa-paper-plane style='color: blue;'.
⭐ How to make white color icon of a Font Awesome Paper Plane?To change the Paper Plane icon to white color use code: fa fa-paper-plane style='color: white;'.
Advertisements
Advertisements