Overview

The @uiw/icons is a premium icon font designed for the uiwjs Component Library. It can be used for various purposes, both personal and commercial, and is licensed under MIT. The icon pack includes a wide range of icons with class names for easy copy-pasting during development. The icons can be found and selected using the search feature on the official @uiw/icons website.

Features

• Wide variety of icons designed for the uiwjs Component Library
• Search feature to easily locate specific icons
• Class names provided for easy integration into HTML elements
• Free to use, both for personal and commercial purposes
• Compatible with HTML, Less, and JS
• Support for using icons as React components
• Can be downloaded and linked manually or via UNPKG
• Build and push gh-pages branch for site deployment

Installation

HTML Example

To use @uiw/icons in HTML, follow these steps:

1. Visit the https://uiwjs.github.io/icons/ website.
2. Use the search feature to find the desired icon.
3. Copy the icon’s CSS class name.
4. Add the class name to an HTML element to display the icon.

Less Usage

To use @uiw/icons in Less, follow these steps:

1. Visit the https://uiwjs.github.io/icons/ website.
2. Use the search feature to find the desired icon.
3. Copy the icon’s CSS class name.
4. Use the class name with the “w-icon-” prefix in your Less code.

JS Usage

To use @uiw/icons in JS, follow these steps:

1. Visit the https://uiwjs.github.io/icons/ website.
2. Use the search feature to find the desired icon.
3. Copy the icon’s CSS class name.
4. Use the class name with the “w-icon-” prefix in your JS code.

Unicode Usage

To use @uiw/icons using Unicode, follow these steps:

1. Visit a Unicode website to find the desired Unicode icon.
2. Copy the Unicode icon.
3. Use the copied Unicode icon in your HTML or CSS code.

Manual Download

To manually download and link @uiw/icons in your HTML, follow these steps:

1. Download the @uiw/icons package.
2. Link the @uiw/icons CSS file in your HTML.
3. Use the icon’s class name with the “w-icon-” prefix in your HTML.

Webpack Usage with React

To use @uiw/icons as React components with webpack, follow these steps:

1. Install the required dependencies.
2. Configure the webpack loader.
3. Import the SVG icon as a React component in your code.
4. Use the imported icon component in your React components.

Summary

The @uiw/icons is a premium icon font designed for the uiwjs Component Library. It offers a wide range of icons that can be used in various contexts and applications. The icons can be easily integrated into HTML, Less, JS, and React projects. With features like a search function and class names, the @uiw/icons provides a convenient way to enhance the visual appeal of web and mobile applications.