Tailwind CSS Styled Icons

A versatile collection of pre-styled Tailwind CSS icons in various shapes, colors, and sizes. Ideal for integrating into buttons, cards, and content blocks

Heads up!

Preline UI primarily uses Lucide Icons, a free, elegant, and consistent icon library, along with custom icons designed specifically for Preline UI.

Types

The most commonly used button styles.

Sizes

Icons stacked small to large sizes.

Color variants

Solid color variants

Predefined solid color button styles.

Outline color variants

Predefined outline color button styles.

Ghost color variants

Predefined ghost color button styles.

Soft color variants

Predefined soft color button styles.

Soft-Outlined color variants

Predefined soft-outlined color button styles.

Shape

Circular Icon

Use the .rounded-full utility class to make avatars circular.