Version 5 – the iconic SVG, font, and CSS framework

See full list on npmjs.com. This is a personal website developed by Aditya Chaudhari hosted on github pages. The website showcase his skills, porjects, experiences and blogs. Jul 28, 2018 Hello Alex, all.min.css contains compiled all of fontawesome scss. So if you want compile own variant (eg. Without brands or so.) you don't want import css/all.min.css, From docs: mport Font Awesome by adding @import 'scss/fontawesome.scss' in your main SCSS file. The iconic font, CSS, and SVG framework. This package has been deprecated. Author message: This package is deprecated. See for information about upgrading. This package is deprecated. See for information about upgrading.

The internet's most popular icon toolkit has been redesigned and built fromscratch. On top of this, features like icon font ligatures, an SVG framework,official NPM packages for popular frontend libraries like React, and access toa new CDN.

Not familiar with Font Awesome 5? Learnmore about oursuccessful Kickstarter and plan. You can also order Font AwesomePro which includes tons more icons directlyfrom fontawesome.com.

Documentation

Learn how to get started with Font Awesome and then dive deeper into other and advanced topics:

Using Font Awesome on the Web

Advanced Options & Techniques

Using Font Awesome on the Desktop

Where did Font Awesome 4 (or 3) go?

Now that Font Awesome 5 has been released we are marking version 4 asend-of-life. We don't plan on releasing any further versions of the 4.x or 3.x.

Documentation is still available but it's moved tohttps://fontawesome.com/v4.7.0 andhttps://fontawesome.com/v3.2.1.

The Git repository forv4.7.0 andv3.2.1 canbe found in our GitHub releases.

Change log

We'll keep track of each release in the CHANGELOG.md

Looking for older versions of Font Awesome? Check the releases.

Upgrading

From time-to-time we'll have special upgrading instructions from one version to the next.

Check out the UPGRADING.md guide when you upgrade your dependencies.

Code of conduct

We will behave ourselves if you behave yourselves. For more details see ourCODE_OF_CONDUCT.md.

Contributing

Please read through our contributing guidelines. Includedare directions for opening issues.

Versioning

Font Awesome will be maintained under the Semantic Versioning guidelines as much as possible. Releases will be numberedwith the following format:

<major>.<minor>.<patch>

For more information on SemVer, please visit http://semver.org.

The major version '5' is part of an umbrella release. It includes many different types of files and technologies. Thereforewe deviate from normal SemVer in the following ways:

Any release may update the design, look-and-feel, or branding of an existingicon
We will never intentionally release a patch version update that breaksbackward compatibility
A minor release may include backward-incompatible changes but we willwrite clear upgrading instructions in UPGRADING.md
A minor or patch release will never remove icons
Bug fixes will be addressed as patch releases unless they include backwardincompatibility then they will be minor releases

License

Font Awesome Free is free, open source, and GPL friendly. You can use it forcommercial projects, open source projects, or really almost whatever you want.

Icons — CC BY 4.0 License
- In the Font Awesome Free download, the CC BY 4.0 license applies to all icons packaged as .svg and .js files types.
Fonts — SIL OFL 1.1 License
- In the Font Awesome Free download, the SIL OLF license applies to all icons packaged as web and desktop font files.
Code — MIT License
- In the Font Awesome Free download, the MIT license applies to all non-font and non-icon files.

Attribution is required by MIT, SIL OLF, and CC BY licenses. Downloaded FontAwesome Free files already contain embedded comments with sufficientattribution, so you shouldn't need to do anything additional when using thesefiles normally.

We've kept attribution comments terse, so we ask that you do not actively workto remove them from files, especially code. They're a great way for folks tolearn about Font Awesome.

Team

5.15.2

5 months ago

5.15.0

9 months ago

5.13.1

1 year ago

5.12.1

1 year ago

5.12.0-2

2 years ago

5.11.2

2 years ago

5.11.0

2 years ago

5.10.1

2 years ago

5.10.0-14

2 years ago

5.10.0-12

2 years ago

5.10.0-10

2 years ago

5.10.0-8

2 years ago

5.10.0-6

2 years ago

5.10.0-4

2 years ago

5.9.0

2 years ago

5.10.0-1

2 years ago

5.8.1

2 years ago

5.7.2

2 years ago

5.7.0

2 years ago

5.6.2

3 years ago

5.6.0

3 years ago

5.5.0-2

3 years ago

5.4.2

3 years ago

5.4.0

3 years ago

5.3.0

3 years ago

V4.6.2 GitHub Pull Request

5.1.1

3 years ago

5.1.0-11

3 years ago

5.1.0-9

3 years ago

5.1.0-7

3 years ago

5.1.0-5

3 years ago

UDPATE: Refer to the new guide.

The article focus on FontAwesome application using npm.

Installation

Dave Gandy

Install fontawesome free packages.

To install fontawesome pro, download the latest release (I am using fontawesome-5.0.0-beta7-linuxfontawesome-5.0.0-rc5-linux~~fontawesome-pro-5.0.4). Extract it to a permanent directory, goto ~~packagesadvanced-options/use-with-node-js directory and execute npm link to the packages.

Npm Install @fortawesome/font Awesome-free

Go to project directory to install the packages using npm link <PACKAGE_NAME>.

If ESLint complaint of import/no-extraneous-dependencies, edit package.json to add the following. Version number can be found at fontawesome-5.0.0-rc5-linux/advanced-options/use-with-node-js/fontawesome-pro-solid/package.json.

Usage

The sample below load a icon and replace a HTML element with a SVG icon.

You can also load icon by string.

~~Load icon by string using prefix fa or omission of prefix doesn’t work at the moment, unless you apply a hack to the libraries (v0.0.14).~~

NOTE: Since v1.1.2 / fontawesome-pro-5.0.4, no hack is required.

SPECIAL NOTE:Selective Import FontAwesome Icon To Reduce Size For Webpack

Automatic SVG Replacement (Javacript)

Assuming you want to replace all fa-* classes with svg icon, it’s quite easily done using javascript.

Automatic SVG Replacement (npm)

~~To replace all fa-* classes with svg icon using npm is a bit tricky and require a hack as well (v0.0.14).~~

NOTE: Since v1.1.2 / fontawesome-pro-5.0.4, no hack is required. Just call fontawesome.library.add and fontawesome.dom.i2svg.

Webpack

If you are using Webpack, you will probably notice fontawesome-pro doesn’t split properly into vendor.js (only affect PRO version). Reason is we use npm link and the resolved path is not /node_modules. I use /use-with-node-js/ to detect fontawesome packages.

Edit webpack.conf.js.

References

Buy me a coffee☕ or support my work to keep this space 🖖 and ad-free.
If you can't, do send some 💖 to @d_luaz or help to share this article.

Pixtory App (Alpha) - easily organize photos on your phone into a blog.
COVID-19 - data, chart, information & news.

Npm Install Fortawesome Font Awesome-free