Home/Libraries/SVG Logos (Iconify)/cucumber

SVG Logos (Iconify)

Cucumber

License: CC0-1.0Commercial Safe

ICON SIZE

COLOR PICKER

Download SVG without fill color (CSS-styleable)

<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 293"><path fill="#818cf8" 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="#818cf8" 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="#818cf8" 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>

Icons in Action

WEB APPLICATION HEADER & NAVIGATION

my-app.com/dashboard

Overview Dashboard

PROGRESS STEPPER

BUTTON UI ACTIONS

SCALABILITY & CLARITY

12px

16px

24px

32px

48px

“

Highly adaptable, clean vectors that scale perfectly across modern UI components, navigation bars, and mobile actions. Perfectly pre-vetted for production deployment.

IconSearch Presets

Frequently Asked Questions

Q.How do I use this icon in my React/Next.js project?

You have two choices: install the official package listed under the "REACT IMPORT" tab (e.g. npm install @iconify/react) and import the icon directly, or copy the complete React Component code from the "STANDALONE JSX" tab and paste it directly into a local file (e.g. CucumberIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **CC0-1.0** license. The license grants full permissions for personal and commercial usage (e.g., in SaaS platforms, client projects, or business landing pages). Attributing the icon creator is generally not required for MIT/ISC licenses, but check details on our dedicated License Guide.

Q.What is the "Download SVG without fill color" toggle?

Many SVGs ship with inline fill="..." attributes. By checking this toggle, we strip these attributes and enforce fill="none", making the SVG fully styleable via CSS classes or Tailwind utility classes like fill-current.