I’m trying to use a button as a link. I have the following code: <form action="http://thenerdystudent.blogspot.co.uk/"> <input type="submit" value="My blog" /> </form> It works well as it is, but I’d like to add an icon. I tried doing this: <form action="http://thenerdystudent.blogspot.co.uk/">…

You’ll want a <button> instead of an <input>. Like <button><i class="fa fa-icon"></i></button>.

I’ve done this: <form action="http://thenerdystudent.blogspot.co.uk/"> <button type="submit"><i class="fa fa-icon"></i>My blog</button> </form> The button works, but still not getting the icon. https://giacomolaw.github.io/

I chose fa-icon as a placeholder (it’s not a real icon). Take a look at the list of icons here: http://fontawesome.io/icons/

Oops, sorry about that! :sweat_smile:

it is possible to add Font Awesome icons to input fields: <input type=“submit” value=“&#xf0f6 My blog” class=“fa fa-input”> where f0f6 is the unicode for the fa-file-text-o icon

Try setting the <input>'s font-family to FontAwesome. [Martin Turjak] How do I add a Font Awesome icon to input field? html, css, html5, css3 answered by Martin Turjak on 01:49PM - 13 Apr 13

[Solved] Adding Font Awesome icons to an input button?

Curriculum Help

kevcomedia August 17, 2017, 12:42am 7

Try setting the <input>'s font-family to FontAwesome.

Topic		Replies	Views
Bootstrap - Adicionar ícones de Font Awesome para nossos botões português	5	98	February 25, 2025
Add Font Awesome Icons to our Buttons	5	4062	May 30, 2019
Social icons not appearing on buttons	4	4220	January 27, 2017
What is the error in following code related to font icon?	1	583	December 26, 2017
Bootstrap : found problem in adding icon button	1	594	February 5, 2018

[Solved] Adding Font Awesome icons to an input button?

Related topics