Relume Icons

A collection of React icons for Relume components.

Installation

npm install relume-icons

Usage

import { Add, Home, Search } from "relume-icons";

function MyComponent() {
  return (
    <div>
      <Add className="h-6 w-6" />
      <Home className="h-6 w-6" />
      <Search className="h-6 w-6" />
    </div>
  );
}

Available Icons

MUI Symbols and Icons

Source: Google Fonts Icons (weight 400, style rounded)

• RelumeIcon - Relume logo
• Add - Plus icon
• Archive - Archive icon
• ArrowDownward - Down arrow
• ArrowUpward - Up arrow
• BarChart - Bar chart icon
• Bathtub - Bathtub icon
• Bed - Bed icon
• Bookmark - Bookmark icon
• CalendarToday - Calendar icon
• Call - Phone call icon
• Cancel - Cancel/X icon
• Check - Checkmark icon
• ChevronLeft - Left chevron
• ChevronRight - Right chevron
• Close - Close/X icon
• Cookie - Cookie icon
• CreditCard - Credit card icon
• Dehaze - Hamburger menu icon
• Description - Document icon
• FilterList - Filter icon
• Help - Help/Question icon
• Home - Home icon
• ImportContacts - Contacts icon
• KeyboardArrowDown - Keyboard down arrow
• KeyboardArrowUp - Keyboard up arrow
• KeyboardDoubleArrowLeft - Double left arrow
• KeyboardDoubleArrowRight - Double right arrow
• KeyboardReturn - Return/Enter key
• Layers - Layers icon
• Link - Link icon
• LocationOn - Location pin
• Mail - Email icon
• MoreHoriz - More options (horizontal)
• Notifications - Bell icon
• Person - User icon
• PieChart - Pie chart icon
• PlayCircle - Play button
• ProgressActivity - Loading spinner
• Schedule - Clock icon
• Search - Search icon
• Sell - Tag icon
• Settings - Settings/gear icon
• Sms - Message icon
• Star - Star icon
• StarHalf - Half star icon
• TrendingUp - Trending up chart
• Visibility - Eye icon
• ArrowForward - Forward arrow
• ArrowBack - Back arrow

BoxIcons

Source: BoxIcons

• StarFull - Full star icon
• CircleFull - Full circle icon

Brand Logos

• AppleLogo - Apple logo
• DribbbleLogo - Dribbble logo
• FacebookLogo - Facebook logo
• GoogleLogo - Google logo
• InstagramLogo - Instagram logo
• LinkedinLogo - LinkedIn logo
• YoutubeLogo - YouTube logo
• XLogo - X (Twitter) logo

Props

All icons accept a className prop for styling:

<Add className="h-6 w-6 text-blue-500" />

License

MIT