English Espanol Japanese
Notifications
Critical alert: Server crash detected
Just now
Emiliya mentioned in you a comment
1h
Backup completed successfully
2h
Profile updated successfully
3h
Nikita sent you a friend request
Accept
2d
API updated
3d
View All
Theme
Sidebar

Icons

  1. Home
  3. Components
  5. Icons
Example uses

Iconify is a open source icon sets which offers 200,000+ icons including different icons library. Raven theme uses Lucide icons from iconify - Lucide by Lucide Contributors

Example
Iconoir
Visit icons site > Select icon > Select CSS / TailwindCss from tabs > Copy and paste

<span class="icon-[lucide--check]"></span>
Icon in Css
HTML/Css 

<span class="size-8 mb-4 flex items-center justify-center bg-stone-100 dark:bg-stone-700 rounded-full">
    <span class="icon-in-css size-4"></span>
</span>


.icon-in-css{
--svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m5 13l4 4L19 7'/%3E%3C/svg%3E");
  @apply bg-current mask-size-[100%] mask-[var(--svg)] mask-no-repeat;
}