Security News
JSR Working Group Kicks Off with Ambitious Roadmap and Plans for Open Governance
At its inaugural meeting, the JSR Working Group outlined plans for an open governance model and a roadmap to enhance JavaScript package management.
@fortawesome/free-regular-svg-icons
Advanced tools
@fortawesome/free-regular-svg-icons is a package that provides a collection of free regular icons from Font Awesome. These icons can be used in web applications to enhance the user interface with visually appealing and consistent iconography.
Importing Icons
This feature allows you to import specific icons from the package. In this example, the 'faAddressBook' icon is imported for use in a project.
import { faAddressBook } from '@fortawesome/free-regular-svg-icons';
Using Icons with React
This feature demonstrates how to use the imported icons in a React component. The 'FontAwesomeIcon' component is used to render the 'faAddressBook' icon within a React application.
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
import { faAddressBook } from '@fortawesome/free-regular-svg-icons';
function App() {
return (
<div>
<FontAwesomeIcon icon={faAddressBook} />
</div>
);
}
Using Icons with Vue
This feature shows how to use the icons in a Vue.js application. The 'library.add' method is used to add the 'faAddressBook' icon to the library, and the 'FontAwesomeIcon' component is registered for use in Vue components.
import { library } from '@fortawesome/fontawesome-svg-core';
import { faAddressBook } from '@fortawesome/free-regular-svg-icons';
import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome';
library.add(faAddressBook);
export default {
components: {
FontAwesomeIcon
}
};
This package provides a collection of free solid icons from Font Awesome. It is similar to @fortawesome/free-regular-svg-icons but offers solid versions of the icons, which are filled rather than outlined.
This package offers a collection of free brand icons from Font Awesome. It includes icons for various brands and logos, making it useful for applications that need to display brand-specific icons.
The react-icons package provides a wide range of icons from various icon libraries, including Font Awesome, Material Design, and more. It offers a more extensive selection of icons compared to @fortawesome/free-regular-svg-icons and is designed specifically for React applications.
This package provides Material Design icons from Google. It offers a different style of icons compared to Font Awesome, focusing on the Material Design aesthetic. It is a good alternative for projects that prefer the Material Design look.
"I came here to chew bubblegum and install Font Awesome 5 - and I'm all out of bubblegum"
$ npm i --save @fortawesome/free-regular-svg-icons
Or
$ yarn add @fortawesome/free-regular-svg-icons
Get started here. Continue your journey here.
Or go straight to the API documentation.
Start with GitHub issues and ping us on Twitter if you need to.
FAQs
The iconic font, CSS, and SVG framework
The npm package @fortawesome/free-regular-svg-icons receives a total of 599,888 weekly downloads. As such, @fortawesome/free-regular-svg-icons popularity was classified as popular.
We found that @fortawesome/free-regular-svg-icons demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 7 open source maintainers collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
At its inaugural meeting, the JSR Working Group outlined plans for an open governance model and a roadmap to enhance JavaScript package management.
Security News
Research
An advanced npm supply chain attack is leveraging Ethereum smart contracts for decentralized, persistent malware control, evading traditional defenses.
Security News
Research
Attackers are impersonating Sindre Sorhus on npm with a fake 'chalk-node' package containing a malicious backdoor to compromise developers' projects.