Font awesome 3 icons. Available now in Font Awesome 6.

Font awesome 3 icons Ever wonder what “font-awesome” might look like in the mix? Well, you're in luck! We've cooked up some examples of how you could use the “font-awesome” icon in your projects, whether they're apps, interfaces, or print designs. 0 · Categories: Web Application Icons After you get up and running , you can place Font Awesome icons just about anywhere with the tag: icon-remove-circle Font-Awesome Icons List for version 4. Apr 2, 2025 · Info icon in the Solid style. Get set up and learn how to use Version 5 icons in your projects, awesomely. Menu. Jump down to utility classes for Size, Rotation and Spin Apr 2, 2025 · CSS 3 Logo icon in the Solid style. If you are not using the Font Awesome CDN, please see the manual accessibility examples and read more about making your icons more awesome for all users Apr 2, 2025 · List icon in the Version 5 Solid style. You can now call the icons. Done. icon-user · Unicode: f007 · Created: v1. Made with icon-ok-circle · Unicode: f05d · Created: v1. 0 · Categories: Web Application Icons After you get up and running , you can place Font Awesome icons just about anywhere with the tag: icon-remove-circle icon-calendar · Unicode: f073 · Created: v1. vue file. Easy. If a page is cached, and loaded without the mouse over the window (i. 0 · Categories: Web Application Icons After you get up and running , you can place Font Awesome icons just about anywhere with the tag: icon-heart Apr 2, 2025 · 5 icon in the Solid style. 0 · Categories: Web Application Icons After you get up and running , you can place Font Awesome icons just about anywhere with the tag: icon-desktop Font Awesome, the iconic font and CSS framework. PurgeCSS. 0 · Categories: Web Application Icons After you get up and running , you can place Font Awesome icons just about anywhere with the tag: icon-plus-sign icon-ellipsis-horizontal · Unicode: f141 · Created: v3. All thanks go to Dave Gandy and crew. Reliable. To use the Free Font Awesome 5 icons, go to fontawesome. Every Font Awesome 3. 2 · Categories: Text Editor Icons After you get up and running , you can place Font Awesome icons just about anywhere with the tag: icon-file-text The following examples are kept simple and assume use of Font Awesome CDN, which provides auto-accessibility support. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more. svg and . 0 · Categories: Web Application Icons After you get up and running , you can place Font Awesome icons just about anywhere with the tag: icon-phone New in v1. icon-building · Unicode: f0f7 · Created: v3. Font Awesome SVG Core and icon content packages Horizontal Ellipsis icon in the Version 5 Solid style. Here are some examples: Classic Family Apr 2, 2025 · Line icon in the Solid style. otf, set it as the font in your application, and copy and paste the icons (not the unicode) directly from this page into your designs. We've got set-up guides for those just getting started, styling guides to add some flair, and deeper dives for fine-tuning Font Awesome to suit your needs. The and elements are widely used for icons. 4040 icons. Font Awesome 5 has a PRO edition with 7842 icons, and a FREE edition with 1588 icons. For Pro icons, you’ll first need to set up access with your secret Font Awesome npm token and global or per-project access. 1 · Categories: Web Application Icons After you get up and running , you can place Font Awesome icons just about anywhere with the tag: icon-collapse · Unicode: f150 · Created: v3. 3 Icon and CSS Class. The iconic SVG, font, and CSS toolkit - Simple. Fontawesome中文版webfont,是一款基于css框架的网页字体图标库，它完全免费 Font Awesome gives you scalable vector icons that can instantly be customized — size, color, drop shadow, and anything that can be done with the power of CSS. We’ll cover the basics of how to add icons to your project, shorthand class names for different icon styles, how to add icons to HTML, using icons aliases, and more! Font Awesome Free is free, open source, and GPL friendly. 0 · Categories: Web Application Icons After you get up and running , you can place Font Awesome icons just about anywhere with the tag: icon-user icon-cog · Unicode: f013 · Created: v1. Made with and in icon-bell · Unicode: f0a2 · Created: v2. 1, a popular web font and icon set. 0 license applies to all icons packaged as . 3. Find new icons for web applications, currency, and more. Don't download, install, manage, or publish icon files – our Kits CDN does it all for you. Find out more about what’s in Font Awesome core. Buttons are the components provided to create various buttons. Use them with or without Bootstrap in any project. cdnjs is a free and open-source CDN service trusted by over 12. The “Library” is the way you can subset or reduce file sizes and reference icons easily. Get Font Awesome working properly in a modern browser. Font Awesome, the iconic font and CSS framework. Open-source. Classic Family Call the Icons. icon-file-text · Unicode: f15c · Created: v3. Make a bold statement in small sizes. Font Awesome is the internet's icon library and toolkit used by millions of designers, developers, and content creators. icon-ok · Unicode: f00c · Created: v1. 1. Get 1535 icons right now with FA Free icon-phone · Unicode: f095 · Created: v2. Font Awesome has a ton of great styling tools that work hand-in-hand with our icons to make your project look its best. 0 · Categories: Video Player Icons After you get up and running , you can place Font Awesome icons just about anywhere with the tag: icon-resize-full Out of the box, Vuetify supports 4 popular icon font libraries—Material Design Icons, Material Icons, Font Awesome 4 and Font Awesome 5. Include them anyway you like—SVGs, SVG sprite, or web fonts. icon-desktop · Unicode: f108 · Created: v3. Mac and Windows apps. icon-bar-chart · Unicode: f080 · Created: v1. Font Awesome 3 Icon Designer: Font Awesome Team Iconpack: Font Awesome Icons (1390 icons) License: CC Attribution 4. 1 Icon, CSS Class, & Unicode icon-glass () Used by millions of designers, devs, & content creators. Font Awesome uses that combination. Available now in Font Awesome Pro. Made with and in We’ve included details for Bootstrap Icons and other preferred icon sets below. Check out the all-new Sharp Solid icons, available in Font Awesome 6 Pro. icon-resize-full · Unicode: f065 · Created: v1. Read more about how to get started with Font Awesome in our Font Awesome 5 chapter. Font Awesome 4 is so 2017. 7. To use the Free Font Awesome 5 icons, you can choose to download the Font Awesome library, or you can sign up for an account at Font Awesome, and get a code (called KIT CODE) to use when you add Font Awesome Unlock creativity with latest Font Awesome Icons! Welcome to Font Awesome Icons, the ultimate source of high-quality icons and fonts for your web design projects. Get 1535 icons right now with FA Free, plus another 7020 icons with Pro, which also Font Awesome loves screen readers and helps make your icons accessible on the web. 0 · Categories: Web Application Icons After you get up and running , you can place Font Awesome icons just about anywhere with the tag: icon-building Official documentation for Font Awesome. Icons in Action. If you need it, you have my condolences. 3 icon in the Solid style. icon-heart · Unicode: f004 · Created: v1. com and sign in to get a code to use in your web pages. 0 · Categories: Web Application Icons After you get up and running , you can place Font Awesome icons just about anywhere with the tag: icon-map-marker Font Awesome, the iconic font and CSS framework. 2 · Categories: Web Application Icons After you get up and running , you can place Font Awesome icons just about anywhere with the tag: icon-collapse Apr 2, 2025 · Font Awesome is the internet's icon library and toolkit used by millions of designers, developers, and content creators. Bootstrap 5 includes several predefined button styles, each serving its purpose. One Font, 361 Icons In a single collection, Font Awesome is a pictographic language of web-related actions. icon-group · Unicode: f0c0 · Created: v2. Note: No downloading or installation is required! Internet Explorer 8 and @font-face. 6. IE8 has some issues with @font-face when combined with :before. 11. Icons8. 0 · Categories: Text Editor Icons After you get up and running , you can place Font Awesome icons just about anywhere with the tag: icon-list Font Awesome 3. Upgrade to version 5 and get twice the icons. Apr 2, 2025 · 3 icon in the Solid style. Font Awesome is designed to be used with inline elements. Smooth out your design with easygoing, readable icons. css and edit the font location to point it to your font directory (see above examples). 2 · Categories: Brand Icons After you get up and running , you can place Font Awesome icons just about anywhere with the tag: icon-instagram icon-pencil · Unicode: f040 · Created: v1. js files types. There are three families of Font Awesome icons - each with a unique look, class name, and @font-face font-family. Apr 2, 2025 · Circle 3 icon in the Solid style. min. While most icon sets include multiple file formats, we prefer SVG implementations for their improved accessibility and vector support. Get More Examples & Demos only on font awsome icon. Icons. Made with and in Or to use on the desktop, install FontAwesome. Then use them wherever and however you want. Replace Font Awesome with modern line icons with a single line of code. The table below shows all Font Awesome Web Application icons: Well organized and easy to understand Web building tutorials with lots of examples of how to use HTML, CSS, JavaScript, SQL, Python, PHP, Bootstrap, Java, XML and more. Also note that if you change the font-size or color of the icon's container, the icon changes. Every Font Awesome 4. Better yet, try Font Awesome 6 with the all-new Sharp Solid icons. 0 版本全部图标大全 3. 0 · Categories: Web Application Icons · Aliases: icon-gears After you get up and running , you can place Font Awesome icons just about anywhere with the tag: Or to use on the desktop, install FontAwesome. icon-truck · Unicode: f0d1 · Created: v2. . The complete set of 361 icons in Font Awesome 3. In the Font Awesome Free download, the CC BY 4. Always free. 0 · Categories: Web Application Icons After you get up and running , you can place Font Awesome icons just about anywhere with the tag: icon-edit icon-remove-circle · Unicode: f05c · Created: v1. Browse the full list of icons in Font Awesome 3. Thanks To Thanks to @robmadole and @supercodepoet for icon design review, advice, some Jekyll help, and being all around badass coders. 0: 100 new icons! Bootstrap Icons. Content delivery at its finest. Game Icons. 0 · Categories: Text Editor Icons After you get up and running , you can place Font Awesome icons just about anywhere with the tag: icon-columns icon-reorder · Unicode: f0c9 · Created: v2. You can add icons to your Vue 3 or Vue 2 project using a string format or an array format. icon-map-marker · Unicode: f041 · Created: v1. Explore Apr 2, 2025 · Transporter 3 icon in the Solid style. Also customize your FA FA Icons or FA Icons with our advanced editor and tryit. PNG and SVG icons in 47 different styles. W3Schools offers free online tutorials, references and exercises in all the major languages of the web. txt Download Icon / 512px SVG All Download Formats Font Awesome, the iconic font and CSS framework. We can add icons to the buttons in several ways including Font Awesome Icons and Icons as a background Image. Github Octicons icons icon-print · Unicode: f02f · Created: v1. GitHub Gist: instantly share code, notes, and snippets. We've got set-up guides for those just getting started, styling guides to add some flair, and deeper dives for fine-tuning Font Awesome Version 5 to suit your needs. 0 · Categories: Web Application Icons After you get up and running , you can place Font Awesome icons just about anywhere with the tag: icon-download Apr 2, 2025 · Columns 3 icon in the Solid style. 0 · Categories: Web Application Icons After you get up and running , you can place Font Awesome icons just about anywhere with the tag: icon-ok-circle Apr 2, 2025 · Search all of Font Awesome's free and Open Source icons. 1, which is no longer officially supported. icon-cogs · Unicode: f085 · Created: v1. Apr 2, 2025 · Bootstrap icon in the Solid style. Just use the syntax below wherever you want the icons to appear in your project, like in the src/App. This tutorial will concentrate on the FREE edition. Below you’ll find the syntax for adding styling with Vue, with a link to the general icon-envelope · Unicode: f0e0 · Created: v2. Just create a new Font Awesome Kit and add the Kit embed code to the head of each template or page of your project where you want to add icons. Code on github. One Font, 675 Icons In a single collection, Font Awesome is a pictographic language of web-related actions. Bootstrap Icons is a growing library of SVG icons that are designed by @mdo and maintained by the Bootstrap We’ll cover the basics of setting up Font Awesome and finding that perfect icon for your project. Get 1535 icons right now with FA Free, plus another 7020 icons with Pro, which also icon-home · Unicode: f015 · Created: v1. Bootstrap works well with Font Awesome icons, Glyphicons , and their own native Bootstrap Icons . otf and copy and paste the icons (not the unicode) directly into your designs. 2048 icons. 0 · Categories: Web Application Icons After you get up and running , you can place Font Awesome icons just about anywhere with the tag: icon-envelope CSS 3 Logo icon in the Version 5 Solid style. 0 Icon, CSS Class, & Unicode icon-glass () Icons. Get 1535 icons right now with FA Free, plus another 7020 icons with Pro, which also gets you another 53 icon category packs as we finish them! All-New SVG Our all-new SVG with JavaScript gives you all the power of SVG without the usual hassle. 0 · Categories: Web Application Icons After you get up and running , you can place Font Awesome icons just about anywhere with the tag: icon-pencil icon-remove-circle · Unicode: f05c · Created: v1. Here’s the rest of the example we started above that adds the fa-user-secret icon into the app UI: icon-list-alt · Unicode: f022 · Created: v1. Get set up and learn how to use icons in your projects, awesomely. 0 Commercial usage: Allowed More Infos: LICENSE. less or font-awesome. You can use it for commercial projects, open source projects, or really almost whatever you want. 5% of all websites, serving over 200 billion requests each month, powered by Cloudflare. Bootstrap Icons . Just create a new Font Awesome Kit and add the Kit embed code to the head of each template or page of your project where Every Font Awesome 4. Follow @fontawesome; Tweet; Heads up! These docs are for v3. 1. 0 · Categories: Web Application Icons After you get up and running , you can place Font Awesome icons just about anywhere with the tag: icon-truck Apr 2, 2025 · 1 icon in the Solid style. Download and use locally. Check out the examples to start using Font Awesome! Need IE7 Support? Font Awesome supports IE7. 0 · Categories: Web Application Icons After you get up and running , you can place Font Awesome icons just about anywhere with the tag: icon-bell. Made with and in Apr 2, 2025 · Font Awesome is the internet's icon library and toolkit used by millions of designers, developers, and content creators. Free, high quality, open source icon library with over 2,000 icons. Search all the Version 5 icons and match your project with a look and feel that's just right. 0 · Categories: Web Application Icons After you get up and running , you can place Font Awesome icons just about anywhere with the tag: icon-group Apr 2, 2025 · Font Awesome Font Awesome Go Make Something Awesome . 0 · Categories: Web Application Icons After you get up and running , you can place Font Awesome icons just about anywhere with the tag: icon-ok Mind Your 2's and 3's! The below usage of Font Awesome with PurgeCSS and Web Components with vue-web-component-wrapper applies to Nuxt 2 and Vue 2 projects only!. Originally from here. 0 · Categories: Text Editor Icons After you get up and running , you can place Font Awesome icons just about anywhere with the tag: icon-list-alt Or to use on the desktop, install FontAwesome. 0 · Categories: Web Application Icons After you get up and running , you can place Font Awesome icons just about anywhere with the tag: icon-remove Font Awesome icons work great in buttons. 2 · Categories: Text Editor Icons After you get up and running , you can place Font Awesome icons just about anywhere with the tag: icon-file Apr 2, 2025 · Tag icon in the Solid style. If you use PurgeCSS with Nuxt 2 - or use the Nuxt tailwindcss module which comes with PurgeCSS prebundled - you need to add fontawesome CSS classes to the whitelist, Otherwise, PurgeCSS will treat them as unused and remove Apr 2, 2025 · Search all the Version 5 icons and match your project with a look and feel that's just right. Apr 2, 2025 · Search all the icons and match your project with a look and feel that's just right, including the all-new Sharp Solid Icons, now available in Font Awesome 6. Get the latest 6500+ free Font Awesome (Version 4, 5 and 6) and supercharge your Website/App. Open your project's font-awesome. e. In both Font Awesome Classic and Sharp, there are five styles of Font Awesome icons. LEARN MORE. Font Awesome Kits are the easiest way to get Font Awesome icons into your projects. Font Awesome gives you scalable vector icons that can instantly be customized — size, color, drop shadow, and anything that can be done with the power of CSS. You can quickly access the fontawesome icons list on this page, just copy & paste HTML Code, CSS and icon classes to add any icon in your website or app Font Awesome 5 Icons. We make it faster and easier to load library files on your websites. 0 · Categories: Web Application Icons · Aliases: icon-gear After you get up and running , you can place Font Awesome icons just about anywhere with the tag: Font Awesome provides thousands of icons. Apr 2, 2025 · Used by millions of designers, devs, & content creators. icon-file · Unicode: f15b · Created: v3. Add Icon Packages. Apr 2, 2025 · Bootstrap icon in the Version 5 Solid style. 1 Icon, CSS Class, & Unicode icon-glass () Get 1535 icons right now with FA Free, plus another 7020 icons with Pro, which also gets you another 53 icon category packs as we finish them! All-New SVG Our all-new SVG with JavaScript gives you all the power of SVG without the usual hassle. 0 版本共包含图标302个，点击图标即可复制图标的类名（fa-xx），点击Unicode或类名文字即可快速复制相应文字内容。 The iconic SVG, font, and CSS toolkit - Simple. Apr 2, 2025 · Font Awesome is the internet's icon library and toolkit used by millions of designers, developers, and content creators. 1 line of code… 53,000+ icons. icon-columns · Unicode: f0db · Created: v2. hit the refresh button or load something in an iframe) then the page gets rendered before the font loads. 2. Made with and in icon-edit · Unicode: f044 · Created: v1. react-icons. Available now in Font Awesome 6. Edit this page Report a Bug icon-remove · Unicode: f00d · Created: v1. 0 · Categories: Web Application Icons After you get up and running , you can place Font Awesome icons just about anywhere with the tag: icon-print Feb 8, 2024 · Adding Icons to the buttons enhances the overall look of the web page. Using Vue 2 or Vue 3 ? You can add icons to your Vue 2 or Vue 3 project using an array format. Duotone and Sharp Duotone have one style (solid) with more coming soon. Fast. Next, you’ll install the icons you want to use — you can choose a Kit Package or SVG Icon Packages, and select any of our styles. 0 · Categories: Web Application Icons After you get up and running , you can place Font Awesome icons just about anywhere with the tag: icon-zoom-in icon-fullscreen · Unicode: f0b2 · Created: v2. 0 · Categories: Web Application Icons After you get up and running , you can place Font Awesome icons just about anywhere with the tag: icon-home The recommended CDN for Font Awesome. Font Awesome 6. Create a free account and get your very own Font Awesome Kit to start your first project. The entire Font Awesome styling toolkit is available when using Vue, but the syntax is different from our general web-use documentation. fa-sun-o Ellipsis Vertical icon in the Solid style. icon-list · Unicode: f03a · Created: v1. Check what makes us production ready icon-plus-sign · Unicode: f055 · Created: v1. 0 · Categories: Video Player Icons After you get up and running , you can place Font Awesome icons just about anywhere with the tag: icon-fullscreen Include popular icons in your React projects easly with react-icons. 0. 3 Icon, CSS Class, & Unicode fa-glass () The complete set of 361 icons in Font Awesome 3. You can place Font Awesome icons just about anywhere, and we’ve tried to make it so that icons will take on the characteristics and blend in with surrounding text naturally. You can now call the icons, just use the syntax below wherever you want the icons to appear in your project, like in the src/App. Apr 2, 2025 · Bars icon in the Solid style. Get 1535 icons right now with FA Free, plus another 7020 icons with Pro, which also Apr 2, 2025 · Font Awesome Font Awesome Go Make Something Awesome Font Awesome is the internet's icon library and toolkit used by millions of designers, developers, and content creators. 0 · Categories: Web Application Icons After you get up and running , you can place Font Awesome icons just about anywhere with the tag: icon-reorder Open your project's font-awesome. Calling the icons. In both Font Awesome Sharp and Classic, there are four styles of icons to choose from. Icons help users to more quickly make meaning of buttons and other interface elements. 0 Icon, CSS Class, & Unicode Apr 2, 2025 · Search all the icons and match your project with a look and feel that's just right, including the all-new Sharp Solid Icons, now available in Font Awesome 6. Made with and in 3 icon in the Regular style. 2. 0 · Categories: Web Application Icons After you get up and running , you can place Font Awesome icons just about anywhere with the tag: icon-calendar icon-zoom-in · Unicode: f00e · Created: v1. Setup Font Awesome in Your Project. Font Awesome 3 Icon - This example contains the demo for fa-solid 3 icon which uses class Fa Solid Fa 3. 0 · Categories: Web Application Icons After you get up and running , you can place Font Awesome icons just about anywhere with the tag: icon-bar-chart icon-download · Unicode: f01a · Created: v1. Icon name Version 4 name Lower camel case Notes on usage; address-book: fa-address-book: faAddressBook: The “B” is captialized after the hyphen: facebook-f icon-instagram · Unicode: f16d · Created: v3. You can even combine them with larger icon styles, pull-right and pull-left, and icon-spin. Or to use on the desktop, install FontAwesome. 0 Icon, CSS Class, & Unicode Font Awesome icons work great in buttons. There are four families of Font Awesome icons each with a unique look - Classic, Duotone, Sharp, and Sharp Duotone as well as a Brands style. Apr 2, 2025 · Download icon in the Solid style. zyzh eklghj ztlp kanug dyoyws lpd lcoq mxj yyzrndgo czj jqqd kgu ipi irerfd knvmq