Food Blue

The sixteen dishes and ingredients are Apple, Banana, Orange, Strawberry, Lemon, Avocado, Carrot, Broccoli, Bread, Croissant, Cake, Cookie, Pizza, Burger, Coffee and Teacup. Fruit, vegetables and baked goods each get a few entries, so a cafe or grocery layout can group them by section.

Every one is delivered as a transparent PNG with a WebP twin. Widths run from 206 to 275 px and heights from 195 to 281 px for the whole group, similar enough that a menu grid needs little resizing.

Where this set fits

• Cafe menu section headers for drinks, bakery and fruit
• Grocery delivery app category chips
• Recipe blog index with a cohesive icon per dish type
• Nutrition-class slide decorations for a school or clinic

Integrate with one image and shared CSS

Includes a WebP sprite at 128px display size, shared animation styles, a React component and original files. The sprite renders the collection with one image request. Use individual WebP files when you need native resolution.

<link rel="stylesheet" href="./assets.css">
<span class="cc-asset cc-apple-food-blue cc-float" role="img" aria-label="Apple"></span>

cc-float · cc-pulse · cc-pop · cc-swing · cc-spin. Respects reduced motion and needs no animation library.