Notifications
Deja Brady sent you a friend request
2 hours • Communication
Jayvon Hull mentioned you in Minimal UI
a day • Project UI
Lainey Davidson added file to File manager
2 days • File manager
design.fig
2.3 Mb
Angelique Morse added new tags to File manager
3 days • File manager
Giana Brandt request a payment of $200
4 days • File manager
Theme Customizer
Customize layout & themes
Sidenav View
Choose sidenav layout style
Display Mode
Select Light or DarkDirection
Select a directionSidenav Color
Select sidenav theme colorIcons
Iconify for Tailwind CSS
Oscar uses the official @iconify/tailwind4 plugin. Icons are injected as pure CSS, resulting in 0kb client-side JavaScript and instant rendering.
@plugin "@iconify/tailwind4" {
prefixes: tabler, lucide, logos, devicon, circle-flags;
}
tabler: <i class="iconify tabler--ghost size-5"></i>
lucide: <i class="iconify lucide--user size-5"></i>
logos: <i class="iconify-color logos--google-icon size-5"></i>
devicon: <i class="iconify-color devicon--react size-5"></i>
flags: <i class="iconify-color circle-flags--us size-5"></i>
Note: For multicolored icons (logos, devicon, flags), use the iconify-color class instead of iconify to preserve their original colors.
Tabler Icons tabler--
Lucide Icons lucide--
Brand Logos logos--
Circle Flags circle-flags--
Google Fonts Icons
Explore IconsGoogle Fonts Icons (Material Symbols Rounded) are configured as a local web font within Oscar. This allows high-performance vector rendering.
.material-symbols-rounded {
font-family: 'Material Symbols Rounded';
font-variation-settings: 'FILL' 0;
}
<i class="material-symbols-rounded">home</i>