Add icons to this collection by clicking the heart icon.
Coffee icon - also known as cup, drink, coffee, heart, beverage, love, mug, and food and restaurant. Created in a clean lineal color style with a white, silver, gray, black, red, 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 13.805-11.345 25.124-25.247 25.124h-314.17c-13.873 0-25.247-11.29-25.247-25.124v-101.211l189.57-18.265L0-101.211V-9.261z"
transform="translate(406.106 357.83)"
fill="#fbf8f8"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0c138.789 0 111.215 183.93 37.11 183.93H0l-15.97-20.208L0 145.429h31.596C66.437 145.429 87.893 34.356 0 44.104l-19.157-21.437Z"
transform="translate(406.106 164.64)"
fill="#b8acac"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0c0 13.805-11.345 25.124-25.247 25.124h-65.172c10.57 0 19.675-6.545 23.438-15.749A24.906 24.906 0 0 0-65.172 0v-101.211H0v91.95z"
transform="translate(406.106 357.83)"
fill="#e0d2ce"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0c138.789 0 111.215 183.93 37.11 183.93H11.116C80.224 183.93 108.859 24.096 0 2.401Z"
transform="translate(406.106 164.64)"
fill="#9d9696"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="m0 0-189.14-15.978v-40.33c0-33.384 18.957-62.539 46.703-77.402l.086-.028c2.212 0 3.648-3.973 5.831-3.973l134.021-17.436 123.996 21.409h7.354c27.716 14.834 46.673 44.074 46.673 77.43v40.33z"
transform="translate(230.582 213.716)"
fill="#fbf8f8"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0h-55.349v-40.33c0-33.357-18.957-62.596-46.674-77.431h-7.353c-32.17-.029-64.311-.029-96.479-.029h.574c53.682-.028 107.394 0 161.077.029H-36.851C-9.134-102.926 9.823-73.687 9.823-40.33V0Z"
transform="translate(396.283 197.739)"
fill="#e0d2ce"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0h-364.664v-58.88H0v11.004z"
transform="translate(406.106 256.62)"
fill="#fdb440"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0h-65.172V-58.88H0v11.004z"
transform="translate(406.106 256.62)"
fill="#fe9900"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0h37.11C111.215 0 138.789-183.93 0-183.93Z"
transform="translate(406.106 348.57)"
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 0v-101.326C87.893-111.073 66.437 0 31.596 0Z"
transform="translate(406.106 310.069)"
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 0h-364.664m207.292 58.88H0m-364.664 0h172.193"
transform="translate(406.106 197.739)"
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 0c27.717 14.863 46.674 44.103 46.674 77.459v200.422c0 13.806-11.345 25.124-25.247 25.124H-43.63m-201.462 0h-47.651c-13.873 0-25.247-11.29-25.247-25.124V77.459c0-33.384 18.957-62.539 46.703-77.402"
transform="translate(359.433 79.95)"
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-6.405.029-11.633-5.202-11.633-11.576v-9.775c0-17.15 14.074-31.155 31.279-31.155h381.209c17.206 0 31.28 14.034 31.28 31.155v9.775c0 6.374-5.228 11.605-11.633 11.576C280.306-.085 140.167-.085 0 0"
transform="translate(19.096 80.006)"
fill="#fdb440"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="m0 0-61.122-.028c6.232-.229 11.259-5.346 11.259-11.605v-9.775c0-16.578-13.241-30.269-29.728-31.098h59.945c17.205 0 31.279 14.034 31.279 31.155v9.775C11.633-5.202 6.405.029 0 0"
transform="translate(439.598 80.006)"
fill="#fe9900"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0h183.74c6.406 0 11.633-5.202 11.633-11.576v-9.775c0-17.121-14.074-31.155-31.279-31.155h-381.209c-17.205 0-31.28 14.005-31.28 31.155v9.775c0 6.374 5.228 11.576 11.633 11.576l202.726-.057"
transform="translate(255.857 80.006)"
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.413-1.887 3.619-2.944 4.825-2.973C6.032-2.944 7.238-1.887 9.65 0l63.737 62.853c18.842 19.437 18.842 51.249 0 70.685-17.148 17.636-44.808 13.206-63.104-3.172-3.361-3.03-4.567-4.545-5.458-4.545-.919 0-2.096 1.515-5.485 4.545-18.297 16.378-45.957 20.808-63.076 3.172-18.842-19.436-18.842-51.248 0-70.685z"
transform="translate(267.606 339.623)"
fill="#fe76a8"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0c1.78-1.4 2.671-2.172 3.562-2.201.89.029 1.78.801 3.561 2.201l47.048 46.418c13.931 14.349 13.931 37.844 0 52.192-12.638 13.034-33.06 9.776-46.56-2.343-2.499-2.23-3.389-3.345-4.049-3.345-.662 0-1.551 1.115-4.05 3.345-13.5 12.119-33.922 15.377-46.589 2.343-13.902-14.348-13.902-37.843 0-52.192z"
transform="translate(171.7 306.953)"
fill="#fe0263"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0c.891.028 1.78.8 3.562 2.201l47.047 46.418c4.969 5.116 8.158 11.376 9.594 17.95 2.585 11.948-.603 24.981-9.594 34.242-5.887 6.06-13.47 8.604-21.255 8.346 5.142-5.973 8.072-13.319 8.79-20.836 1.005-10.633-2.413-21.637-10.254-29.726l-44.32-43.703L-3.562 2.201C-1.781.8-.891.028 0 0"
transform="translate(175.262 304.752)"
fill="#e30256"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0c2.413-1.887 3.619-2.944 4.825-2.973C6.032-2.944 7.238-1.887 9.65 0l63.737 62.853c18.842 19.437 18.842 51.249 0 70.685-11.26 11.605-27.086 13.663-41.792 9.061a36.713 36.713 0 0 0 8.675-6.688c18.871-19.436 18.871-51.221 0-70.657l-53.195-52.506Z"
transform="translate(267.606 339.623)"
fill="#fe5694"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0c1.78-1.4 2.671-2.172 3.562-2.201.89.029 1.78.801 3.561 2.201l47.048 46.418c13.931 14.349 13.931 37.844 0 52.192-12.638 13.034-33.06 9.776-46.56-2.343-2.499-2.23-3.389-3.345-4.049-3.345-.662 0-1.551 1.115-4.05 3.345-13.5 12.119-33.922 15.377-46.589 2.343-13.902-14.348-13.902-37.843 0-52.192z"
transform="translate(171.7 306.953)"
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 32.141-31.698c2.413-1.887 3.619-2.945 4.825-2.973 1.207.028 2.413 1.086 4.825 2.973l63.736 62.853c18.842 19.436 18.842 51.249 0 70.685-17.147 17.636-44.807 13.205-63.103-3.173-3.361-3.029-4.568-4.544-5.458-4.544-.919 0-2.097 1.515-5.486 4.544-18.296 16.378-45.957 20.809-63.076 3.173-15.854-16.349-18.382-41.416-7.582-60.538"
transform="translate(235.465 371.322)"
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