Hello World Icons

Welcome to Hello World Icons for React — an extensive library of meticulously crafted icons designed to elevate the visual appeal of your web and mobile applications. With Hello World Icons, you gain access to a vast selection of icons tailored to suit every need, allowing for highly customizable and dynamic user interfaces.

Features

• Autocomplete for Efficiency: Swiftly find the icon you need with our intuitive autocomplete feature, streamlining your design process.
• Customizable Size: Freedom to scale: adjust icon sizes effortlessly to match your design requirements.
• Multiple Variants: Seven distinct variants ensure that you can select the perfect style to match your project's aesthetics.
• Unlimited Colors: Customize icon colors with ease, giving you the ability to maintain consistency with your brand's color palette.
• Expansive Library: Access over 27,000 icons within the library, ensuring you'll find the exact icon for every context.

How to Use

Using Hello World Icons is straightforward. Here’s a quick example of how an icon component can be utilized:

import { IconName } from "hello-world-icons";

const App = () => {
  return (
    <div>
      <IconName 
        size={48} 
        color="#FF0000" 
        variant="stroke"
      />
    </div>
  );
};

Installation

To install hello-world-icons, simply run the following command in your project directory:

npm install hello-world-icons

Or if you prefer using Yarn:

yarn add hello-world-icons