cucumber logo
cucumber from Material Icon Theme by Material Extensions · Color · MIT Free for personal and commercial use.
- Name
- cucumber
- Set
- Material Icon Theme
- Style
- Color
- Viewbox
- 33×33
- License
- MIT
The same logo in other sets
Use the cucumber logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 33 33"><path fill="#4caf50" fill-rule="evenodd" d="M16.633 2.088c-7.028 0-12.714 5.686-12.714 12.714c0 6.187 4.435 11.327 10.288 12.471v3.64c7.609-1.148 14.346-7.187 14.848-15.117c.303-4.772-2.076-9.644-6.09-12.01a10.6 10.6 0 0 0-1.455-.728l-.243-.097c-.223-.083-.448-.175-.68-.243a12.6 12.6 0 0 0-3.954-.63m2.62 4.707a1.39 1.39 0 0 0-1.213.485c-.233.31-.379.611-.534.922c-.466 1.087-.31 2.252.388 3.106c1.087-.233 2.01-.927 2.475-2.014a2.45 2.45 0 0 0 .243-1.02c.048-.824-.634-1.405-1.359-1.48zm-5.654.073c-.708.067-1.382.63-1.382 1.407c0 .31.087.708.243 1.019c.466 1.087 1.46 1.78 2.546 2.014c.621-.854.782-2.019.316-3.106c-.155-.31-.3-.616-.534-.85a1.36 1.36 0 0 0-1.188-.484zM9.79 10.603c-1.224.063-1.77 1.602-.752 2.402c.31.233.612.403.922.558c1.087.466 2.344.306 3.275-.315c-.233-1.01-1.023-1.936-2.11-2.402c-.388-.155-.703-.243-1.092-.243c-.087-.01-.161-.004-.243 0m11.961 4.707a3.55 3.55 0 0 0-2.013.583c.233 1.009 1.023 1.935 2.11 2.401c.389.155.705.243 1.093.243c1.397.078 2.08-1.65.994-2.426c-.31-.233-.611-.379-.922-.534a3.4 3.4 0 0 0-1.262-.267m-10.603.073a3.4 3.4 0 0 0-1.261.267c-.389.155-.69.325-.923.558c-1.009.854-.33 2.48 1.068 2.402a2.5 2.5 0 0 0 1.092-.243c1.087-.466 1.859-1.392 2.014-2.401a3.47 3.47 0 0 0-1.99-.583m3.931 2.378c-1.087.233-2.009.927-2.475 2.014c-.155.31-.243.684-.243.994c-.077 1.32 1.724 2.03 2.5 1.02c.233-.31.378-.612.534-.923c.466-1.009.306-2.174-.316-3.105m2.887.073c-.621.854-.781 2.018-.315 3.105c.155.311.3.616.534.85c.854.93 2.65.242 2.572-.923c0-.31-.088-.708-.243-1.019c-.466-1.087-1.46-1.78-2.547-2.013z"/></svg>
React
import type { SVGProps } from "react";
export function MaterialIconThemeCucumber(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 33 33"><path fill="#4caf50" fillRule="evenodd" d="M16.633 2.088c-7.028 0-12.714 5.686-12.714 12.714c0 6.187 4.435 11.327 10.288 12.471v3.64c7.609-1.148 14.346-7.187 14.848-15.117c.303-4.772-2.076-9.644-6.09-12.01a10.6 10.6 0 0 0-1.455-.728l-.243-.097c-.223-.083-.448-.175-.68-.243a12.6 12.6 0 0 0-3.954-.63m2.62 4.707a1.39 1.39 0 0 0-1.213.485c-.233.31-.379.611-.534.922c-.466 1.087-.31 2.252.388 3.106c1.087-.233 2.01-.927 2.475-2.014a2.45 2.45 0 0 0 .243-1.02c.048-.824-.634-1.405-1.359-1.48zm-5.654.073c-.708.067-1.382.63-1.382 1.407c0 .31.087.708.243 1.019c.466 1.087 1.46 1.78 2.546 2.014c.621-.854.782-2.019.316-3.106c-.155-.31-.3-.616-.534-.85a1.36 1.36 0 0 0-1.188-.484zM9.79 10.603c-1.224.063-1.77 1.602-.752 2.402c.31.233.612.403.922.558c1.087.466 2.344.306 3.275-.315c-.233-1.01-1.023-1.936-2.11-2.402c-.388-.155-.703-.243-1.092-.243c-.087-.01-.161-.004-.243 0m11.961 4.707a3.55 3.55 0 0 0-2.013.583c.233 1.009 1.023 1.935 2.11 2.401c.389.155.705.243 1.093.243c1.397.078 2.08-1.65.994-2.426c-.31-.233-.611-.379-.922-.534a3.4 3.4 0 0 0-1.262-.267m-10.603.073a3.4 3.4 0 0 0-1.261.267c-.389.155-.69.325-.923.558c-1.009.854-.33 2.48 1.068 2.402a2.5 2.5 0 0 0 1.092-.243c1.087-.466 1.859-1.392 2.014-2.401a3.47 3.47 0 0 0-1.99-.583m3.931 2.378c-1.087.233-2.009.927-2.475 2.014c-.155.31-.243.684-.243.994c-.077 1.32 1.724 2.03 2.5 1.02c.233-.31.378-.612.534-.923c.466-1.009.306-2.174-.316-3.105m2.887.073c-.621.854-.781 2.018-.315 3.105c.155.311.3.616.534.85c.854.93 2.65.242 2.572-.923c0-.31-.088-.708-.243-1.019c-.466-1.087-1.46-1.78-2.547-2.013z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 33 33"><path fill="#4caf50" fill-rule="evenodd" d="M16.633 2.088c-7.028 0-12.714 5.686-12.714 12.714c0 6.187 4.435 11.327 10.288 12.471v3.64c7.609-1.148 14.346-7.187 14.848-15.117c.303-4.772-2.076-9.644-6.09-12.01a10.6 10.6 0 0 0-1.455-.728l-.243-.097c-.223-.083-.448-.175-.68-.243a12.6 12.6 0 0 0-3.954-.63m2.62 4.707a1.39 1.39 0 0 0-1.213.485c-.233.31-.379.611-.534.922c-.466 1.087-.31 2.252.388 3.106c1.087-.233 2.01-.927 2.475-2.014a2.45 2.45 0 0 0 .243-1.02c.048-.824-.634-1.405-1.359-1.48zm-5.654.073c-.708.067-1.382.63-1.382 1.407c0 .31.087.708.243 1.019c.466 1.087 1.46 1.78 2.546 2.014c.621-.854.782-2.019.316-3.106c-.155-.31-.3-.616-.534-.85a1.36 1.36 0 0 0-1.188-.484zM9.79 10.603c-1.224.063-1.77 1.602-.752 2.402c.31.233.612.403.922.558c1.087.466 2.344.306 3.275-.315c-.233-1.01-1.023-1.936-2.11-2.402c-.388-.155-.703-.243-1.092-.243c-.087-.01-.161-.004-.243 0m11.961 4.707a3.55 3.55 0 0 0-2.013.583c.233 1.009 1.023 1.935 2.11 2.401c.389.155.705.243 1.093.243c1.397.078 2.08-1.65.994-2.426c-.31-.233-.611-.379-.922-.534a3.4 3.4 0 0 0-1.262-.267m-10.603.073a3.4 3.4 0 0 0-1.261.267c-.389.155-.69.325-.923.558c-1.009.854-.33 2.48 1.068 2.402a2.5 2.5 0 0 0 1.092-.243c1.087-.466 1.859-1.392 2.014-2.401a3.47 3.47 0 0 0-1.99-.583m3.931 2.378c-1.087.233-2.009.927-2.475 2.014c-.155.31-.243.684-.243.994c-.077 1.32 1.724 2.03 2.5 1.02c.233-.31.378-.612.534-.923c.466-1.009.306-2.174-.316-3.105m2.887.073c-.621.854-.781 2.018-.315 3.105c.155.311.3.616.534.85c.854.93 2.65.242 2.572-.923c0-.31-.088-.708-.243-1.019c-.466-1.087-1.46-1.78-2.547-2.013z"/></svg> </template>
CSS
.icon-cucumber {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2033%2033%22%3E%3Cpath%20fill%3D%22%234caf50%22%20fill-rule%3D%22evenodd%22%20d%3D%22M16.633%202.088c-7.028%200-12.714%205.686-12.714%2012.714c0%206.187%204.435%2011.327%2010.288%2012.471v3.64c7.609-1.148%2014.346-7.187%2014.848-15.117c.303-4.772-2.076-9.644-6.09-12.01a10.6%2010.6%200%200%200-1.455-.728l-.243-.097c-.223-.083-.448-.175-.68-.243a12.6%2012.6%200%200%200-3.954-.63m2.62%204.707a1.39%201.39%200%200%200-1.213.485c-.233.31-.379.611-.534.922c-.466%201.087-.31%202.252.388%203.106c1.087-.233%202.01-.927%202.475-2.014a2.45%202.45%200%200%200%20.243-1.02c.048-.824-.634-1.405-1.359-1.48zm-5.654.073c-.708.067-1.382.63-1.382%201.407c0%20.31.087.708.243%201.019c.466%201.087%201.46%201.78%202.546%202.014c.621-.854.782-2.019.316-3.106c-.155-.31-.3-.616-.534-.85a1.36%201.36%200%200%200-1.188-.484zM9.79%2010.603c-1.224.063-1.77%201.602-.752%202.402c.31.233.612.403.922.558c1.087.466%202.344.306%203.275-.315c-.233-1.01-1.023-1.936-2.11-2.402c-.388-.155-.703-.243-1.092-.243c-.087-.01-.161-.004-.243%200m11.961%204.707a3.55%203.55%200%200%200-2.013.583c.233%201.009%201.023%201.935%202.11%202.401c.389.155.705.243%201.093.243c1.397.078%202.08-1.65.994-2.426c-.31-.233-.611-.379-.922-.534a3.4%203.4%200%200%200-1.262-.267m-10.603.073a3.4%203.4%200%200%200-1.261.267c-.389.155-.69.325-.923.558c-1.009.854-.33%202.48%201.068%202.402a2.5%202.5%200%200%200%201.092-.243c1.087-.466%201.859-1.392%202.014-2.401a3.47%203.47%200%200%200-1.99-.583m3.931%202.378c-1.087.233-2.009.927-2.475%202.014c-.155.31-.243.684-.243.994c-.077%201.32%201.724%202.03%202.5%201.02c.233-.31.378-.612.534-.923c.466-1.009.306-2.174-.316-3.105m2.887.073c-.621.854-.781%202.018-.315%203.105c.155.311.3.616.534.85c.854.93%202.65.242%202.572-.923c0-.31-.088-.708-.243-1.019c-.466-1.087-1.46-1.78-2.547-2.013z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2033%2033%22%3E%3Cpath%20fill%3D%22%234caf50%22%20fill-rule%3D%22evenodd%22%20d%3D%22M16.633%202.088c-7.028%200-12.714%205.686-12.714%2012.714c0%206.187%204.435%2011.327%2010.288%2012.471v3.64c7.609-1.148%2014.346-7.187%2014.848-15.117c.303-4.772-2.076-9.644-6.09-12.01a10.6%2010.6%200%200%200-1.455-.728l-.243-.097c-.223-.083-.448-.175-.68-.243a12.6%2012.6%200%200%200-3.954-.63m2.62%204.707a1.39%201.39%200%200%200-1.213.485c-.233.31-.379.611-.534.922c-.466%201.087-.31%202.252.388%203.106c1.087-.233%202.01-.927%202.475-2.014a2.45%202.45%200%200%200%20.243-1.02c.048-.824-.634-1.405-1.359-1.48zm-5.654.073c-.708.067-1.382.63-1.382%201.407c0%20.31.087.708.243%201.019c.466%201.087%201.46%201.78%202.546%202.014c.621-.854.782-2.019.316-3.106c-.155-.31-.3-.616-.534-.85a1.36%201.36%200%200%200-1.188-.484zM9.79%2010.603c-1.224.063-1.77%201.602-.752%202.402c.31.233.612.403.922.558c1.087.466%202.344.306%203.275-.315c-.233-1.01-1.023-1.936-2.11-2.402c-.388-.155-.703-.243-1.092-.243c-.087-.01-.161-.004-.243%200m11.961%204.707a3.55%203.55%200%200%200-2.013.583c.233%201.009%201.023%201.935%202.11%202.401c.389.155.705.243%201.093.243c1.397.078%202.08-1.65.994-2.426c-.31-.233-.611-.379-.922-.534a3.4%203.4%200%200%200-1.262-.267m-10.603.073a3.4%203.4%200%200%200-1.261.267c-.389.155-.69.325-.923.558c-1.009.854-.33%202.48%201.068%202.402a2.5%202.5%200%200%200%201.092-.243c1.087-.466%201.859-1.392%202.014-2.401a3.47%203.47%200%200%200-1.99-.583m3.931%202.378c-1.087.233-2.009.927-2.475%202.014c-.155.31-.243.684-.243.994c-.077%201.32%201.724%202.03%202.5%201.02c.233-.31.378-.612.534-.923c.466-1.009.306-2.174-.316-3.105m2.887.073c-.621.854-.781%202.018-.315%203.105c.155.311.3.616.534.85c.854.93%202.65.242%202.572-.923c0-.31-.088-.708-.243-1.019c-.466-1.087-1.46-1.78-2.547-2.013z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-icon-theme/cucumber.svg?color=%231a73e8&size=48
