Add icons to this collection by clicking the heart icon.
Coffee icon - also known as color, coffee, fast food, hot drink, coffee cup, holidays, mug, bubble tea, cafe, chocolate, and food and restaurant. Created in a clean lineal color style with a white, silver, gray, black, 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 16.683 13.524 30.208 30.208 30.208h65.795c4.696 9.018 7.351 19.269 7.351 30.139v180.561h-279.221V60.347c0-36.093 29.26-65.353 65.353-65.353H5.006A5.006 5.006 0 0 0 0 0"
transform="translate(292.257 88.14)"
fill="#f6f9f9"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-92.17c0-73.865-59.879-133.744-133.744-133.744h-87.178c11.887-12.33 28.575-20 47.055-20h115.519a5.007 5.007 0 0 0-5.006 5.006c0 16.683 13.525 30.208 30.208 30.208h65.795C37.346-201.682 40-191.431 40-180.561V0Z"
transform="translate(355.61 329.047)"
fill="#e7ecf1"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-484.072l11.992-20.865a51.354 51.354 0 0 1 44.524-25.764h371.039a51.355 51.355 0 0 1 44.525 25.764z"
transform="translate(498.036 83.133)"
fill="#f6f9f9"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-.497-.864a51.354 51.354 0 0 0-44.524-25.765h-371.04c-.225 0-.45.002-.676.005a51.36 51.36 0 0 1 40.676-20.005h371.04a51.354 51.354 0 0 1 44.524 25.765L51.494 0Z"
transform="translate(446.541 83.133)"
fill="#e7ecf1"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-326.828a14.31 14.31 0 0 0-13.096 8.543l-9.01 20.461H22.105L13.097 8.543A14.312 14.312 0 0 0 0 0"
transform="translate(419.414 7.5)"
fill="#f6f9f9"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-19.573 0-35.439 15.867-35.439 35.439v34.385c0 .582.472 1.054 1.054 1.054h62.367v29.004h-89.813a2.613 2.613 0 0 1-2.612-2.612V35.439C-64.443-.152-35.591-29.004 0-29.004h27.982V0Z"
transform="translate(88.408 195.07)"
fill="#e7ecf1"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-95.436c-16.683 0-30.208-13.524-30.208-30.208a5.006 5.006 0 0 1 5.006-5.005h145.84a5.005 5.005 0 0 1 5.005 5.005C30.207-13.524 16.683 0 0 0"
transform="translate(417.9 118.347)"
fill="#c67d66"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-89.701-32.583c-15.681-5.695-23.776-23.024-18.08-38.706a5.006 5.006 0 0 1 6.414-2.995L35.71-24.494a5.006 5.006 0 0 1 2.996 6.414C33.01-2.398 15.681 5.696 0 0"
transform="translate(322.357 157.711)"
fill="#d09080"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M116.39 254.952h279.221v40H116.39Z"
fill="#eab1b7"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M355.61 254.952h40v40h-40z"
fill="#e4989d"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h72.226c5.326 0 9.644-4.318 9.644-9.645v-60.903h39.582v64.611c0 21.921-17.77 39.691-39.691 39.691H49.752h6.017c10 0 18.107 8.107 18.107 18.108 0 10-8.107 18.108-18.107 18.108h-6.017 53.813c9.472 0 17.539 7.365 17.875 16.83.354 9.938-7.597 18.105-17.456 18.105H-30.655c-9.472 0-17.539-7.365-17.875-16.831-.354-9.937 7.597-18.104 17.456-18.104h-23.905c-10 0-18.107-8.108-18.107-18.108 0-10.001 8.107-18.108 18.107-18.108h62.7H0c-9.321 0-16.877-7.556-16.877-16.877C-16.877 7.556-9.321 0 0 0"
transform="translate(172.2 399.595)"
fill="#f1ddd5"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a39.534 39.534 0 0 0 3.461-16.23v-45.973c0-10.294-8.346-18.639-18.64-18.639h-.942v-20h39.582v64.612C23.461-20.092 13.829-6.204 0 0"
transform="translate(270.191 429.89)"
fill="#e7c6bc"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h28.064a51.356 51.356 0 0 1 44.525 25.765l11.992 20.864h-484.072l11.992-20.864A51.354 51.354 0 0 1-342.975 0H-35"
transform="translate(413.455 36.504)"
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-9.009-20.46a14.31 14.31 0 0 0-13.096-8.544h-326.828a14.311 14.311 0 0 0-13.097 8.544L-371.039 0"
transform="translate(441.52 36.504)"
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-95.436c-16.683 0-30.208-13.524-30.208-30.208a5.006 5.006 0 0 1 5.006-5.005h145.84a5.005 5.005 0 0 1 5.005 5.005C30.207-13.524 16.683 0 0 0Z"
transform="translate(417.9 118.347)"
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-89.701-32.583c-15.681-5.695-23.776-23.024-18.08-38.706a5.006 5.006 0 0 1 6.414-2.995L35.71-24.494a5.006 5.006 0 0 1 2.996 6.414C33.01-2.398 15.681 5.696 0 0Z"
transform="translate(322.357 157.711)"
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 0c4.696 9.018 7.351 19.269 7.351 30.14V210.7H-271.87V30.14c0-36.094 29.26-65.353 65.353-65.353h115.52"
transform="translate(388.26 118.347)"
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 0v4.975c0 21.92-17.771 39.69-39.691 39.69H-71.7h6.016c10.001 0 18.108 8.107 18.108 18.108 0 10-8.107 18.108-18.108 18.108H-71.7h53.813c9.472 0 17.538 7.365 17.875 16.83.354 9.938-7.597 18.105-17.456 18.105h-134.639c-9.472 0-17.539-7.365-17.875-16.831-.354-9.937 7.597-18.104 17.456-18.104h-23.905c-10 0-18.107-8.108-18.107-18.108 0-10.001 8.107-18.108 18.107-18.108h62.7-7.721c-9.321 0-16.878-7.556-16.878-16.877 0-9.321 7.557-16.877 16.878-16.877h72.225c5.327 0 9.645-4.318 9.645-9.644v-60.904"
transform="translate(293.652 388.684)"
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 0v24.637"
transform="translate(293.652 329.047)"
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-279.221"
transform="translate(395.61 294.952)"
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 0h210.937"
transform="translate(184.673 254.952)"
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 0h33.284"
transform="translate(116.39 254.952)"
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-27.982c-19.573 0-35.44 15.867-35.44 35.439v34.385c0 .582.472 1.054 1.054 1.054H0"
transform="translate(116.39 195.07)"
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-89.813a2.613 2.613 0 0 1-2.613-2.613v-61.83c0-35.592 28.852-64.444 64.444-64.444H0"
transform="translate(116.39 294.952)"
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