Untitled UI Icons Solid

A React icon pack for Untitled UI solid icons.

Installation

npm install untitled-ui-icons-solid

or

yarn add untitled-ui-icons-solid

Usage

import { Home05Icon, Bell04Icon } from 'untitled-ui-icons-solid';

function App() {
  return (
    <div>
      {/* Default size (24px) and color (currentColor) */}
      <Home05Icon />

      {/* Custom size */}
      <Bell04Icon size={32} />

      {/* Custom color */}
      <Home05Icon size={24} color="#007AFF" />

      {/* With hover effect */}
      <div style={{ cursor: 'pointer', transition: 'transform 0.2s' }} 
           onMouseEnter={(e) => e.currentTarget.style.transform = 'scale(1.2)'}
           onMouseLeave={(e) => e.currentTarget.style.transform = 'scale(1)'}>
        <Bell04Icon size={24} color="#FF3B30" />
      </div>

      {/* With CSS custom properties */}
      <div style={{ '--icon-color': '#34C759' } as React.CSSProperties}>
        <Home05Icon size={24} color="var(--icon-color)" />
      </div>
    </div>
  );
}

Props

Each icon component accepts the following props:

• size (optional): number - Sets both width and height of the icon (default: 24)
• color (optional): string - Sets the fill color of the icon (default: 'currentColor')
• All other SVG attributes are also accepted

License

MIT