Add icons to this collection by clicking the heart icon.
Coffee icon - also known as cup, coffee, hot drink, coffee cup, tea cup, and food and restaurant. Created in a clean outline color style with a white, gray, red, olive, 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 64 64"
>
    <path
        fill="#ddd"
        d="m60.77 9.89-7.32 3.23-1.06-2.41-.14-.31-1.22-2.77 4.75-2.1 1.63-.72.94-.41z"
    />
    <path
        fill="#e2e2e2"
        d="M48 41a7 7 0 0 1-7 7h-4.42l1.17-14H41a7 7 0 0 1 7 7z"
    />
    <path
        fill="#fff"
        d="M44 41a3.009 3.009 0 0 1-3 3h-4.09l.51-6H41a3.009 3.009 0 0 1 3 3z"
    />
    <path
        fill="#f7f7f7"
        d="m38 31-.25 3-.33 4-.51 6-.33 4-.12 1.5a6 6 0 0 1-5.98 5.5H15.52a6 6 0 0 1-5.98-5.5L8 31z"
    />
    <path
        fill="#e2e2e2"
        d="M26 29.058c6.847.184 12 .988 12 1.951C38 32.109 31.284 33 23 33s-15-.891-15-1.991c0-1.01 5.661-1.844 13-1.974zM3 55h40v1.784A4.216 4.216 0 0 1 38.784 61H7.216A4.216 4.216 0 0 1 3 56.784V55z"
    />
    <path
        fill="#8c6239"
        d="M30.01 23.38c-1.88.9-4.01 2.86-4.01 4.64V33h-5v-4c0-3.38 2.14-6.76 7.63-7.73l.12.19z"
    />
    <path
        fill="#9b6f4b"
        d="M30.01 23.38c-1.88.9-4.01 2.86-4.01 4.64V33h-4v-4c0-3.19 1.91-6.39 6.75-7.54z"
    />
    <path
        fill="#c1272d"
        d="M53.45 13.12 29.65 23.6l-.86-1.94-.34-.78-1.22-2.77 21.66-9.54 2.14-.94 1.22 2.77z"
    />
    <path
        fill="#e8e8e8"
        d="m54.361 9.471-2.111.929-1.22-2.77 4.75-2.1.061.14a2.885 2.885 0 0 1-1.48 3.801z"
    />
    <path
        fill="#cc3742"
        d="m52.25 10.4-23.8 10.48-1.22-2.77 21.66-9.54 2.14-.94z"
    />
    <path
        d="M7.216 62h31.568A5.222 5.222 0 0 0 44 56.783V55a1 1 0 0 0-1-1h-7.652a6.967 6.967 0 0 0 2.107-4.419L37.5 49H41a8 8 0 0 0 0-16h-2.163L39 31.083c0-.014-.006-.025-.005-.039s.008-.023.008-.035c0-.693-.005-2.5-12-2.921v-.07c0-1.135 1.471-2.628 2.987-3.49.022-.008.047 0 .068-.014l23.791-10.482 7.321-3.224a1 1 0 0 0 .512-1.319L59.263 4a1 1 0 0 0-1.318-.512l-7.321 3.223L26.83 17.192a1 1 0 0 0-.512 1.319l.9 2.054c-4.193 1.1-6.794 3.813-7.171 7.491C7.008 28.377 7 30.35 7 31.009c0 .012.008.023.008.035s-.006.025 0 .039l1.542 18.5A6.967 6.967 0 0 0 10.652 54H3a1 1 0 0 0-1 1v1.783A5.222 5.222 0 0 0 7.216 62zm31.121-23H41a2 2 0 0 1 0 4h-3zM41 35a6 6 0 0 1 0 12h-3.33l.167-2H41a4 4 0 0 0 0-8h-2.5l.167-2zm-5.1-3.988a52.791 52.791 0 0 1-8.9.915v-1.833a51.987 51.987 0 0 1 8.9.918zM57.836 5.72l1.612 3.661-5.49 2.419-1.613-3.662zm-7.321 3.224 1.612 3.661-21.963 9.675-1.612-3.661zM28.038 22.416l.335.759C26.736 24.27 25 26.062 25 28.018v3.964c-.647.011-1.312.018-2 .018-.345 0-.665-.007-1-.01V29c0-3.308 2.189-5.677 6.038-6.584zM20 30.062v1.893a56.447 56.447 0 0 1-9.893-.942A55.793 55.793 0 0 1 20 30.062zm-9.462 19.353-1.387-16.65c2.626.85 7.274 1.152 11.766 1.218A.815.815 0 0 0 21 34c.025 0 .047-.013.072-.014a137.712 137.712 0 0 0 4.784-.015A.992.992 0 0 0 26 34a.913.913 0 0 0 .187-.038c4.135-.1 8.251-.416 10.662-1.2l-1.387 16.65A5.03 5.03 0 0 1 30.479 54H15.521a5.03 5.03 0 0 1-4.983-4.585zM4 56h38v.783A3.22 3.22 0 0 1 38.784 60H7.216A3.22 3.22 0 0 1 4 56.783z"
    />
</svg>
More icons in the same style and category