One Library

Everywhere Smooth

Designed for developers, optimized for flawless performance. Integrate seamlessly across web and native platforms without changing your workflow.

Installation

Run the following command in your terminal to add it to your project:

Terminal

npm install smooth-icon

Universal Support

The greatest strength of Smooth Icon is its consistency. Whether it's a React (Web) or React Native project, you can use your icons with the exact same import and syntax. No need to refactor your code when switching platforms.

React Web

<SmoothIcon 
  name="heart" 
  size={24} 
/>

React Native

<SmoothIcon 
  name="heart" 
  size={24} 
/>

Core Props

name

Icon Identifier

Specifies the exact name of the icon you want to display. e.g., "user-outlined"

size

Dimension Control

Sets the width and height of the icon in pixels. Accepts a numeric value (Default: 24).

color

Color & Flexibility

Accepts any valid CSS color value (Hex, RGB, HSL).
Pro Tip: Use the currentColor value to make the icon automatically inherit the text color of its parent element.