SVG Pack

29 Vegetable SVG Icons — Customizable Set for App Designers

Download 29 unique vegetable icons in 4 styles. Ready for Figma and Sketch projects needing fresh, minimal food visuals. Just $4.99.

29 unique icons

4 color variants

116 SVG files

Commercial license

Get the pack — $5.00 Free preview on GitHub

★ Free sampler

Try 4 icons free — no email required

Real SVG vectors in all 4 color variants (16 files). Use them in commercial projects today, no attribution needed. Like the style? Get the full pack below.

Download free ZIP — 16 SVGs

No signup · Direct download · 44 KB

Asparagus Spear

Cabbage

Jicama

Parsnip

Finding a cohesive icon set for food-related projects can be a frustrating task. This 29-icon vegetable pack solves this, providing consistency across apps, websites, and blogs. Designed for app UI in Figma and Sketch, the icons integrate easily with existing projects, maintaining a clean and uniform aesthetic.

This pack’s strength is its adaptability. Offering mono-black, mono-navy, mono-grey, and editable styles, each variant offers a different visual tone. This flexibility allows you to tailor the icons to various project needs, whether targeting a tech-centric audience or focusing on a more playful design.

Consider the challenge of a dashboard where icons don’t match the existing color scheme. The mono-grey variant ensures visual consistency without drawing too much attention. Need a bespoke touch for a children’s nutrition app? The editable variant allows for engaging colors that can be customized to your theme.

Precision is the key with this set. Each icon remains sharp across different sizes, from a tiny 16x16 in a table to a larger 64x64 in a webpage header. Their geometric design ensures uniformity, enhancing multiple project types. At $4.99, this set offers practical solution that saves time and boosts creative output.

Who this pack is for

App UI designers

You need vegetable icons that provide consistent styling across an app. Mismatched icons can disrupt your design workflow, especially when aligning category icons in a dense grid system.

Food bloggers & recipe site owners

Sourcing high-quality, cohesive icons for recipe categories is challenging. Often, available icons are inconsistent, leading to a disjointed look on your site. This set keeps your visual style unified.

SaaS product managers

When adding new features, finding icons that fit with your existing design system is crucial. Inconsistent styles can break the visual flow, particularly in headers or feature dashboards.

Design system creators

Creating a unified design system means every icon must match. This 29-icon set offers just that, keeping your toolkit cohesive across Figma and Sketch projects without style clashes.

All 29 icons

PNG previews shown. The actual SVG vectors come with the pack.

Artichoke Heart

Asparagus Spear

Beetroot Slice

Bell Pepper

Broccoli

Butternut Squash

Cabbage

Celery Stalk

Chili Pepper

Corn

Eggplant Silhouette

Fennel Bulb

Garlic Clove

Green Bean

Jicama

Kimchi Cabbage

Kohlrabi

Onion

Parsnip

Peas

Potato Tuber

Potato

Radish Root

Rutabaga

Spinach

Sweet Potato

Tomato Slice

Turnip

Zucchini

Like what you see?

Get all 29 icons + 4 color variants for $5.00.

Get the pack — $5.00

4 color variants

Same shapes, four palettes. The editable variant uses CSS currentColor — recolor with one CSS rule.

01-mono-black

Choose this for a classic look that fits diverse color schemes in any application.

02-mono-navy

Apply in professional settings where a contemporary yet traditional feel is needed.

03-mono-grey

Use for muted, subtle applications where understated design is key.

04-editable

Opt for this when custom colors are essential to match specific project themes.

› How the editable variant works (1-line CSS)

<style>
  .icon { color: #1A2332; width: 24px; height: 24px; }
  .icon:hover { color: #F4842F; }
</style>
<img src="04-editable/bell-pepper.svg" class="icon" />

Standout icons in this pack

A handful that we keep using ourselves.

bell pepper

In Figma, the Bell Pepper icon fits tight UI spaces, thanks to a stem optimized for compact layouts.

broccoli

Broccoli's rounded stroke suits educational apps, making information approachable and clear for all users.

tomato slice

Tomato Slice captures detail without clutter, useful for feature images on recipe sites needing a clean look.

garlic clove

Garlic Clove's minimalist form fits well within a modern aesthetic, enhancing the sleekness of any food blog.

sweet potato

Sweet Potato works in tech and food contexts, from app interfaces to blog visuals, offering flexibility in design.

Where it shines

✓

Recipe app — category cards

Integrate 'Bell Pepper' and 'Cabbage' icons into category cards for your Figma prototype. Keep them at 24x24 px to maintain clarity without overwhelming your layout.

✓

SaaS dashboard — visual consistency

Use 'Broccoli' and 'Corn' icons in dashboard headers. Apply the mono-navy variant for a professional look that aligns with corporate branding.

✓

Food blog — feature illustrations

Add 'Tomato Slice' and 'Garlic Clove' to your blog headers. The editable variant lets you adjust colors in Sketch to match your site’s palette.

✓

Educational materials — healthy eating

Include 'Asparagus Spear' and 'Sweet Potato' in educational flyers on nutrition. The icons remain clear even at 16px in dense layouts for easy understanding.

The full inventory

Every icon at a glance. Click for full size.

Get the full pack — $5.00

29 icons · 116 SVG files · 4 color variants · commercial license · instant download

Buy on Gumroad — $5.00 Free preview on GitHub

✓ No subscription · ✓ No attribution · ✓ Use in commercial products

Frequently asked

Do I need to credit the icons? +

No attribution is needed for these icons. You can use them freely in your projects.

Are these icons compatible with Figma and Sketch? +

Absolutely, all icons are SVG files, which integrate smoothly with Figma, Sketch, and other leading design tools.

Can I recolor the icons? +

Yes, the editable variant allows you to modify colors in your preferred design software easily.

How many files are included in the pack? +

The pack includes 116 SVG files, covering all 29 icons in each of the four color variants.

Will these icons work in React or Vue projects? +

Yes, SVG files are highly compatible with React, Vue, and other web-based frameworks.

Do the icons get updates? +

Future updates are included, so you'll receive new icons or improvements as they're released.

What is the size of an average icon file? +

Each SVG file is lightweight, typically under 5KB, ensuring quick loading times on all platforms.