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.
Icon styles
Compare the core styled icon treatments, including solid, outline, ghost, soft, and soft outlined variants.
Outline variants
Use outlined styles for lighter emphasis while keeping the icon shape clearly defined.
Soft variants
Use soft fills when you want color without the weight of a solid treatment.
Soft outlined variants
Combine soft backgrounds and outlines for a light but still structured icon style.