Even More Icons We Can Add into Our React App with React Icons

Even More Icons We Can Add into Our React App with React Icons

In this article, we’ll look at how to adding icons to a React app with React Icons. Even More Icons We can Add into Our React App with React Icons. Material Design Icons.We'll be using an npm package that will enable us to use icons from some of the most well-known icon libraries out there.

React Icons is a library with lots of icons we can add to our React app.

In this article, we’ll look at how to add icons to our React app with React Icons.

Material Design Icons

We can add Material Design icons from the react-icons/md collection.

For instance, we can write:

import React from "react";
import { Md3DRotation } from "react-icons/md";

export default function App() {
  return (
    <h3>
      <Md3DRotation />
    </h3>
  );
}

to add an icon from the collection.

The full list of icons can be found at  https://react-icons.github.io/react-icons/icons?name=md

Remix Icon

React Icons comes with the Remix Icon collection.

We can import them from the react-icons/ri module.

For instance, we can write:

import React from "react";
import { RiAncientGateLine } from "react-icons/ri";

export default function App() {
  return (
    <h3>
      <RiAncientGateLine />
    </h3>
  );
}

technology software-development javascript programming

What is Geek Coin

What is GeekCash, Geek Token

Best Visual Studio Code Themes of 2021

Bootstrap 5 Tutorial - Bootstrap 5 Crash Course for Beginners

Nest.JS Tutorial for Beginners

Hello Vue 3: A First Look at Vue 3 and the Composition API

Offshore Software Development - Best Practices

To make the most out of the benefits of offshore software development, you should understand the crucial factors that affect offshore development.

Hire Dedicated JavaScript Developers -Hire JavaScript Developers

Hire dedicated JavaScript Developers who are proficient in AngularJS, ReactJS, NodeJS, & VueJS frameworks. Get flexible hiring models as per your business requirements.

5 Core Criteria for Selecting Software Development Company - TopDevelopers.co

Check out these five criteria for the selection of your software vendor, and you will never regret having the wrong quality product made for you.

Best Software Development Company in Melbourne

Software Development Company in Sydney, Melbourne. Vrinsoft is Australia based Software Development Agency provides software solutions to increase your sales, reduce costs, and automates business processes with cost-effective, high-quality software development services.

JS Development Company India | JavaScript Development Services

Best JavaScript web app development company in India, PixelCrayons provides full stack JS development & maintenance. 16+ Yrs Exp., 60% less cost, Strict NDA