The iconic SVG, font, and CSS toolkit

Related tags

Learning resource css font fontawesome icons svg-icons webfont svg-sprites
Overview

Font Awesome Free

Version 6

Font Awesome is the Internet's icon library and toolkit, used by millions of designers, developers, and content creators.

Documentation

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

Docs for version 6

Where did Font Awesome 5, 4 (or 3) go?

Now that Font Awesome 6 has been released we are marking version 5 as Long Term Suport (LTS). Version 5 will get critical bug fixes only. Version 3 and 4 are now end-of-life and we don't plan on releasing any further versions of the 4.x or 3.x.

You can see a complete list of versions on our Versions page.

Change log

The change log for releases is now available directly on our site.

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.

Code of conduct

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

Contributing

Please read through our contributing guidelines. Included are directions for opening issues.

Versioning

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

<major>.<minor>.<patch>

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

The major version "6" is part of an umbrella release. It includes many different types of files and technologies. Therefore we deviate from normal SemVer in the following ways:

  • Any release may update the design, look-and-feel, or branding of an existing icon
  • We will never intentionally release a patch version update that breaks backward compatibility
  • A minor release may include backward-incompatible changes but we will write 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 backward incompatibility then they will be minor releases

License

Font Awesome Free is free, open source, and GPL friendly. You can use it for commercial 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 Font Awesome Free files already contain embedded comments with sufficient attribution, so you shouldn't need to do anything additional when using these files normally.

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

Team

https://github.com/orgs/FortAwesome/people

Comments
  • Icon request: icon-discord [will be available in Font Awesome 5]

    Icon request: icon-discord [will be available in Font Awesome 5]

    Hey,

    I want the logo of Discord as an Font-Awesome icon. I would use it on serval websites to allow people to easily join our Discord Lobby.

    It would be cool if theres one icon in the speech bubble (like in the favicon) and one icon just the controller: https://discordapp.com/

    Best regards, Sidcode

    new icon brand icon 
    opened by tinyoverflow 403
  • Icon request: free-code-camp

    Icon request: free-code-camp

    Free Code Camp is a fast growing open source community of people who practice coding by doing pro bono work for nonprofits. Here's our iconographic logo:

    https://pbs.twimg.com/profile_images/692531829287567360/ytP7U362.png

    Our community members plan to use Font Awesome's Free Code Camp icon when building projects that link back to Free Code Camp, such as their portfolios. We would use it internally in our community as well.

    new icon brand icon 
    opened by QuincyLarson 308
  • Icon request: icon-hourglass set

    Icon request: icon-hourglass set

    I would love if you guys would add a cascade of hour glass icons.

    1. Hour Glass 0% - All sand at the top
    2. Hour Glass 25% - 75% sand at the top and 25% in the bottom with stream
    3. Hour Glass 50% - 50% sand at the top and 50% in the bottom with stream
    4. Hour Glass 75% - 25% sand at the top and 75% in the bottom with stream
    5. Hour Glass 100% - All sand at the bottom
    new icon web application icons (legacy category) 
    opened by ghost 256
  • Icon request: icon-infinity (icon-infinite)

    Icon request: icon-infinity (icon-infinite)

    Hi,

    I need the infinity sign, for example to include in a sentence (quantity : icon-infinity).

    All policies don't have the same symbol so I think include it in the font-awesome projet can be a good idea.

    83033bfa-aaad-11e4-9926-6bab122b891a

    icon-infinity

    Thanks for this very awesome project !

    new icon web application icons (legacy category) released 
    opened by GabrielDelepine 202
  • Icon request: icon-grav

    Icon request: icon-grav

    A logo of a cms that is up and coming and it would be great to show them support at the footer of sites built with grav.

    https://getgrav-grav.netdna-ssl.com/user/pages/media/grav-symbol.svg

    for example used in sentence "built with love by grav(logo)

    new icon brand icon 
    opened by Vivalldi 200
  • Icon request: fa-modx

    Icon request: fa-modx

    Now that we have Joomla, Drupal and WordPress I'd love to see a MODX (http://modx.com/) icon. Its my agencies CMS of choice and having the icon in Font Awesome would be incredibly useful.

    new icon brand icon 
    opened by adamwintle 195
  • Icon request: icon-coins

    Icon request: icon-coins

    In some online selling/buying situations it makes sense to use coins to symbolize a small amount of money and to avoid being currency specific.

    I would imagine to have a symbol showing a stack of three slightly disordered coins from a 30° angle which should be enough to make a clear image.

    Example images to give an idea: coins coins-icon coins012

    new icon web application icons (legacy category) released 
    opened by mwld 183
  • Icon request: icon-viadeo

    Icon request: icon-viadeo

    Hello,

    I would like to know if there is possible to get the Vidéo icon sign. Viadéo is a french social networking specialised in business to business.

    Logo : https://www.google.fr/search?q=viad%C3%A9o+logo&oe=utf-8&aq=t&rls=org.mozilla:fr:official&client=firefox-a&um=1&ie=UTF-8&hl=fr&tbm=isch&source=og&sa=N&tab=wi&ei=uxdTUdaEC4PLPbeOgeAO&biw=1280&bih=840&sei=xhdTUY8ew9w90uSB6As

    Thanks!

    Mitch

    new icon brand icon 
    opened by mitch621 180
  • Icon request: icon-ok / icon-ok-sign (icon-odnoklassniki)

    Icon request: icon-ok / icon-ok-sign (icon-odnoklassniki)

    This is a request for a brand icon for Odnoklassniki - russian social network (translation - Classmates).

    Font awesome has a lot of social networks icons, but this one is still missing. I think it would be useful for russia federation and other countries who work with russian people, because it's second popular social network in this region, after VK (vk logo already included in font-awesome).

    This social network has a very simple logo with O and K letters under each other, which form something like human silhouette:

    Here is an sign icon example:

    I found a lot of resourses with this logo in .eps format, here some:

    https://www.brandsoftheworld.com/logo/odnoklassniki?original=1 http://www.logotypes101.com/free_vector_logo/95777/Odnoklassniki

    Sorry if I did mistakes, english is not my native language. I use font awesome with pleasure and will be very appreciated if you include this social network logo in next version of FA.

    new icon brand icon 
    opened by antonkorda 179
  • Icon Request: fa-google-play [will be available in Font Awesome 5]

    Icon Request: fa-google-play [will be available in Font Awesome 5]

    Hey guys,

    I'm really surprised there is no Google-play-store icon and neither a request for it at all. So here am I requesting an FontAwesome Google Play Store icon.

    See the attachment for the SVG of the Google Play store. ;)

    Thanks!

    google_play_logo svg

    new icon brand icon 
    opened by Vilscon 178
  • Icon Request: icon-goodreads [will be available in Font Awesome 5]

    Icon Request: icon-goodreads [will be available in Font Awesome 5]

    goodreads logo

    I'd like to link my profile on Goodreads from my blog and as I already use your icons, it'd be great if you could include their icon in it... I think it would be good to make two versions - first one just of the black "g", second one inverted ("g" on black background).

    Thank you in advance.

    new icon brand icon 
    opened by ivafrydkova 176
  • Icon update: planet-ringed

    Icon update: planet-ringed

    I don't think the current solid icon for ringed-planet is very recognizable compared to the same icon in other styles. Maybe a little update to make the ring more visible would be beneficial. I'm not sure what would be the best way to do that, but here are some examples:

    image

    enhancement 
    opened by Arkellys 0
  • Brand request: OpenAI

    Brand request: OpenAI

    Description

    OpenAI finds itself at the center of AI as it becomes a major component of many companies through GPT and DALL•E (along with many other tools they're building).

    The SVG for their logo/mark is readily available: https://commons.wikimedia.org/wiki/File:OpenAI_Logo.svg

    Official website

    https://openai.com/

    Brand guidelines

    No response

    Icon request checklist

    brand icon 
    opened by Shpigford 0
  • Icon request: location-arrow-up

    Icon request: location-arrow-up

    It would be great to have an icon that could be used for indicating bearing or direction of travel.

    The location-arrow icon would be ideal if it was pointing up, as the fa-rotate-by class could then be used to show the appropriate bearing. However currently there's no guarantee the location-arrow will be at a known reference angle, and as it's currently pointing north east it's more complicated to calculate the correct rotation in degrees.

    Maybe have bearing-north, bearing-south, bearing-east, and bearing-west icons based on the existing location-arrow icon?

    new icon arrows (category) maps (category) 
    opened by GaryNicol 2
  • Brand request: HackMD

    Brand request: HackMD

    Description

    HackMD is a great website for antone to share their notes with markdown language.

    It should be a great icon, that we can add it on personal website for user to share their HackMD account.

    Official website

    https://hackmd.io/

    Brand guidelines

    No response

    Icon request checklist

    brand icon 
    opened by jacksonchen1998 0
  • Icon request: fa-form

    Icon request: fa-form

    Hi there,

    Wondering if Font Awesome could add a form icon.

    Currently there's a fa-wpform that has two "shark-teeths" at the top, but I would like to see a form icon without those shark-teeths, called fa-form.

    Let me know your thoughts on this.

    opened by Roybrussel 0
  • CDN email address is undeliverable

    CDN email address is undeliverable

    The email address, [email protected], on the help page, https://cdn.fontawesome.com/help, is broken. Email is undeliverable.

    Either the email needs to be resurrected or changed to a working email address.

    cdn 
    opened by SamirTalwar 3
Releases(6.2.1)
Owner
Font Awesome
Tools to help you be moar betters on the web.
Font Awesome
GitHub https://fontawesome.com
🍎Transform an SVG icon into multiple themes, and generate React icons，Vue icons，svg icons

IconPark English | 简体中文 Introduction IconPark gives access to more than 2000 high-quality icons, and introduces an interface for customizing your icon

Bytedance Inc. 6.8k Jan 5, 2023
A Javascript library to export svg charts from the DOM and download them as an SVG file, PDF, or raster image (JPEG, PNG) format. Can be done all in client-side.

svg-exportJS An easy-to-use client-side Javascript library to export SVG graphics from web pages and download them as an SVG file, PDF, or raster imag

null 23 Oct 5, 2022
一个运行在浏览器内的提词器，可翻页，可变速，可自定义字体、大小、颜色等多种选项 A teleprompter in web browser, page down, speed up , custom font family/size/color and more.

Introduction 一个运行在浏览器内的提词器，可翻页，可变速，可自定义字体、大小、颜色等多种选项 A teleprompter in web browser, page down, speed up , custom font family/size/color and more. inst

Daniel Liu 19 Aug 17, 2021
Change font for your notes and code.

Google fonts for Logseq A Logseq plugin to use Google Fonts for rendering. Google fonts have more than 1400+ fonts which can be used in Logseq now. Yo

Richard Yu 9 Dec 12, 2022
Freeze variations and features in font.

FontFreeze Freeze variations and features in font. Introduction Modern OpenType fonts support variations and features that allow customizable fonts. T

Mu-Tsun Tsai 24 Jan 6, 2023
Font-end app to test the transformer model translation from Cape Verdian Creole to English

Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np

Roberto Carlos 5 Sep 28, 2022
A html・css・svg version of the Roland TR-909 (no sound)

VECTOR-909 Roland TR-909 drum-machine with only hand-made html, svg & css. 100% vector graphics. No textures. No sound engine ... just yet! Credits Lo

André Michelle 22 Dec 7, 2022
A html・css・svg version of the Roland TR-909 (no sound)

VECTOR-909 Roland TR-909 drum-machine with only hand-made html, svg & css. 100% vector graphics. No textures. No sound engine ... just yet! Credits Lo

André Michelle 2 Jun 18, 2022
A curated collection of all country flags in SVG — plus the CSS for easier integration

flag-icons A curated collection of all country flags in SVG — plus the CSS for easier integration. See the demo. Install You can either download the w

Lipis 9.1k Jan 4, 2023
A fast and powerful http toolkit that take a list of domains to find active domains and other information such as status-code, title, response-time , server, content-type and many other

HTTPFY curently in beta so you may see problems. Please open a Issue on GitHub and report them! A Incredible fast and Powerful HTTP toolkit Report Bug

DevXprite 44 Dec 22, 2022
A Web UI toolkit for creating rapid prototypes, experiments and proof of concept projects.

MinimalComps2 A Web UI tookkit for creating rapid prototypes, experiments and proof of concept projects. The site: https://www.minimalcomps2.com/ Full

Keith Peters 32 Apr 18, 2022
Next js boilerplate with redux toolkit, redux persist and axios

This is a Next.js project bootstrapped with create-next-app. Getting Started First, run the development server: npm run dev # or yarn dev Open http://

Jorge Alberto Villarreal Gongora 5 Apr 25, 2022
Command-line toolkit for parsing, compiling, transpiling, optimizing, linking, dataizing, and running EOLANG programs

First, you install npm and Java SE. Then, you install eolang package: $ npm install eolang Then, you write a simple EO program in hello.eo file in th

objectionary 17 Nov 17, 2022
Toolkit for development, test and deploy smart-contracts on Waves Enterprise ecosystem.

JS Contract SDK Toolkit for development, test and deploy smart-contracts on Waves Enterprise ecosystem. Quickstart The fastest way to get started with

Waves Enterprise 20 Dec 15, 2022
Toolkit for building scalable web applications with TypeScript, React, Redux and Apollo-Client

TsToolbox Toolkit for building scalable web applications with TypeScript, React, Redux and Apollo-Client (inspired by ReKit) ⚠ ⚠ ⚠ Work in Progress ⚠

Daniel Nikravesh 7 Apr 14, 2022
starter kit for interacting with zora api, protocol, and creator toolkit

This is a Next.js project bootstrapped with create-next-app. Getting Started First, run the development server: npm run dev # or yarn dev Open http://

tranqui.eth 40 Oct 20, 2022
Trying 5 Redux Alternatives (Zustand, Recoil, Jotai, Rematch and Redux-Toolkit). Expalined on CoderOne Ytb channel

Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np

Islem Maboud 5 Oct 3, 2022
Statistics toolkit for JavaScript

statkit A statistics toolkit for javascript. Usage Install using npm: npm install statkit Fit a linear regression model using MCMC: var sk = require(

Erik Rigtorp 50 Dec 19, 2022
Amelia is an open-source creative-coding toolkit for modern JavaScript

amelia Amelia is an open-source creative-coding toolkit for modern JavaScript. Amelia is a collection of APIs meant to make it easy to create sketches

null 12 Jun 10, 2022