Add icons to this collection by clicking the heart icon.
Frappe icon - also known as food, cold, glass, coffee shop, coffee breaks, frappe, and food and restaurant. Created in a clean lineal color style with a white, silver, 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 0-41.098-41.099L-177.046 94.85c-5.98 5.981-5.98 15.678 0 21.659l19.439 19.438c5.981 5.982 15.678 5.982 21.659 0z"
transform="translate(249.79 349.806)"
fill="#ffeccf"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-10.537 10.537c-5.981 5.982-15.678 5.982-21.659 0L-51.635-8.901c-5.98-5.981-5.98-15.678 0-21.66L0-82.194Z"
transform="translate(124.379 475.216)"
fill="#ebab84"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c11.757-11.758 30.94-12.368 42.905-.822a30.176 30.176 0 0 1 8.646 15.684c.711 3.457 3.479 6.18 6.935 6.895 11.836 2.45 21.143 11.799 23.53 23.66.679 3.379 3.371 6.067 6.75 6.748 6.368 1.285 12.404 4.628 17.038 10.035 9.621 11.224 9.621 28.12 0 39.344-4.634 5.407-10.67 8.75-17.039 10.034-3.378.682-6.07 3.37-6.749 6.749-2.398 11.914-11.778 21.296-23.694 23.693-3.379.68-6.067 3.372-6.749 6.75-1.284 6.369-4.628 12.405-10.034 17.039-11.224 9.621-28.12 9.621-39.345 0-5.406-4.635-8.75-10.67-10.033-17.039-.682-3.379-3.37-6.07-6.748-6.75-11.86-2.386-21.211-11.692-23.66-23.53-.716-3.455-3.439-6.223-6.895-6.934a30.175 30.175 0 0 1-15.685-8.646c-11.546-11.965-10.936-31.148.822-42.905z"
transform="translate(330.722 331.476)"
fill="#ebab84"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-6.976-4.299-12.082-11.337-13.798-19.627-.716-3.455-3.438-6.224-6.894-6.935a30.166 30.166 0 0 1-15.686-8.645c-11.546-11.965-10.935-31.148.822-42.905l60.005-60.005c11.757-11.758 30.941-12.368 42.905-.822A30.166 30.166 0 0 1 76-123.255c.711 3.457 3.479 6.18 6.936 6.895a30.156 30.156 0 0 1 12.312 5.674C80.178-70.667 47.942-25.395 0 0"
transform="translate(306.272 469.593)"
fill="#e08b57"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-120.087c-23.246 0-43.051 16.883-46.73 39.836l-38.957 242.995c-1.831 11.421 6.99 21.77 18.556 21.77H67.131c11.566 0 20.388-10.349 18.557-21.77L46.73 39.836C43.051 16.883 23.246 0 0 0"
transform="translate(319.408 7.5)"
fill="#ffeccf"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-47.078c-11.567 0-20.388-10.349-18.557-21.77l38.957-242.995c3.68-22.953 23.485-39.836 46.731-39.836h44.632C28.09-264.768-1.545-130.069 0 0"
transform="translate(179.269 312.1)"
fill="#ffd5a4"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 6.511-40.604C10.19-63.558 29.995-80.44 53.241-80.44h120.087c23.246 0 43.051 16.882 46.731 39.836L226.568 0Z"
transform="translate(146.08 87.94)"
fill="#a5e8ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c3.68-22.953 23.484-39.836 46.73-39.836h44.632c-13.83 15.053-26.663 43.661-37.197 80.44H-6.511Z"
transform="translate(152.59 47.336)"
fill="#5ad7ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 85.832 72.477 74.499 99.913 119.988 9.528 15.798 29.33 22.385 46.103 14.7C207.807 106.379 242.605 36.324 242.605 0Z"
transform="translate(138.726 312.1)"
fill="#ffd5a4"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-48.229 0-98.062-16.307-135.625-18.652l22.518-140.451c2.182-13.617 13.931-23.631 27.721-23.631H85.387c13.79 0 25.539 10.014 27.721 23.631l22.518 140.451C98.063-16.307 48.229 0 0 0"
transform="translate(259.364 245.947)"
fill="#ebab84"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 22.518-140.45c2.182-13.617 13.931-23.632 27.721-23.632h40.64c-15.81 44.615-27.89 106.926-32.892 173.18C36.975 5.075 17.199 1.074 0 0"
transform="translate(123.74 227.295)"
fill="#e08b57"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-6.84 0-12.385 5.545-12.385 12.386v30.566h24.771V12.386C12.386 5.545 6.841 0 0 0"
transform="translate(251.503 94.458)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-12.91-13.143-23.376-29.354-23.376-16.212 0-29.355 10.466-29.355 23.376 0 12.911 13.143 23.377 29.355 23.377C-13.143 23.377 0 12.911 0 0"
transform="translate(205.798 131.833)"
fill="#ffeccf"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-12.91 13.143-23.376 29.354-23.376C45.566-23.376 58.709-12.91 58.709 0c0 12.911-13.143 23.377-29.355 23.377C13.143 23.377 0 12.911 0 0"
transform="translate(306.202 131.833)"
fill="#ffeccf"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 14.627-10.596 16.001-23.667 16.001-13.071 0-23.667-1.374-23.667-16.001s10.596-26.483 23.667-26.483C-10.596-26.483 0-14.627 0 0"
transform="translate(279.667 149.795)"
fill="#525e77"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 17.238 13.975 31.213 31.213 31.213 17.239 0 31.214-13.975 31.214-31.213 0-17.239-13.975-11.214-31.214-11.214C13.975-11.214 0-17.239 0 0"
transform="translate(302.732 153.736)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 17.238-13.975 31.213-31.213 31.213-17.239 0-31.214-13.975-31.214-31.213 0-17.239 13.975-11.214 31.214-11.214C-13.975-11.214 0-17.239 0 0"
transform="translate(209.268 153.736)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-99.037c-23.246 0-43.051 16.883-46.731 39.836l-38.957 242.995c-1.831 11.421 6.991 21.77 18.557 21.77H88.181c11.566 0 20.387-10.349 18.556-21.77L67.78 39.836C64.9 21.871 52.143 7.624 35.587 2.281"
transform="translate(298.358 7.5)"
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 0c-37.563 2.346-87.396 18.652-135.626 18.652-48.228 0-98.061-16.306-135.625-18.652"
transform="translate(394.99 227.295)"
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 85.832 72.477 74.499 99.913 119.988 9.528 15.798 29.33 22.385 46.103 14.7C207.807 106.379 242.605 36.324 242.605 0"
transform="translate(138.726 312.1)"
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 0a30.126 30.126 0 0 1 4.549 10.785c.711 3.457 3.479 6.18 6.935 6.895 11.836 2.45 21.143 11.799 23.529 23.66.68 3.379 3.372 6.067 6.75 6.748 6.369 1.285 12.405 4.628 17.039 10.035 9.621 11.224 9.621 28.12 0 39.344-4.635 5.407-10.67 8.75-17.039 10.034-3.379.682-6.07 3.37-6.749 6.748-2.398 11.915-11.778 21.296-23.694 23.693-3.379.681-6.067 3.372-6.749 6.75-1.284 6.37-4.627 12.406-10.034 17.04-11.224 9.621-28.12 9.621-39.345-.001-5.406-4.634-8.75-10.669-10.034-17.039a8.673 8.673 0 0 0-6.747-6.75c-11.861-2.385-21.211-11.691-23.661-23.529a8.984 8.984 0 0 0-3.331-5.295"
transform="translate(377.724 335.553)"
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 0-29.994 29.993c-5.981 5.982-15.678 5.982-21.659 0l-19.439-19.438c-5.98-5.981-5.98-15.678 0-21.659L9.146-91.342"
transform="translate(143.836 455.76)"
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 0-30.757 30.757"
transform="translate(200.036 399.559)"
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 0v82.194"
transform="translate(124.379 393.022)"
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 0a7.251 7.251 0 1 1-14.503 0A7.251 7.251 0 0 1 0 0"
transform="translate(199.25 162.99)"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a7.251 7.251 0 1 0 14.503 0A7.251 7.251 0 0 0 0 0"
transform="translate(312.75 162.99)"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 14.627-10.596 16.001-23.667 16.001-13.071 0-23.667-1.374-23.667-16.001s10.596-26.483 23.667-26.483C-10.596-26.483 0-14.627 0 0Z"
transform="translate(279.667 149.795)"
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 0c2.183-13.617 13.932-23.632 27.722-23.632h170.772c13.79 0 25.539 10.015 27.722 23.632"
transform="translate(146.257 86.845)"
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 0 5.235-5.235"
transform="translate(219.12 368.386)"
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 0 6.294 6.293"
transform="translate(275.411 392.022)"
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 0 4.186-4.186"
transform="translate(304.435 359.209)"
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