Add icons to this collection by clicking the heart icon.
Mayonnaise icon - also known as food, bottle, condiment, spicy, Tools and utensils, ketchup, sauces, mustard, dispenser, mayonnaise, condiments, and food and restaurant. Created in a clean lineal color style with a black, yellow, orange, and pink finish, perfect for web, apps, and UI projects. Available in SVG and PNG, with multiple style variants.
<svg
xmlns="http://www.w3.org/2000/svg"
width="682.667"
height="682.667"
viewBox="0 0 682.667 682.667"
>
<defs>
<clipPath id="a" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
</defs>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="m0 0-6.391-153.806c-.86-20.711-17.896-37.058-38.618-37.058h-105.783c-20.722 0-37.758 16.347-38.618 37.058L-195.801 0a115.525 115.525 0 0 0 32.656 85.392 115.526 115.526 0 0 1 32.755 80.596v105.997h64.979V165.988a115.526 115.526 0 0 1 32.755-80.596A115.525 115.525 0 0 0 0 0"
transform="translate(353.9 198.364)"
fill="#fff0d0"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a115.523 115.523 0 0 0-32.755 80.596v105.998h-29.991V80.596c0-30.11 11.754-59.029 32.756-80.596A115.527 115.527 0 0 0 2.666-85.393l-6.391-153.804c-.86-20.712-17.896-37.06-38.618-37.06h29.989c20.723 0 37.759 16.348 38.619 37.06l6.391 153.804A115.527 115.527 0 0 1 0 0"
transform="translate(321.245 283.757)"
fill="#edcfb2"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-34.794-23.729-63-53-63s-53 28.206-53 63 23.729 63 53 63S0 34.794 0 0"
transform="translate(309.033 156.791)"
fill="#ffd659"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-64a4 4 0 0 0-4 4v148a4 4 0 0 0 4 4H0a4 4 0 0 0 4-4V4a4 4 0 0 0-4-4"
transform="translate(288.033 348.5)"
fill="#60d9fe"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-30a4 4 0 0 0 4-4v-148a4 4 0 0 0-4-4H0a4 4 0 0 1 4 4V-4a4 4 0 0 1-4 4"
transform="translate(288.033 504.5)"
fill="#40ccf7"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M292.033 402h-72v30h72z"
fill="#ffd659"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M292.033 402h-30v30h30z"
fill="#ffbd54"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-4.231 101.836a115.505 115.505 0 0 0 32.66 85.399 115.387 115.387 0 0 1 24.25 37.09 115.401 115.401 0 0 1 7.45 27.981"
transform="translate(162.331 96.524)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0a115.52 115.52 0 0 0 19.095-68.576l-6.39-153.801c-.86-20.71-17.9-37.06-38.62-37.06h-105.78c-20.72 0-37.76 16.35-38.62 37.06l-.827 19.916"
transform="translate(334.805 266.937)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0a115.41 115.41 0 0 1 24.794-57.294"
transform="translate(289.55 348.8)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-34.794-23.729-63-53-63s-53 28.206-53 63 23.729 63 53 63S0 34.794 0 0Z"
transform="translate(309.033 156.791)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v20.333a4 4 0 0 0 4 4h64a4 4 0 0 0 4-4v-148a4 4 0 0 0-4-4H4a4 4 0 0 0-4 4V-32"
transform="translate(220.033 480.167)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M292.033 402h-72v30h72z"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</svg>
More icons in the same style and category