Searching....
Search Results
Font Awesome Mobile Phone Icon (Call, Cell, Smart Phone)
The Font Awesome mobile phone icon can be used to represent a mobile device, a contact option, or a call-to-action. This icon can be easily added to any web page using a class name, such as 'fa fa-mobile-phone' for version 4. The mobile phone icon refers to portable devices for connecting to telecommunications networks to transmit and receive voice, video, or other data
Fontawesome Version 4.X
mobile phone
<i class='fa fa-mobile-phone'></i> mobile phone
<i class='fa fa-mobile-phone' style='color: white'></i> mobile phone
<i class='fa fa-mobile-phone' style='color: red'></i> mobile phone
<i class='fa fa-mobile-phone' style='color: blue'></i> mobile phone
<i class='fa fa-mobile-phone' style='color: #f3da35'></i> How to add Font Awesome mobile phone Icon ?
Font Awesome Icon fa fa mobile phone 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 mobile phone
<!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-mobile-phone'></i>
</body>
</html> Tags
car phone.,cell phone.,cell telephone.,cellular phone.,digital phone.,mobile telephone.,radiotelephone.,call,smart phone,call to action,contact option
Change Font Awesome Icon Mobile phone 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-mobile-phone blue-color'></i>
<i class='fa fa-mobile-phone green-color'></i>
<i class='fa fa-mobile-phone teal-color'></i>
<i class='fa fa-mobile-phone yellow-color'></i>
<i class='fa fa-mobile-phone 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