Skip to content
shadcn.io

Cucumber

The Cucumber icon represents a type of vegetable commonly used in salads, sandwiches, and other dishes.

Add shadcn.io to your AI agent. · Pro It installs Cucumber, or any of 294k icons, from a prompt, with Pro.

Set up MCP

Exports at 21 × 24 px

Cucumber icon from SVG Logos
Get Pro

2,063 in SVG LogosCC0 license (opens in a new tab)Free to copy and download

Code

Cucumber in your framework

In any framework. Customize it above, and the code follows.

export const CucumberIcon = (props: React.SVGProps<SVGSVGElement>) => (
  <svg xmlns="http://www.w3.org/2000/svg" width="21" height="24" viewBox="0 0 256 293" {...props}>
    <path fill="#23D96C" d="M190.207 22.987a101 101 0 0 0-6.81-3.74c-2.371-1.16-4.806-2.289-7.278-3.266c-.782-.328-1.557-.63-2.346-.94c-2.163-.8-4.345-1.69-6.57-2.34C123.828-1.78 75.998 9.098 43.155 40.916s-45.232 79.277-32.132 123.089c13.1 43.81 49.51 76.68 94.427 85.245v35.063c73.632-11.055 138.839-69.236 143.701-145.63c2.895-45.967-20.136-92.891-58.945-115.695"/><path fill="#173647" d="M98.792 292.024v-37.427c-46.02-11.116-82.263-46.529-94.443-92.278S6.006 67.824 40.406 35.298C74.806 2.77 124.25-8.318 169.246 6.402c1.727.504 3.512 1.179 5.246 1.835l1.564.586c1.04.404 1.835.713 2.63 1.053c2.194.864 4.66 1.974 7.618 3.425q3.714 1.86 7.271 3.992c40.316 23.686 65.295 72.635 62.16 121.811c-4.811 75.675-67.615 139.507-149.325 151.773zm30.27-278.826h-.164C69.036 12.904 18.812 58.276 13.045 117.861c-5.768 59.584 34.822 113.746 93.63 124.937l5.36 1.04v32.667c71.84-14.025 126.182-71.084 130.451-138.246c2.825-44.352-19.55-88.401-55.684-109.621l-.05-.032a93 93 0 0 0-6.37-3.5c-2.579-1.261-4.742-2.239-6.754-3.033a36 36 0 0 0-2.17-.87l-1.702-.631c-1.557-.593-3.033-1.154-4.465-1.57a116.2 116.2 0 0 0-36.216-5.804z"/><path fill="#173647" d="M104.335 66.721c3.76-.468 7.504.97 9.983 3.834a26.4 26.4 0 0 1 4.59 6.981c4.068 8.968 6.477 21.826 1.451 29.04A39.94 39.94 0 0 1 95.254 87.11a20.4 20.4 0 0 1-2.188-8.444a12.34 12.34 0 0 1 11.27-11.944M68.498 117.33a49 49 0 0 0 7.68 4.647a36.5 36.5 0 0 0 30.794-.87A38.57 38.57 0 0 0 85.877 99.35a23.1 23.1 0 0 0-9.094-2.025a12 12 0 0 0-2.012 0a11.137 11.137 0 0 0-6.274 20.004m38.468 21.649c-4.9-3.267-15.003-1.949-20.886-1.841a27.9 27.9 0 0 0-10.507 2.22a22.1 22.1 0 0 0-7.68 4.653a11.458 11.458 0 0 0 8.885 19.998a20.8 20.8 0 0 0 9.093-2.025c9.056-3.91 19.808-14.63 21.101-23.005zm16.46 12.613A41.34 41.34 0 0 0 99.94 173.7a19.5 19.5 0 0 0-2.025 8.286a12.026 12.026 0 0 0 20.811 8.488a47 47 0 0 0 4.414-7.681c3.917-8.406 5.462-23.46.29-31.203zm16.124-45.197a37.47 37.47 0 0 0 23.333-19.972a20.45 20.45 0 0 0 2.012-8.489c.145-6.477-4.847-11.914-11.313-12.322a11.55 11.55 0 0 0-10.09 4.042a46.6 46.6 0 0 0-4.446 7.681c-3.91 9.044-5.31 21.946.51 29.028zm26.537 76.4a20.5 20.5 0 0 0-2.024-8.482a37 37 0 0 0-22.413-20.615a33.97 33.97 0 0 0-1.425 29.709a26.2 26.2 0 0 0 4.414 7.069c7.145 7.757 22.104 2.018 21.454-7.681zm26.486-39.603a47 47 0 0 0-7.674-4.415a27.9 27.9 0 0 0-10.507-2.22a40.36 40.36 0 0 0-20.104 3.5a37.58 37.58 0 0 0 20.912 21.353a23.2 23.2 0 0 0 9.093 2.018a11.351 11.351 0 0 0 8.261-20.236z"/>
  </svg>
);

Other libraries

Cucumber in 6 more libraries

Each library draws it its own way. Open one to compare.

  • Cucumber icon from Simple Icons
  • Cucumber icon from TDesign Icons
  • Cucumber icon from Fluent Emoji High Contrast
  • Cucumber icon from Emoji One (Monotone)
  • Cucumber icon from File Icons
  • Cucumber icon from Devicon Plain

SVG Logos

More like it

Icons that share its tags, then the ones next to it in SVG Logos, in the same style.

All 2,063 icons
  • Broccoli icon from SVG Logos
  • Chef icon from SVG Logos
  • Delicious Burger icon from SVG Logos
  • Pepperoni icon from SVG Logos
  • Waffle icon from SVG Logos
  • Fresh icon from SVG Logos
  • Grape icon from SVG Logos
  • C Sharp icon from SVG Logos
  • Crossbrowsertesting icon from SVG Logos
  • Crossplane icon from SVG Logos
  • Crossplane Icon icon from SVG Logos
  • Crowdprocess icon from SVG Logos
  • Crucible icon from SVG Logos
  • Crystal icon from SVG Logos
  • Css 3 icon from SVG Logos
  • Css 3 Official icon from SVG Logos
  • Cssnext icon from SVG Logos
  • Cube icon from SVG Logos
  • Cube Icon icon from SVG Logos
  • Curl icon from SVG Logos
  • Customerio icon from SVG Logos
  • Customerio Icon icon from SVG Logos
  • Cyclejs icon from SVG Logos
  • Cypress icon from SVG Logos

Search SVG Logos

Skip the copy and paste. With Pro, your AI agent finds and installs any SVG Logos icon from a prompt.

Get Pro

Tags

Browse by tag

Cucumber is tagged food, cooking, healthy and 1 more. Related tags follow; each opens its icons from every library.

All tags

Pricing

SVG Logos MCP, with Pro

Ask for Cucumber or any of 2,063 SVG Logos icons and your agent installs it. The MCP comes with every Pro plan, with 6,000+ blocks and 14 premium templates. The icons stay free.

See full pricing

4.9/5 out of 5 · 150+ reviewsfrom 150+ founders and developers.

Billed once a year in USD. Cancel anytime.

Individual

For personal projects & open source

$32instead of $49/mo

$389 billed yearly

  • How many people can use the license.Seats: 1 seat
  • Client work, SaaS products and anything you charge for.Commercial use: Personal & open source only
  • Production-ready React sections: hero, pricing, features, dashboards and more.Pro blocks: 6,000+ blocks
  • Complete multi-page sites you can ship as they are.Templates: All 14 templates
  • React icons from every major library, installable with one command.React icons: 294k+ icons
  • Presets that restyle every block, in light and dark.Themes: All 59 themes
  • Lets your AI editor search, preview and install blocks for you.MCP server: Basic usage
  • Priority requests are answered first.Support: Standard

Team

Most popular

For freelancers, agencies & startups

$66instead of $99/mo

$789 billed yearly · ≈ $13/dev/mo

Everything in Individual, plus

  • How many people can use the license.Seats: Up to 5 seats
  • Client work, SaaS products and anything you charge for.Commercial use: Included
  • Lets your AI editor search, preview and install blocks for you.MCP server: High usage
  • Priority requests are answered first.Support: Priority

Organization

For companies with larger teams

$132instead of $199/mo

$1,589 billed yearly

Everything in Team, plus

  • How many people can use the license.Seats: Unlimited seats
  • Lets your AI editor search, preview and install blocks for you.MCP server: Unlimited usage
  • Secure checkout via Stripe
  • Code lives in your repo
  • Keep what you've shipped if you cancel
  • License terms

FAQ

Frequently asked questions

What the Cucumber icon means and where it's used, then how to install, style and license it.

Install Cucumber from a prompt

MCP, 6,000+ blocks and 14 premium templates in every Pro plan. The icons stay free.

Get Pro