Security News
Node.js EOL Versions CVE Dubbed the "Worst CVE of the Year" by Security Experts
Critics call the Node.js EOL CVE a misuse of the system, sparking debate over CVE standards and the growing noise in vulnerability databases.
@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 6 - 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 679,241 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
Critics call the Node.js EOL CVE a misuse of the system, sparking debate over CVE standards and the growing noise in vulnerability databases.
Security News
cURL and Go security teams are publicly rejecting CVSS as flawed for assessing vulnerabilities and are calling for more accurate, context-aware approaches.
Security News
Bun 1.2 enhances its JavaScript runtime with 90% Node.js compatibility, built-in S3 and Postgres support, HTML Imports, and faster, cloud-first performance.