Add icons to this collection by clicking the heart icon.
Mayonnaise icon - also known as food, bottle, condiment, spicy, sauce, sauces, mustard, mayonnaise, condiments, food and restaurant, and mayo. Created in a clean lineal color style with a white, gray, black, 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 0c0 78.831-44.724 99.171-75.674 151.108 7.954 3.001 13.661 10.683 13.661 19.653v19.247h-187.792l.685-19.247c0-8.97 5.707-16.652 13.661-19.653C-249.038 118.199-311.133 78.831-311.133 0v-218.965c0-22.106 17.922-40.027 40.029-40.027h231.075"
transform="translate(345.305 266.492)"
fill="#fff7d7"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c7.954 3 13.661 10.683 13.661 19.652V38.9h-57V19.652C-43.339 10.683-49.046 3-57 0c30.95-51.938 75.674-72.277 75.674-151.108L-21.354-410.1h57l40.028 258.992C75.674-72.277 30.95-51.938 0 0"
transform="translate(269.63 417.6)"
fill="#fff2bd"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-225.986v34.217c0 15.341 12.436 27.777 27.776 27.777h170.434C-12.436 61.994 0 49.558 0 34.217Z"
transform="translate(302.731 442.506)"
fill="#ffd150"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-44c15.34 0 27.776-12.436 27.776-27.776v-34.218h44v34.218C27.776-12.436 15.34 0 0 0"
transform="translate(274.955 504.5)"
fill="#ffc930"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v164.966h308.769V-.186Z"
transform="translate(34.171 94.186)"
fill="#7f8a91"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-165.119l55-.033V0Z"
transform="translate(287.94 259.152)"
fill="#6b7c85"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 27.834-22.565 50.399-50.401 50.399h-2.953c-.434 17.431-14.69 31.43-32.226 31.43h-13.436v-31.43h-2.932c-27.836 0-50.402-22.565-50.402-50.399-13.918 0-25.2-11.282-25.2-25.199v-26.345H25.201v26.345C25.201-11.282 13.918 0 0 0"
transform="translate(435.273 175.731)"
fill="#fff7d7"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 27.834-22.565 50.399-50.401 50.399h-2.953c-.434 17.431-14.69 31.43-32.226 31.43h-13.436V59.853a32.201 32.201 0 0 0 1.662-9.454h2.953C-66.565 50.399-44 27.834-44 0c13.918 0 25.201-11.282 25.201-25.199v-26.345h44v26.345C25.201-11.282 13.918 0 0 0"
transform="translate(435.273 175.731)"
fill="#fff2bd"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-92.687c-39.978 0-72.386 32.409-72.386 72.387v65.542h237.46V72.387C72.387 32.409 39.978 0 0 0"
transform="translate(405.442 7.5)"
fill="#ffd150"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-65.542c0-39.979-32.409-72.387-72.387-72.387h44C11.591-137.929 44-105.521 44-65.542V0Z"
transform="translate(433.829 145.43)"
fill="#ffc930"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-39.255v34.217c0 15.341 12.436 27.777 27.776 27.777h170.434c15.34 0 27.776-12.436 27.776-27.777V0H36"
transform="translate(116 442.506)"
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 0h263.964"
transform="translate(36.536 259.152)"
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 0h201.252"
transform="translate(36.536 94.186)"
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 78.831-44.724 99.171-75.674 151.108 7.954 3.001 13.661 10.683 13.661 19.653"
transform="translate(345.305 266.492)"
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-8.97 5.707-16.652 13.661-19.652C.083-52.562-62.013-91.93-62.013-170.761v-218.965c0-22.106 17.922-40.026 40.029-40.026h231.075"
transform="translate(96.185 437.252)"
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 0v3.345c0 13.917-11.283 25.199-25.201 25.199 0 27.835-22.565 50.399-50.401 50.399h-2.953c-.433 17.431-14.69 31.431-32.225 31.431h-13.436V78.943h-2.933c-27.836 0-50.401-22.564-50.401-50.399-13.918 0-25.201-11.282-25.201-25.199V0"
transform="translate(460.474 147.186)"
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 0h49.829v-65.542c0-39.979-32.409-72.387-72.387-72.387h-92.687c-39.978 0-72.386 32.408-72.386 72.387V0H-38"
transform="translate(428 145.43)"
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-20.351-16.557-36.907-36.909-36.907h-41.212"
transform="translate(442.624 75.627)"
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