React Outline Icons

React Outline Icons is a lightweight and easy-to-use icon pack for React that provides minimalistic, modern, and customizable icons. This library is perfect for adding sharp and stylish icons to your React applications, enhancing the user interface with ease.

Usage

Here is an example of how to use the AirplayIcon from React Outline Icons in your React component:

'use client';
import React from 'react';
import { AirplayIcon } from 'react-outline-icons';

export default function Page() {
  return (
    <div
      style={{
        color: '#ff5555',
      }}
    >
      <AirplayIcon size={35} stroke='currentColor' strokeWidth={2} />
    </div>
  );
}

OR

'use client';
import React from 'react';
import { AirplayIcon } from 'react-outline-icons';

export default function Page() {
  return (
    <div>
      <AirplayIcon size={35} stroke='#ff5555' strokeWidth={2} />
    </div>
  );
}

All icons come with the following customizable props:

className: Ability to add styles through CSS
size: Adjust the size of the icon. Accepts a number representing the pixel size.
stroke: Customize the stroke color. Accepts any valid CSS color value.
strokeWidth: Define the thickness of the icon's lines. Accepts a number representing the pixel width.

License

This project is licensed under the MIT License. See the LICENSE file for more details. Contributing

Contributions

Contributions are welcome! If you have any suggestions, ideas, or improvements, feel free to submit a pull request or open an issue. Contact

Contacts

If you have any questions or feedback, you can reach out by opening an issue on the GitHub repository.