Add icons to this collection by clicking the heart icon.
Coffee icon - also known as food, coffee, hot drink, color palette, take away, coffee shop, coffee cup, Paper cup, food and restaurant, color of the year, color 2020, and classic blue. Created in a clean lineal color style with a white, silver, teal, 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="512"
height="512"
viewBox="0 0 512 512"
>
<linearGradient
id="a"
x1="0"
x2="512"
y1="256"
y2="256"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#d2deff" stop-opacity="0" />
<stop offset=".459" stop-color="#cee2fd" stop-opacity=".67" />
<stop offset=".685" stop-color="#c9e7fa" />
</linearGradient>
<path
fill="url(#a)"
d="M20.337 133.512C-3.63 172.91-6.156 241.125 11.4 283.768c15.377 37.351 45.966 72.409 86.12 76.801 14.766 1.615 29.858-1.024 44.472 1.638 50.257 9.152 68.952 71.09 108.01 104.014 27.182 22.913 64.898 31.021 100.174 26.607s68.302-20.363 97.376-40.824c22.957-16.157 44.436-36.022 55.764-61.707 23.744-53.839-4.19-118.501-47.587-158.239-13.516-12.377-28.581-23.294-39.875-37.727s-18.48-33.695-13.099-51.214c4.293-13.977 15.849-24.812 20.227-38.763 5.958-18.984-3.035-40.281-17.802-53.616s-34.308-20.039-53.666-24.64C270.411 6.818 92.691 14.574 20.337 133.512z"
/>
<path
fill="#bae1f8"
d="M401.918 104.784H125.456c-5.523 0-10 4.477-10 10v29.112c0 5.523 4.477 10 10 10h5.335l2.446 21.114 24.665 213.056c-15.713-2.578-36.906 5.852-54.138 23.083-23.325 23.325-30.547 53.92-16.13 68.336 11.28 11.28 32.464 9.311 52.32-3.251 10.79 6.597 25.622 10.674 41.998 10.674 26.315 0 48.638-10.523 56.598-25.128h104.566c10.16 0 18.7-7.61 19.87-17.7l31.15-269.07 2.446-21.114h5.335c5.523 0 10-4.477 10-10v-29.112c.001-5.523-4.476-10-9.999-10z"
/>
<path
fill="#3e85a9"
d="M391.723 109.34H135.652v-44.5c0-5.523 4.477-10 10-10h236.071c5.523 0 10 4.477 10 10z"
/>
<path
fill="#fff"
d="m400.94 96.31-3.7 31.93-3.1 26.77-8.1 69.94-23.05 199.13c-1.17 10.09-9.71 17.7-19.87 17.7H184.26c-10.16 0-18.7-7.61-19.87-17.7l-31.15-269.07-6.8-58.7z"
/>
<path
fill="#fff"
d="m397.24 128.24-3.1 26.77-8.1 69.94-.33.03c-11.79 1-22.8-2.13-31.78-8.07l-15.87 6.98c-3.27 1.44-6.61-1.89-5.17-5.17l6.99-15.87c-5.95-8.98-9.08-19.99-8.07-31.78 2.06-24.3 21.95-43.75 46.29-45.3 6.72-.43 13.18.47 19.14 2.47z"
/>
<path fill="#3e85a9" d="m385.947 225.78-17.14 148h-210.24l-17.14-148z" />
<path fill="#3e85a9" d="m385.947 225.78-17.14 148h-210.24l-17.14-148z" />
<path
fill="#73aacf"
d="M212.397 267.28c0 2.76-2.24 5-5 5h-60.58l-1.16-10h61.74c2.76 0 5 2.24 5 5zM182.397 287.89c0 2.76-2.24 5-5 5h-28.2l-1.16-10h29.36c2.76 0 5 2.24 5 5zM182.397 306.68c0 2.76-2.24 5-5 5h-26.02l-1.16-10h27.18c2.76 0 5 2.24 5 5z"
/>
<path fill="#fff" d="m400.937 96.31-6.8 58.7h-260.9l-6.8-58.7z" />
<ellipse cx="181.953" cy="429.993" fill="#2a719b" rx="59.727" ry="36.915" />
<path
fill="#73aacf"
d="M181.953 393.078c32.985 0 59.727 16.527 59.727 36.915 0 1.095-.077 2.174-.231 3.245-11.714-.081-11.791-6.491-23.66-6.491-11.945 0-11.945 6.491-23.891 6.491-11.945 0-11.945-6.491-23.891-6.491-11.945 0-11.945 6.491-23.891 6.491-11.868 0-11.945-6.409-23.66-6.491 2.66-18.871 28.285-33.669 59.497-33.669z"
/>
<ellipse
cx="129.868"
cy="417.253"
fill="#73aacf"
rx="59.727"
ry="36.915"
transform="rotate(-45 129.802 417.308)"
/>
<path
fill="#3e85a9"
d="M103.765 391.15c23.324-23.324 53.919-30.547 68.336-16.13a22.72 22.72 0 0 1 2.131 2.458c-8.341 8.226-12.927 3.748-21.319 12.14-8.447 8.447-3.857 13.036-12.304 21.483s-13.036 3.857-21.483 12.304-3.857 13.036-12.304 21.483c-8.392 8.392-12.979 3.914-21.319 12.14-11.464-15.225-3.809-43.808 18.262-65.878z"
/>
<path
fill="#73aacf"
d="M401.918 133.896H125.456c-5.523 0-10-4.477-10-10V94.784c0-5.523 4.477-10 10-10h276.462c5.523 0 10 4.477 10 10v29.112c0 5.523-4.477 10-10 10z"
/>
<ellipse
cx="280.164"
cy="298.745"
fill="#73aacf"
rx="49.804"
ry="30.782"
transform="rotate(-45 280.13 298.82)"
/>
<path
fill="#fff"
d="M258.398 276.979c19.449-19.449 44.961-25.472 56.983-13.45a18.914 18.914 0 0 1 1.777 2.05c-6.955 6.859-10.78 3.125-17.777 10.123-7.043 7.043-3.216 10.87-10.26 17.914-7.043 7.043-10.87 3.216-17.914 10.26-7.043 7.043-3.216 10.87-10.26 17.914-6.998 6.998-10.823 3.264-17.777 10.123-9.559-12.696-3.176-36.53 15.228-54.934z"
/>
<path
fill="#ff7eb8"
d="M88.398 347.912a5 5 0 0 1-5-5c0-3.309-2.691-6-6-6a5 5 0 1 1 0-10c3.309 0 6-2.691 6-6a5 5 0 1 1 10 0c0 3.309 2.691 6 6 6a5 5 0 1 1 0 10c-3.309 0-6 2.691-6 6a5 5 0 0 1-5 5z"
/>
<path
fill="#2a719b"
d="M416.935 298.371a5 5 0 0 1-5-5c0-3.309-2.691-6-6-6a5 5 0 1 1 0-10c3.309 0 6-2.691 6-6a5 5 0 1 1 10 0c0 3.309 2.691 6 6 6a5 5 0 1 1 0 10c-3.309 0-6 2.691-6 6a5 5 0 0 1-5 5zM104.065 282.28a4.998 4.998 0 0 1-3.536-8.535l10-10a5 5 0 1 1 7.071 7.07l-10 10a4.98 4.98 0 0 1-3.535 1.465z"
/>
<path
fill="#ff7eb8"
d="M424.602 230.497a4.998 4.998 0 0 1-3.536-8.535l10-10a5 5 0 1 1 7.071 7.07l-10 10a4.981 4.981 0 0 1-3.535 1.465zM103.792 52.092a5 5 0 0 1-5-5c0-3.309-2.691-6-6-6a5 5 0 1 1 0-10c3.309 0 6-2.691 6-6a5 5 0 1 1 10 0c0 3.309 2.691 6 6 6a5 5 0 1 1 0 10c-3.309 0-6 2.691-6 6a5 5 0 0 1-5 5zM431.018 162.762c1.925-30.06-22.862-54.848-52.922-52.922-24.34 1.559-44.226 21.004-46.29 45.306-1.001 11.788 2.122 22.803 8.072 31.781l-6.986 15.866c-1.443 3.277 1.896 6.615 5.173 5.173l15.866-6.986c8.978 5.95 19.993 9.073 31.781 8.072 24.302-2.063 43.747-21.949 45.306-46.29z"
/>
<path
fill="#014073"
d="M420.087 120.772a54.47 54.47 0 0 0-3.169-2.902V94.784c0-8.271-6.729-15-15-15h-5.195V64.841c0-8.271-6.729-15-15-15H145.652c-8.271 0-15 6.729-15 15v14.943h-5.196c-8.271 0-15 6.729-15 15v29.112c0 8.271 6.729 15 15 15h.881l23.323 201.443a5 5 0 1 0 9.934-1.15l-23.19-200.293h194.252a53.698 53.698 0 0 0-3.833 15.827c-.982 11.567 1.575 22.783 7.41 32.614l-5.918 13.44a8.869 8.869 0 0 0 1.857 9.907 8.866 8.866 0 0 0 9.907 1.857l13.441-5.919c8.459 5.021 17.945 7.615 27.798 7.615.31 0 .621-.015.932-.02l-24.232 209.29a14.998 14.998 0 0 1-14.901 13.275h-97.264c.541-2.22.827-4.488.827-6.792 0-11.658-7.055-22.438-19.865-30.356-11.581-7.157-26.734-11.216-42.857-11.528-1.126-6.551-3.914-12.216-8.321-16.624-8.244-8.243-20.854-10.876-35.512-7.419-13.799 3.257-27.967 11.62-39.896 23.549s-20.292 26.097-23.548 39.896c-3.459 14.656-.825 27.268 7.418 35.511 5.876 5.877 13.973 8.903 23.448 8.903 3.816 0 7.855-.49 12.064-1.483 6.823-1.611 13.735-4.474 20.423-8.395 11.649 6.361 26.471 9.863 41.919 9.863 16.87 0 32.802-4.105 44.862-11.559 6.316-3.904 11.226-8.506 14.588-13.564h101.713c12.698 0 23.374-9.512 24.834-22.125l24.494-211.556c23.712-4.894 41.984-25.389 43.562-50.023 1.011-15.759-4.792-31.181-15.919-42.308zM117.313 460.707c-11.159 2.635-20.443.943-26.143-4.757-5.702-5.701-7.391-14.986-4.757-26.144 2.836-12.015 10.254-24.488 20.887-35.122 10.633-10.633 23.106-18.051 35.122-20.887 11.158-2.634 20.443-.943 26.144 4.757 12.232 12.232 4.846 40.289-16.13 61.266-10.634 10.633-23.107 18.051-35.123 20.887zm64.64 1.201c-11.741 0-22.996-2.219-32.373-6.31a101 101 0 0 0 9.926-8.708c11.929-11.929 20.292-26.097 23.549-39.896a54.852 54.852 0 0 0 1.358-8.879c28.577.781 52.267 15.058 52.267 31.877 0 17.301-25.062 31.916-54.727 31.916zm-56.497-333.012c-2.757 0-5-2.243-5-5V94.784c0-2.757 2.243-5 5-5h232.266a5 5 0 1 0 0-10h-217.07V64.841c0-2.757 2.243-5 5-5h236.071c2.757 0 5 2.243 5 5v19.943a5 5 0 0 0 5 5h10.195c2.757 0 5 2.243 5 5v16.304a54.978 54.978 0 0 0-29.142-6.239c-17.263 1.107-32.491 10.417-41.748 24.047zm300.572 33.547c-1.401 21.879-18.916 39.774-40.739 41.626-10.233.869-20.121-1.64-28.597-7.257a5 5 0 0 0-4.777-.408l-13.332 5.87 5.871-13.332a5 5 0 0 0-.408-4.776c-5.617-8.477-8.127-18.365-7.258-28.597 1.853-21.823 19.749-39.338 41.627-40.739a44.823 44.823 0 0 1 34.601 13.013c9.095 9.095 13.838 21.707 13.012 34.6z"
/>
<g fill="#fff">
<circle cx="362.353" cy="158.902" r="5.59" />
<circle cx="382.263" cy="158.902" r="5.59" />
<circle cx="402.173" cy="158.902" r="5.59" />
</g>
</svg>
More icons in the same style and category