A weird little icon set for React with corporate vibes and oddball charm. For UI's that don’t take themselves too seriously.
- ⚛️ Easy-to-use React components
- 🎯 Fully typed, which gives them great TypeScript support out of the box
- 🎨 Scalable SVGs with size and styling flexibility
- 🧃 Slightly weird, mildly corporate, always charming
Install via npm:
npm install react-oddball-iconsAfter the installation, you can quickly get started by importing the icon you want into your project like this:
import { Avatar } from "react-oddball-icons";
const HelloWorld = () => {
return (
<>
<Avatar />
</>
);
};
export default HelloWorld;You can easily customize the appearance of your icons using standard CSS or inline styles. For example:
import { Avatar } from "react-oddball-icons";
const HelloWorld = () => (
<>
<Avatar
width={60}
height={60}
style={{
padding: "10px",
borderRadius: "8px",
backgroundColor: "#f3f4f6",
}}
/>
</>
);
export default HelloWorld;ArrowDownArrowLeftArrowRightArrowUpAvatarAvatarAltBellBellAltBookmarkBookmarkAltCalculatorCalculatorAltCalendarCalendarAltCheckMarkCheckMarkAltClockClockAltCoffeeMugCoffeeMugAltCrossCrossAltDocumentDocumentAltEnvelopeEnvelopeAltHamburgerHamburgerAltHeartHeartAltHomeHomeAltLightBulbLightBulbAltLockLockAltMagnifyingGlassMagnifyingGlassAltPinPinAltPresentationPresentationAltSpeechBubbleSpeechBubbleAltStapleDiagramStapleDiagramAltSuitcaseSuitcaseAltTrashCanTrashCanAltWebWebAlt