{"id":224853,"date":"2023-10-19T20:41:24","date_gmt":"2023-10-19T20:41:24","guid":{"rendered":"https:\/\/namso-gen.co\/blog\/how-do-you-use-font-awesome-in-the-value-for-a-submit-button\/"},"modified":"2023-10-19T20:41:24","modified_gmt":"2023-10-19T20:41:24","slug":"how-do-you-use-font-awesome-in-the-value-for-a-submit-button","status":"publish","type":"post","link":"https:\/\/namso-gen.co\/blog\/how-do-you-use-font-awesome-in-the-value-for-a-submit-button\/","title":{"rendered":"How do you use Font Awesome in the value for a submit button?"},"content":{"rendered":"<p>Font Awesome is a popular icon font library that allows you to easily incorporate visually appealing icons into your website or application. One common use case is utilizing Font Awesome icons as the value for a submit button. In this article, we will explore how to achieve this, providing step-by-step instructions to help you implement Font Awesome icons in your submit button effortlessly.<\/p>\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_62 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title \" >Table of Contents<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Toggle Table of Content\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/namso-gen.co\/blog\/how-do-you-use-font-awesome-in-the-value-for-a-submit-button\/#How_do_you_use_Font_Awesome_in_the_value_for_a_submit_button\" title=\"How do you use Font Awesome in the value for a submit button?\">How do you use Font Awesome in the value for a submit button?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/namso-gen.co\/blog\/how-do-you-use-font-awesome-in-the-value-for-a-submit-button\/#FAQs\" title=\"FAQs:\">FAQs:<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/namso-gen.co\/blog\/how-do-you-use-font-awesome-in-the-value-for-a-submit-button\/#1_Can_I_use_Font_Awesome_icons_in_any_HTML_element\" title=\"1. Can I use Font Awesome icons in any HTML element?\">1. Can I use Font Awesome icons in any HTML element?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/namso-gen.co\/blog\/how-do-you-use-font-awesome-in-the-value-for-a-submit-button\/#2_How_can_I_make_the_Font_Awesome_icons_larger_or_smaller\" title=\"2. How can I make the Font Awesome icons larger or smaller?\">2. How can I make the Font Awesome icons larger or smaller?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/namso-gen.co\/blog\/how-do-you-use-font-awesome-in-the-value-for-a-submit-button\/#3_Can_I_use_different_Font_Awesome_icons_for_different_submit_buttons\" title=\"3. Can I use different Font Awesome icons for different submit buttons?\">3. Can I use different Font Awesome icons for different submit buttons?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/namso-gen.co\/blog\/how-do-you-use-font-awesome-in-the-value-for-a-submit-button\/#4_Are_Font_Awesome_icons_compatible_with_all_browsers\" title=\"4. Are Font Awesome icons compatible with all browsers?\">4. Are Font Awesome icons compatible with all browsers?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/namso-gen.co\/blog\/how-do-you-use-font-awesome-in-the-value-for-a-submit-button\/#5_Can_I_modify_the_appearance_of_Font_Awesome_icons_such_as_their_color\" title=\"5. Can I modify the appearance of Font Awesome icons, such as their color?\">5. Can I modify the appearance of Font Awesome icons, such as their color?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/namso-gen.co\/blog\/how-do-you-use-font-awesome-in-the-value-for-a-submit-button\/#6_Are_there_any_performance_concerns_with_using_Font_Awesome_icons\" title=\"6. Are there any performance concerns with using Font Awesome icons?\">6. Are there any performance concerns with using Font Awesome icons?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/namso-gen.co\/blog\/how-do-you-use-font-awesome-in-the-value-for-a-submit-button\/#7_Is_Font_Awesome_free_to_use\" title=\"7. Is Font Awesome free to use?\">7. Is Font Awesome free to use?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-10\" href=\"https:\/\/namso-gen.co\/blog\/how-do-you-use-font-awesome-in-the-value-for-a-submit-button\/#8_Can_I_use_Font_Awesome_in_combination_with_other_icon_libraries\" title=\"8. Can I use Font Awesome in combination with other icon libraries?\">8. Can I use Font Awesome in combination with other icon libraries?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-11\" href=\"https:\/\/namso-gen.co\/blog\/how-do-you-use-font-awesome-in-the-value-for-a-submit-button\/#9_Is_it_possible_to_animate_Font_Awesome_icons\" title=\"9. Is it possible to animate Font Awesome icons?\">9. Is it possible to animate Font Awesome icons?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-12\" href=\"https:\/\/namso-gen.co\/blog\/how-do-you-use-font-awesome-in-the-value-for-a-submit-button\/#10_Can_I_use_Font_Awesome_icons_offline\" title=\"10. Can I use Font Awesome icons offline?\">10. Can I use Font Awesome icons offline?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-13\" href=\"https:\/\/namso-gen.co\/blog\/how-do-you-use-font-awesome-in-the-value-for-a-submit-button\/#11_Can_I_change_the_default_color_of_Font_Awesome_icons_globally\" title=\"11. Can I change the default color of Font Awesome icons globally?\">11. Can I change the default color of Font Awesome icons globally?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-14\" href=\"https:\/\/namso-gen.co\/blog\/how-do-you-use-font-awesome-in-the-value-for-a-submit-button\/#12_How_can_I_ensure_Font_Awesome_icons_are_accessible_to_screen_readers\" title=\"12. How can I ensure Font Awesome icons are accessible to screen readers?\">12. How can I ensure Font Awesome icons are accessible to screen readers?<\/a><\/li><\/ul><\/nav><\/div>\n<h3><span class=\"ez-toc-section\" id=\"How_do_you_use_Font_Awesome_in_the_value_for_a_submit_button\"><\/span>How do you use Font Awesome in the value for a submit button?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>To use Font Awesome in the value for a submit button, follow these steps:<\/p>\n<p>1. First, make sure you have included the Font Awesome library in your project. You can achieve this by linking the Font Awesome stylesheet in the head section of your HTML file, like this:<\/p>\n<p>&#8220;`html\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0-beta2\/css\/all.min.css\">\n&#8220;`<\/p>\n<p>2. Once the library is linked, you can utilize any of the thousands of available icons as the value for your submit button. To achieve this, simply add a `<i>` tag with the appropriate Font Awesome class to the value attribute of the submit button, like this:<\/p>\n<p>&#8220;`html<br \/>\n<input type=\"submit\" value=\"<i class='fas fa-check'><\/i> Submit&#8221;><br \/>\n&#8220;`<\/p>\n<p>3. In the above example, we used the `fas fa-check` class to display the check icon from Font Awesome. You can explore the Font Awesome website (fontawesome.com) to find the desired icon class that suits your needs.<\/p>\n<p>4. It&#8217;s important to note that by default, the text within the value attribute of an input element is interpreted as plain text. However, by wrapping the Font Awesome `<i>` tag within the value, we can display icons seamlessly.<\/p>\n<p>5. Once you have implemented the above steps, you can style your submit button according to your preferences using CSS. You can adjust its size, color, and other properties to match your overall design theme.<\/p>\n<p>Using Font Awesome in the value for a submit button allows you to enhance the visual appeal of your form and provide users with a more aesthetically pleasing interface. It also reduces the need for additional images or SVGs, saving time and effort during development.<\/p>\n<p>Now, let&#8217;s address some related FAQs to further clarify this topic:<\/p>\n<h3><span class=\"ez-toc-section\" id=\"FAQs\"><\/span>FAQs:<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<h3><span class=\"ez-toc-section\" id=\"1_Can_I_use_Font_Awesome_icons_in_any_HTML_element\"><\/span>1. Can I use Font Awesome icons in any HTML element?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>\nYes, you can use Font Awesome icons in any HTML element that supports text, such as buttons, links, headings, or paragraphs.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"2_How_can_I_make_the_Font_Awesome_icons_larger_or_smaller\"><\/span>2. How can I make the Font Awesome icons larger or smaller?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>\nYou can adjust the size of Font Awesome icons using CSS. You can either change the `font-size` property directly on the `<i>` tag or define a specific class for the desired size and apply it to the icon.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"3_Can_I_use_different_Font_Awesome_icons_for_different_submit_buttons\"><\/span>3. Can I use different Font Awesome icons for different submit buttons?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>\nCertainly! Font Awesome provides a wide range of icons that you can choose from. Simply specify the appropriate class for each submit button, depending on the desired icon you want to display.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"4_Are_Font_Awesome_icons_compatible_with_all_browsers\"><\/span>4. Are Font Awesome icons compatible with all browsers?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>\nYes, Font Awesome icons are compatible with most modern browsers, including Chrome, Firefox, Safari, and Edge. Compatibility extends to both desktop and mobile devices.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"5_Can_I_modify_the_appearance_of_Font_Awesome_icons_such_as_their_color\"><\/span>5. Can I modify the appearance of Font Awesome icons, such as their color?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>\nYes, Font Awesome icons can be easily styled through CSS. You can modify their color, size, hover effects, and more to ensure they match your website&#8217;s design.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"6_Are_there_any_performance_concerns_with_using_Font_Awesome_icons\"><\/span>6. Are there any performance concerns with using Font Awesome icons?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>\nFont Awesome icons are lightweight and have minimal impact on performance. However, it&#8217;s important to ensure that you only include the necessary icons to keep the file size down.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"7_Is_Font_Awesome_free_to_use\"><\/span>7. Is Font Awesome free to use?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>\nFont Awesome offers both free and paid versions. The free version provides a decent number of icons to choose from, while the paid Pro version includes additional features and a larger icon library.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"8_Can_I_use_Font_Awesome_in_combination_with_other_icon_libraries\"><\/span>8. Can I use Font Awesome in combination with other icon libraries?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>\nYes, you can use Font Awesome alongside other icon libraries to access an even larger selection of icons or create a specific icon combination that suits your needs.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"9_Is_it_possible_to_animate_Font_Awesome_icons\"><\/span>9. Is it possible to animate Font Awesome icons?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>\nYes, you can animate Font Awesome icons using CSS animations or other animation frameworks. This allows you to add dynamic and interactive elements to your buttons or other HTML elements.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"10_Can_I_use_Font_Awesome_icons_offline\"><\/span>10. Can I use Font Awesome icons offline?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>\nTo use Font Awesome icons offline, you need to download the Font Awesome library files and host them on your server or include them locally within your project. This way, your website can still display the icons even without an internet connection.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"11_Can_I_change_the_default_color_of_Font_Awesome_icons_globally\"><\/span>11. Can I change the default color of Font Awesome icons globally?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>\nYes, you can override the default color of Font Awesome icons globally by targeting the appropriate CSS classes or by defining specific styles for the icons in your CSS file.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"12_How_can_I_ensure_Font_Awesome_icons_are_accessible_to_screen_readers\"><\/span>12. How can I ensure Font Awesome icons are accessible to screen readers?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>\nFont Awesome icons have built-in accessibility features. To ensure accessibility, you should provide alternative text within your HTML around the icon, allowing screen readers to describe the icon to visually impaired users.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Font Awesome is a popular icon font library that allows you to easily incorporate visually appealing icons into your website or application. One common use case is utilizing Font Awesome icons as the value for a submit button. In this article, we will explore how to achieve this, providing step-by-step instructions to help you implement &#8230; <\/p>\n<p class=\"read-more-container\"><a title=\"How do you use Font Awesome in the value for a submit button?\" class=\"read-more button\" href=\"https:\/\/namso-gen.co\/blog\/how-do-you-use-font-awesome-in-the-value-for-a-submit-button\/#more-224853\">Read more<span class=\"screen-reader-text\">How do you use Font Awesome in the value for a submit button?<\/span><\/a><\/p>\n","protected":false},"author":56,"featured_media":107420,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[86279],"tags":[],"class_list":["post-224853","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-learn","no-featured-image-padding"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v22.1 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>How do you use Font Awesome in the value for a submit button?<\/title>\n<meta name=\"description\" content=\"Font Awesome is a popular icon font library that allows you to easily incorporate visually appealing icons into your website or application. One common\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/namso-gen.co\/blog\/how-do-you-use-font-awesome-in-the-value-for-a-submit-button\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How do you use Font Awesome in the value for a submit button?\" \/>\n<meta property=\"og:description\" content=\"Font Awesome is a popular icon font library that allows you to easily incorporate visually appealing icons into your website or application. One common\" \/>\n<meta property=\"og:url\" content=\"https:\/\/namso-gen.co\/blog\/how-do-you-use-font-awesome-in-the-value-for-a-submit-button\/\" \/>\n<meta property=\"og:site_name\" content=\"Namso Gen Blog - Free Credit Card Generator [100% Valid]\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/synchronyfinancial\" \/>\n<meta property=\"article:published_time\" content=\"2023-10-19T20:41:24+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/namso-gen.co\/blog\/wp-content\/uploads\/2020\/07\/namso-gen-logo.png\" \/>\n\t<meta property=\"og:image:width\" content=\"500\" \/>\n\t<meta property=\"og:image:height\" content=\"164\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Sarah Prince\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@synchrony\" \/>\n<meta name=\"twitter:site\" content=\"@synchrony\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Sarah Prince\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/namso-gen.co\/blog\/how-do-you-use-font-awesome-in-the-value-for-a-submit-button\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/namso-gen.co\/blog\/how-do-you-use-font-awesome-in-the-value-for-a-submit-button\/\"},\"author\":{\"name\":\"Sarah Prince\",\"@id\":\"https:\/\/namso-gen.co\/blog\/#\/schema\/person\/80e5190de9e3c306f162d2194af9fcec\"},\"headline\":\"How do you use Font Awesome in the value for a submit button?\",\"datePublished\":\"2023-10-19T20:41:24+00:00\",\"dateModified\":\"2023-10-19T20:41:24+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/namso-gen.co\/blog\/how-do-you-use-font-awesome-in-the-value-for-a-submit-button\/\"},\"wordCount\":831,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/namso-gen.co\/blog\/#organization\"},\"articleSection\":[\"Learn\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/namso-gen.co\/blog\/how-do-you-use-font-awesome-in-the-value-for-a-submit-button\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/namso-gen.co\/blog\/how-do-you-use-font-awesome-in-the-value-for-a-submit-button\/\",\"url\":\"https:\/\/namso-gen.co\/blog\/how-do-you-use-font-awesome-in-the-value-for-a-submit-button\/\",\"name\":\"How do you use Font Awesome in the value for a submit button?\",\"isPartOf\":{\"@id\":\"https:\/\/namso-gen.co\/blog\/#website\"},\"datePublished\":\"2023-10-19T20:41:24+00:00\",\"dateModified\":\"2023-10-19T20:41:24+00:00\",\"description\":\"Font Awesome is a popular icon font library that allows you to easily incorporate visually appealing icons into your website or application. One common\",\"breadcrumb\":{\"@id\":\"https:\/\/namso-gen.co\/blog\/how-do-you-use-font-awesome-in-the-value-for-a-submit-button\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/namso-gen.co\/blog\/how-do-you-use-font-awesome-in-the-value-for-a-submit-button\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/namso-gen.co\/blog\/how-do-you-use-font-awesome-in-the-value-for-a-submit-button\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/namso-gen.co\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How do you use Font Awesome in the value for a submit button?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/namso-gen.co\/blog\/#website\",\"url\":\"https:\/\/namso-gen.co\/blog\/\",\"name\":\"Namso Gen Blog - Free Credit Card Generator [100% Valid]\",\"description\":\"In Namso gen blog you can get many tips regarding to Credit cards, VCC, Credit card security etc. You can generate credit cards by using Namso-gen.co\",\"publisher\":{\"@id\":\"https:\/\/namso-gen.co\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/namso-gen.co\/blog\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/namso-gen.co\/blog\/#organization\",\"name\":\"Namso Gen Blog - Free Credit Card Generator [100% Valid]\",\"url\":\"https:\/\/namso-gen.co\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/namso-gen.co\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/namso-gen.co\/blog\/wp-content\/uploads\/2020\/07\/namso-gen-logo.png\",\"contentUrl\":\"https:\/\/namso-gen.co\/blog\/wp-content\/uploads\/2020\/07\/namso-gen-logo.png\",\"width\":500,\"height\":164,\"caption\":\"Namso Gen Blog - Free Credit Card Generator [100% Valid]\"},\"image\":{\"@id\":\"https:\/\/namso-gen.co\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/synchronyfinancial\",\"https:\/\/twitter.com\/synchrony\",\"https:\/\/www.youtube.com\/synchronyfinancial\",\"https:\/\/www.instagram.com\/synchrony\",\"https:\/\/www.linkedin.com\/company\/synchrony-financial\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/namso-gen.co\/blog\/#\/schema\/person\/80e5190de9e3c306f162d2194af9fcec\",\"name\":\"Sarah Prince\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/namso-gen.co\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/?s=96&d=mm&r=g\",\"caption\":\"Sarah Prince\"},\"description\":\"Guest author Sarah Prince has meticulously crafted and revised this article to the best of their knowledge and understanding. Readers are strongly advised to exercise caution, verify information independently, and rely on their own judgment when considering the information provided. Read more articles on Namso Gen here.\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How do you use Font Awesome in the value for a submit button?","description":"Font Awesome is a popular icon font library that allows you to easily incorporate visually appealing icons into your website or application. One common","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/namso-gen.co\/blog\/how-do-you-use-font-awesome-in-the-value-for-a-submit-button\/","og_locale":"en_US","og_type":"article","og_title":"How do you use Font Awesome in the value for a submit button?","og_description":"Font Awesome is a popular icon font library that allows you to easily incorporate visually appealing icons into your website or application. One common","og_url":"https:\/\/namso-gen.co\/blog\/how-do-you-use-font-awesome-in-the-value-for-a-submit-button\/","og_site_name":"Namso Gen Blog - Free Credit Card Generator [100% Valid]","article_publisher":"https:\/\/www.facebook.com\/synchronyfinancial","article_published_time":"2023-10-19T20:41:24+00:00","og_image":[{"width":500,"height":164,"url":"https:\/\/namso-gen.co\/blog\/wp-content\/uploads\/2020\/07\/namso-gen-logo.png","type":"image\/png"}],"author":"Sarah Prince","twitter_card":"summary_large_image","twitter_creator":"@synchrony","twitter_site":"@synchrony","twitter_misc":{"Written by":"Sarah Prince","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/namso-gen.co\/blog\/how-do-you-use-font-awesome-in-the-value-for-a-submit-button\/#article","isPartOf":{"@id":"https:\/\/namso-gen.co\/blog\/how-do-you-use-font-awesome-in-the-value-for-a-submit-button\/"},"author":{"name":"Sarah Prince","@id":"https:\/\/namso-gen.co\/blog\/#\/schema\/person\/80e5190de9e3c306f162d2194af9fcec"},"headline":"How do you use Font Awesome in the value for a submit button?","datePublished":"2023-10-19T20:41:24+00:00","dateModified":"2023-10-19T20:41:24+00:00","mainEntityOfPage":{"@id":"https:\/\/namso-gen.co\/blog\/how-do-you-use-font-awesome-in-the-value-for-a-submit-button\/"},"wordCount":831,"commentCount":0,"publisher":{"@id":"https:\/\/namso-gen.co\/blog\/#organization"},"articleSection":["Learn"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/namso-gen.co\/blog\/how-do-you-use-font-awesome-in-the-value-for-a-submit-button\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/namso-gen.co\/blog\/how-do-you-use-font-awesome-in-the-value-for-a-submit-button\/","url":"https:\/\/namso-gen.co\/blog\/how-do-you-use-font-awesome-in-the-value-for-a-submit-button\/","name":"How do you use Font Awesome in the value for a submit button?","isPartOf":{"@id":"https:\/\/namso-gen.co\/blog\/#website"},"datePublished":"2023-10-19T20:41:24+00:00","dateModified":"2023-10-19T20:41:24+00:00","description":"Font Awesome is a popular icon font library that allows you to easily incorporate visually appealing icons into your website or application. One common","breadcrumb":{"@id":"https:\/\/namso-gen.co\/blog\/how-do-you-use-font-awesome-in-the-value-for-a-submit-button\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/namso-gen.co\/blog\/how-do-you-use-font-awesome-in-the-value-for-a-submit-button\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/namso-gen.co\/blog\/how-do-you-use-font-awesome-in-the-value-for-a-submit-button\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/namso-gen.co\/blog\/"},{"@type":"ListItem","position":2,"name":"How do you use Font Awesome in the value for a submit button?"}]},{"@type":"WebSite","@id":"https:\/\/namso-gen.co\/blog\/#website","url":"https:\/\/namso-gen.co\/blog\/","name":"Namso Gen Blog - Free Credit Card Generator [100% Valid]","description":"In Namso gen blog you can get many tips regarding to Credit cards, VCC, Credit card security etc. You can generate credit cards by using Namso-gen.co","publisher":{"@id":"https:\/\/namso-gen.co\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/namso-gen.co\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/namso-gen.co\/blog\/#organization","name":"Namso Gen Blog - Free Credit Card Generator [100% Valid]","url":"https:\/\/namso-gen.co\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/namso-gen.co\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/namso-gen.co\/blog\/wp-content\/uploads\/2020\/07\/namso-gen-logo.png","contentUrl":"https:\/\/namso-gen.co\/blog\/wp-content\/uploads\/2020\/07\/namso-gen-logo.png","width":500,"height":164,"caption":"Namso Gen Blog - Free Credit Card Generator [100% Valid]"},"image":{"@id":"https:\/\/namso-gen.co\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/synchronyfinancial","https:\/\/twitter.com\/synchrony","https:\/\/www.youtube.com\/synchronyfinancial","https:\/\/www.instagram.com\/synchrony","https:\/\/www.linkedin.com\/company\/synchrony-financial"]},{"@type":"Person","@id":"https:\/\/namso-gen.co\/blog\/#\/schema\/person\/80e5190de9e3c306f162d2194af9fcec","name":"Sarah Prince","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/namso-gen.co\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/?s=96&d=mm&r=g","caption":"Sarah Prince"},"description":"Guest author Sarah Prince has meticulously crafted and revised this article to the best of their knowledge and understanding. Readers are strongly advised to exercise caution, verify information independently, and rely on their own judgment when considering the information provided. Read more articles on Namso Gen here."}]}},"_links":{"self":[{"href":"https:\/\/namso-gen.co\/blog\/wp-json\/wp\/v2\/posts\/224853","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/namso-gen.co\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/namso-gen.co\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/namso-gen.co\/blog\/wp-json\/wp\/v2\/users\/56"}],"replies":[{"embeddable":true,"href":"https:\/\/namso-gen.co\/blog\/wp-json\/wp\/v2\/comments?post=224853"}],"version-history":[{"count":0,"href":"https:\/\/namso-gen.co\/blog\/wp-json\/wp\/v2\/posts\/224853\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/namso-gen.co\/blog\/wp-json\/wp\/v2\/media\/107420"}],"wp:attachment":[{"href":"https:\/\/namso-gen.co\/blog\/wp-json\/wp\/v2\/media?parent=224853"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/namso-gen.co\/blog\/wp-json\/wp\/v2\/categories?post=224853"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/namso-gen.co\/blog\/wp-json\/wp\/v2\/tags?post=224853"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}