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.
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>
);
}
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.
This project is licensed under the MIT License. See the LICENSE file for more details. Contributing
Contributions are welcome! If you have any suggestions, ideas, or improvements, feel free to submit a pull request or open an issue. Contact
If you have any questions or feedback, you can reach out by opening an issue on the GitHub repository.