Socket
Socket
Sign inDemoInstall

@fortawesome/free-solid-svg-icons

Package Overview
Dependencies
1
Maintainers
6
Versions
75
Alerts
File Explorer

Advanced tools

Install Socket

Detect and block malicious and high-risk dependencies

Install

@fortawesome/free-solid-svg-icons

The iconic font, CSS, and SVG framework


Version published
Maintainers
6
Weekly downloads
1,468,261
decreased by-9.03%

Weekly downloads

Package description

What is @fortawesome/free-solid-svg-icons?

The @fortawesome/free-solid-svg-icons package provides scalable vector icons that can instantly be customized — size, color, drop shadow, and anything that can be done with the power of CSS. It is part of the Font Awesome icon library.

What are @fortawesome/free-solid-svg-icons's main functionalities?

Adding icons to a web project

This code sample demonstrates how to import an icon (in this case, the coffee icon) from the package and use it in a React component with the help of the FontAwesomeIcon component.

import { faCoffee } from '@fortawesome/free-solid-svg-icons';
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';

<FontAwesomeIcon icon={faCoffee} />

Customizing icon size

This code sample shows how to customize the size of an icon using the 'size' prop, which accepts values like 'xs', 'lg', '6x', etc.

import { faSpinner } from '@fortawesome/free-solid-svg-icons';
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';

<FontAwesomeIcon icon={faSpinner} size='3x' />

Animating icons

This code sample illustrates how to apply an animation to an icon, such as a spinning effect, by using the 'spin' prop.

import { faSpinner } from '@fortawesome/free-solid-svg-icons';
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';

<FontAwesomeIcon icon={faSpinner} spin />

Layering and grouping icons

This code sample demonstrates how to layer multiple icons on top of each other and apply transformations such as shrinking to create a composite icon.

import { faCircle, faCheck } from '@fortawesome/free-solid-svg-icons';
import { FontAwesomeIcon, FontAwesomeLayers } from '@fortawesome/react-fontawesome';

<FontAwesomeLayers>
  <FontAwesomeIcon icon={faCircle} />
  <FontAwesomeIcon icon={faCheck} transform='shrink-6' />
</FontAwesomeLayers>

Other packages similar to @fortawesome/free-solid-svg-icons

Readme

Source

@fortawesome/free-solid-svg-icons - SVG with JavaScript version

"I came here to chew bubblegum and install Font Awesome 6 - and I'm all out of bubblegum"

npm

Installation

$ npm i --save @fortawesome/free-solid-svg-icons

Or

$ yarn add @fortawesome/free-solid-svg-icons

Documentation

Get started here. Continue your journey here.

Or go straight to the API documentation.

Issues and support

Start with GitHub issues and ping us on Twitter if you need to.

Keywords

FAQs

Last updated on 22 Mar 2022

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.

Install

Related posts

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc