This package contains a collection of font icons generated using Icomoon. These icons can be easily integrated into your projects to enhance the visual appeal and user experience. Follow the instructions below to get started.
-
Download the package from the following link: untitledui-Icons.zip
-
Extract the downloaded ZIP file to a location of your choice.
-
After extracting the ZIP file, you will find a folder named
untitledui-Icons. Open this folder. -
Within the
untitledui-Iconsfolder, locate thestyle.cssfile. This file contains the necessary CSS styles for the font icons. -
In your HTML file, include the
style.cssfile by adding the following line within the<head>section:<link rel="stylesheet" href="path/to/style.css" />
Replace "path/to/style.css" with the actual file path to the style.css file in the untitledui-Icons folder. Make sure to adjust the path according to the folder structure in your project.
-
To use an icon, insert the following code snippet in your HTML markup:
<i class="untitledUi-Iconactivity-heart"></i>
Replace "untitledUi-Iconactivity-heart" with the specific class name for the icon you wish to use. You can find the class names for all icons in the demo.html file provided within the untitledui-Icons folder.
2.Customize the appearance of the icons by applying additional CSS styles to the element, such as setting the color, size, or any other desired properties.
To view all the available icons at once, open the demo.html file located within the untitledui-Icons folder. This demo showcases the entire collection and can help you select the icons you need for your project.
Please review the license terms provided with this package to ensure proper usage and compliance.
Feel free to reach out if you have any questions or need further assistance. Happy icon integration! Acknowledgments
This font icon package was created with Icomoon (https://icomoon.io/), a powerful tool for generating custom icon fonts.