React Devicons is a package that allows you to easily use Devicons, a collection of icons representing programming languages, development tools, and more, in your React projects.
npm install react-devicons-componentReact Devicons is a package that allows you to easily use Devicons, a collection of icons representing programming
languages, development tools, and more, in your React projects.
You can install React Devicons using npm:
``bash`
npm install react-devicons-components
Or with yarn:
``
yarn add react-devicons-components
To use a Devicon in your React component, first import the Devicon component from react-devicons. Then, use it in your
JSX, passing the name of the icon you want to use to the name prop:
`
import React from 'react';
import Devicon from 'react-devicons-components';
function Index() {
return (
export default Index;
`
In this example, the Devicon component will render the icon for React.
| Prop | Value | Usage |
|-----------|------------|-----------------------------------------------------------------------------------|
| svg | true/false | To use the SVG images instead of font icons |
| original | true/false | To use the original font/svg of the devicons (check for the site for availability |
| plain | true/false | To use the Plain font/svg of the devicons (check for the site for availability |
| wordmark | true/false | To use the Wordmark font/svg of the devicons (check for the site for availability |
| fontSize | string | used to mention the fontsize in pixels (ex: 72px) |
| className | string | Use the any css classes to manipulate the svg/font view |
For a list of available icons, please see the Devicon project and
their GitHub repository.
We welcome contributions! Please see our contributing guide for details.
React Devicons Components is licensed under the MIT License.
This README provides a brief description of the package, installation instructions, usage instructions, and a link to a
list of available icons. It also invites contributions and provides information about the license.
When writing a README, remember to keep it succinct and to the point, while providing all the information a developer
would need to understand what your package does and how to use it. And don't forget to keep it up to date as your
package evolves!
If your package has additional requirements or complexity, you may need to provide more detailed instructions or
examples. For example, if your Devicon` component accepted additional props for size or color, you would want to
document those.