Add icons to this collection by clicking the heart icon.
Coffee icon - also known as coffee, people, happy, hot drink, boy, and avatar. Created in a clean blue style with a white and silver 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 60 60"
>
<g fill="none" fill-rule="evenodd">
<g fill-rule="nonzero">
<path
fill="#a4c2f7"
d="M39 54v3a2.006 2.006 0 0 1-2 2H5a2.006 2.006 0 0 1-2-2v-3c0-5.523 4.477-10 10-10h1a7 7 0 0 0 14 0h1c.788 0 1.574.095 2.34.28A7.414 7.414 0 0 0 31 46.5a7.5 7.5 0 0 0 7.5 7.5z"
/>
<path
fill="#7facfa"
d="M38.5 54a7.5 7.5 0 0 1-7.5-7.5c0-.753.115-1.502.34-2.22A9.995 9.995 0 0 0 29 44h-1c0 .073-.009.144-.011.216.116.024.236.036.351.064A7.414 7.414 0 0 0 28 46.5a7.5 7.5 0 0 0 7.5 7.5h.5v3a2.006 2.006 0 0 1-2 2h3a2.006 2.006 0 0 0 2-2v-3z"
/>
<path
fill="#e8edfc"
d="M28 44a7 7 0 0 1-14 0h3.97c-.08-2.29-.3-3.15-.52-5.23 1.177.158 2.363.235 3.55.23a25.823 25.823 0 0 0 3.55-.23c-.22 2.08-.44 2.94-.52 5.23z"
/>
<path
fill="#a4c2f7"
d="M6.22 27.79c-.391.14-.804.212-1.22.21a4 4 0 1 1 0-8c.338-.003.674.04 1 .13v3.04a35.407 35.407 0 0 0 .22 4.62zM41 24a4 4 0 0 1-4 4 3.556 3.556 0 0 1-1.22-.21c.174-1.534.247-3.077.22-4.62v-3.04c.326-.09.662-.133 1-.13a4 4 0 0 1 4 4z"
/>
<path
fill="#e8edfc"
d="M33 13.6c-11.71-.54-16.29-4.16-16.29-4.16S15.64 14.72 6 14.72v8.45a35.407 35.407 0 0 0 .22 4.62c.61 4.62 2.87 9.85 11.23 10.98.925.129 1.856.202 2.79.22.25.01.5.01.76.01a25.823 25.823 0 0 0 3.55-.23c8.36-1.13 10.62-6.36 11.23-10.98.174-1.534.247-3.077.22-4.62v-9.5c-1.05 0-2.05-.02-3-.07zM28 20a2 2 0 1 1 0 4 2 2 0 0 1 0-4zm-16 2a2 2 0 1 1 4 0 2 2 0 0 1-4 0zm2 8h14s-1.75 5-7 5-7-5-7-5z"
/>
<path
fill="#cad9fc"
d="M36 13.67v9.5a35.407 35.407 0 0 1-.22 4.62c-.61 4.62-2.87 9.85-11.23 10.98A25.823 25.823 0 0 1 21 39c-.26 0-.51 0-.76-.01s-.5-.03-.74-.04c.72-.04 1.41-.09 2.05-.18 8.36-1.13 10.62-6.36 11.23-10.98.174-1.534.247-3.077.22-4.62V13.6c.95.05 1.95.07 3 .07z"
/>
<circle cx="14" cy="22" r="2" fill="#a4c2f7" />
<circle cx="28" cy="22" r="2" fill="#a4c2f7" />
<path fill="#a4c2f7" d="M28 30s-1.75 5-7 5-7-5-7-5z" />
<path
fill="#e8edfc"
d="M36 12.08v1.59c-13.93 0-19.29-4.23-19.29-4.23S15.64 14.72 6 14.72V9.97C6 6.18 11.36 1 21 1c3.831-.148 7.618.86 10.87 2.89a8.971 8.971 0 0 1 4.09 5.55c.02.09.02.71.03 1.32S36 12 36 12.08z"
/>
<path
fill="#cad9fc"
d="M35.99 10.76c-.01-.61-.01-1.23-.03-1.32a8.971 8.971 0 0 0-4.09-5.55A19.132 19.132 0 0 0 21 1c-.5 0-.981.022-1.458.049A18.309 18.309 0 0 1 28.87 3.89a8.971 8.971 0 0 1 4.09 5.55c.02.09.02.71.03 1.32S33 12 33 12.08v1.514c.957.045 1.946.076 3 .076v-1.59c0-.08 0-.7-.01-1.32z"
/>
<path
fill="#e8edfc"
d="M59 39v13a7 7 0 0 1-7 7h-6a7 7 0 0 1-7-7V39z"
/>
<path
fill="#cad9fc"
d="M56 39v13a7 7 0 0 1-7 7h3a7 7 0 0 0 7-7V39z"
/>
<path
fill="#e8edfc"
d="M59 35v4H39v-4a1 1 0 0 1 1-1h18a1 1 0 0 1 1 1z"
/>
<path
fill="#cad9fc"
d="M58 34h-3a1 1 0 0 1 1 1v4h3v-4a1 1 0 0 0-1-1z"
/>
</g>
<path d="M38.5 43a3.5 3.5 0 0 0 0 7h.5v-7z" />
<path
fill="#a4c2f7"
fill-rule="nonzero"
d="M39.29 54h-.79a7.5 7.5 0 0 1-7.5-7.5 7.515 7.515 0 0 1 7.5-7.5h.5v4h-.5a3.5 3.5 0 0 0 0 7h.5v2a6.908 6.908 0 0 0 .29 2z"
/>
<path
fill="#fff"
fill-rule="nonzero"
d="M6 57v-3c0-5.523 4.477-10 10-10h-3C7.477 44 3 48.477 3 54v3a2.006 2.006 0 0 0 2 2h3a2.006 2.006 0 0 1-2-2zM9.22 27.79A35.407 35.407 0 0 1 9 23.17V9.97c0-3.59 4.81-8.43 13.52-8.92-.49-.04-1-.05-1.52-.05C11.36 1 6 6.18 6 9.97v13.2a35.407 35.407 0 0 0 .22 4.62c.61 4.62 2.87 9.85 11.23 10.98.925.129 1.856.202 2.79.22.25.01.5.01.76.01.52 0 1.02-.01 1.5-.04-.72-.03-1.4-.1-2.05-.19-8.36-1.13-10.62-6.36-11.23-10.98z"
/>
<path
fill="#fff"
fill-rule="nonzero"
d="M13.519 3.288 12.8 1.422A23.553 23.553 0 0 1 21 0v2a21.6 21.6 0 0 0-7.481 1.288z"
/>
<path
fill="#428dff"
fill-rule="nonzero"
d="M21 36a8.624 8.624 0 0 0 7.944-5.67A1 1 0 0 0 28 29H14a1 1 0 0 0-.944 1.33A8.624 8.624 0 0 0 21 36zm5.364-5a6.3 6.3 0 0 1-10.728 0zM17 25a1 1 0 0 0 0-2h-.184c.118-.32.18-.659.184-1a3 3 0 0 0-6 0c.003.341.066.68.184 1H11a1 1 0 0 0 0 2zm-4-3a1 1 0 1 1 2 0 1 1 0 0 1-2 0zM25 25h6a1 1 0 0 0 0-2h-.184c.118-.32.18-.659.184-1a3 3 0 0 0-6 0c.003.341.066.68.184 1H25a1 1 0 0 0 0 2zm2-3a1 1 0 1 1 2 0 1 1 0 0 1-2 0zM20 27h2a1 1 0 0 0 0-2h-2a1 1 0 0 0 0 2zM17.032 2.327a1 1 0 0 1-.01-2h.01a1 1 0 0 1 0 2zM50 22a3.769 3.769 0 0 0 1.314 2.728A1.9 1.9 0 0 1 52 26a1.9 1.9 0 0 1-.686 1.272 1 1 0 0 0 1.374 1.454A3.767 3.767 0 0 0 54 26a3.769 3.769 0 0 0-1.314-2.728A1.9 1.9 0 0 1 52 22a1.9 1.9 0 0 1 .688-1.274A3.767 3.767 0 0 0 54 18a3.767 3.767 0 0 0-1.312-2.726 1 1 0 1 0-1.374 1.454A1.9 1.9 0 0 1 52 18a1.9 1.9 0 0 1-.688 1.274A3.767 3.767 0 0 0 50 22zM44 22a3.769 3.769 0 0 0 1.314 2.728A1.9 1.9 0 0 1 46 26a1.9 1.9 0 0 1-.686 1.272 1 1 0 0 0 1.374 1.454A3.767 3.767 0 0 0 48 26a3.769 3.769 0 0 0-1.314-2.728A1.9 1.9 0 0 1 46 22a1.9 1.9 0 0 1 .688-1.274A3.767 3.767 0 0 0 48 18a3.767 3.767 0 0 0-1.312-2.726 1 1 0 1 0-1.374 1.454A1.9 1.9 0 0 1 46 18a1.9 1.9 0 0 1-.688 1.274A3.767 3.767 0 0 0 44 22z"
/>
<path
fill="#428dff"
fill-rule="nonzero"
d="M58 33H40a2 2 0 0 0-2 2v3.015a8.417 8.417 0 0 0-7.289 5.138A10.859 10.859 0 0 0 29 43h-3.917c.06-.894.146-1.57.244-2.324.042-.321.085-.669.129-1.04 7.707-1.341 10.27-6.222 11.119-10.665.141.012.279.029.425.029a5 5 0 0 0 0-10v-6.917c0-.024-.005-2.492-.058-2.8C36.322 5.55 31.565 0 21 0a1 1 0 0 0 0 2c9.256 0 13.48 4.667 13.963 7.559.02.251.037 2.2.037 2.524v.565c-12.572-.2-17.62-3.953-17.667-3.989a.993.993 0 0 0-.952-.151c-.325.116-.568.39-.645.725C15.7 9.409 14.688 13.384 7 13.7V9.973a4.487 4.487 0 0 1 .645-2.128A7.587 7.587 0 0 1 9.17 5.938a13.4 13.4 0 0 1 4.349-2.65 1 1 0 0 0-.714-1.866 15.366 15.366 0 0 0-5 3.062A9.538 9.538 0 0 0 5.9 6.869a6.438 6.438 0 0 0-.9 3.1V19a5 5 0 0 0 0 10c.146 0 .284-.017.425-.029.849 4.443 3.412 9.324 11.119 10.665.044.371.087.719.129 1.04.1.754.184 1.43.244 2.324H13c-6.072.007-10.993 4.928-11 11v3a3 3 0 0 0 3 3h32a2.994 2.994 0 0 0 2.975-2.754A7.976 7.976 0 0 0 46 60h6a8.009 8.009 0 0 0 8-8V35a2 2 0 0 0-2-2zm0 2v3H40v-3zM38 48.949a2.5 2.5 0 0 1 0-4.9zm0-8.909v2.011a4.474 4.474 0 0 0 0 8.9V52c.002.327.024.654.066.978A6.5 6.5 0 0 1 32 46.5a6.49 6.49 0 0 1 6-6.46zM40 24a3 3 0 0 1-3 3c-.05 0-.093-.018-.142-.02.142-1.449.142-2.775.142-3.813V21a3 3 0 0 1 3 3zM5 27a3 3 0 0 1 0-6v2.167c0 1.038 0 2.364.142 3.813-.049.002-.092.02-.142.02zm2-3.833V15.7c6.684-.257 9.241-3.076 10.181-4.78 2.158 1.216 7.662 3.592 17.819 3.74v8.507C35 28.351 35 38 21 38a24.962 24.962 0 0 1-3.253-.2c-.015 0-.031 0-.046-.005C7.007 36.371 7 27.905 7 23.167zM17 46a1 1 0 0 0 2 0c0-.774-.012-1.424-.031-2v-.007a32.977 32.977 0 0 0-.312-3.575 237.95 237.95 0 0 1-.066-.522c.763.064 1.559.1 2.41.1s1.647-.04 2.41-.1l-.066.522a32.977 32.977 0 0 0-.312 3.575V44a59.747 59.747 0 0 0-.031 2 1 1 0 0 0 2 0c0-.36 0-.691.007-1h1.9a5.993 5.993 0 0 1-11.82 0h1.9c.011.309.011.64.011 1zM4 57v-3a9.01 9.01 0 0 1 9-9h.069a7.993 7.993 0 0 0 15.862 0H29c.378.002.756.028 1.131.077A8.333 8.333 0 0 0 32 51.968V58H10v-4a1 1 0 0 0-2 0v4H5a1 1 0 0 1-1-1zm33 1h-3v-4.3a8.439 8.439 0 0 0 4 1.277V57a1 1 0 0 1-1 1zm15 0h-6a6.006 6.006 0 0 1-6-6V40h18v12a6.006 6.006 0 0 1-6 6z"
/>
<path
fill="#428dff"
fill-rule="nonzero"
d="M46 54a1.885 1.885 0 0 1-2-2.006A1 1 0 0 0 42 52a3.888 3.888 0 0 0 4 4 1 1 0 0 0 0-2z"
/>
</g>
</svg>
More icons in the same style and category