abhi-react-kitchen-icons

45 clean, consistent line icons for cooking apps and games — food ingredients and dishes as React components. Line-style, tree-shakeable, typed with TypeScript. Props mirror lucide-react (size, color, strokeWidth, className), so they sit naturally alongside a lucide-based UI.

Install

npm install abhi-react-kitchen-icons

Usage

import { Tomato, Cheese, NoodleBowl } from 'abhi-react-kitchen-icons';

function Pantry() {
  return (
    <div>
      <Tomato />
      <Cheese size={32} color="#e11d48" />
      <NoodleBowl size={40} strokeWidth={1.5} className="dish-icon" />
    </div>
  );
}

Each icon is its own module, so bundlers only include the icons you import. By default color is currentColor, so an icon inherits its container's text color.

Props

| Prop | Type | Default | Description | | ------------- | ------------------ | ---------------- | ----------------------------- | | size | number \| string | 24 | Width and height in pixels | | color | string | 'currentColor' | Stroke color | | strokeWidth | number \| string | 2 | Stroke width | | className | string | — | Passed through to the <svg> |

Any other valid <svg> prop (onClick, style, aria-label) is forwarded, and ref points at the underlying <svg>.

Icons

Ingredients (32): Carrot, Tomato, Garlic, Chili, Mushroom, Potato, Corn, Broccoli, Pumpkin, Peas, Peanut, Acorn, Chicken, Fish, BreadSlice, Cheese, Milk, Egg, RiceBowl, NoodleBowl, Wheat, Olive, Butter, Salt, Coconut, Strawberry, Peach, Pear, Popcorn, Cookie, Honey, Sausage

Dishes (13): CookingPot, PressureCooker, PizzaSlice, FullPizza, Hamburger, FriedFish, CakeSlice, Cupcake, RiceCooker, BreadLoaf, RoastChicken, FruitBowl, FriedEggs

License

MIT