Add icons to this collection by clicking the heart icon.
Coffee Bean icon - also known as nature, seeds, coffee bean, and food and restaurant. Created in a clean gradient style, 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"
>
    <radialGradient
        id="a"
        cx="272.577"
        cy="1777.336"
        r="211.111"
        gradientTransform="matrix(.931 0 0 .114 -.42 284.061)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#f0bdb1" />
        <stop offset=".512" stop-color="#f8ddd6" />
        <stop offset=".545" stop-color="#f9e0d9" />
        <stop offset=".976" stop-color="#fff" />
    </radialGradient>
    <radialGradient
        id="b"
        cx="123.515"
        cy="402.882"
        r="138.286"
        gradientTransform="matrix(1 0 0 .648 0 141.91)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#eaa998" />
        <stop offset=".518" stop-color="#e49280" />
        <stop offset=".641" stop-color="#e08671" />
        <stop offset=".976" stop-color="#d6694b" />
    </radialGradient>
    <radialGradient
        id="c"
        cx="106.573"
        cy="49.235"
        r="366.824"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#fdf6ec" />
        <stop offset=".535" stop-color="#f3c6bd" />
        <stop offset=".973" stop-color="#eaa998" />
    </radialGradient>
    <radialGradient
        id="d"
        cx="411.938"
        cy="207.212"
        r="315.467"
        gradientTransform="matrix(0 1 -.906 0 599.717 -204.726)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#dd7f66" />
        <stop offset=".512" stop-color="#d6694b" />
        <stop offset=".976" stop-color="#bb5d4c" />
    </radialGradient>
    <radialGradient
        id="e"
        cx="265.82"
        cy="272.012"
        r="270.614"
        gradientTransform="matrix(0 1 -.549 0 415.247 6.191)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#c4573a" />
        <stop offset=".512" stop-color="#8c3d27" />
        <stop offset=".976" stop-color="#6d3326" />
    </radialGradient>
    <path
        fill="url(#a)"
        d="M255.998 512c113.107 0 204.798-11.462 204.798-25.6H51.2c0 14.138 91.691 25.6 204.798 25.6z"
    />
    <path
        fill="url(#b)"
        d="m245.526 371.2-179.47 31.259c30.586 50.256 85.882 83.941 149.217 83.941h81.452c-25.947 0-39.436-65.222-51.199-115.2z"
    />
    <path
        fill="url(#c)"
        d="M296.726 0h-81.452c-92.6 0-168.341 73.774-170.777 166.342l-3.708 140.92c-.917 34.85 8.433 67.534 25.269 95.197h174.258C207.562 263.304 228.595 0 296.726 0z"
    />
    <path
        fill="url(#d)"
        d="M296.726 486.4c-98.198 0-177.069-80.974-174.486-179.138l3.708-140.92C128.385 73.774 204.126 0 296.726 0s168.341 73.774 170.777 166.342l3.708 140.92c2.584 98.164-76.287 179.138-174.485 179.138z"
    />
    <path
        fill="url(#e)"
        d="M272.935 460.8c-11.572 0-20.579-10.217-18.938-21.671 4.106-28.663 16.101-46.063 26.921-61.76 12.072-17.514 21.608-31.347 21.608-61.637 0-30.291-9.536-44.124-21.608-61.638-13.308-19.306-28.392-41.188-28.392-83.431 0-42.242 15.084-64.124 28.392-83.429 9.658-14.01 17.692-25.665 20.52-45.274 1.359-9.427 9.554-16.36 19.079-16.36 11.572 0 20.58 10.217 18.939 21.672-4.106 28.661-16.101 46.06-26.921 61.756-12.073 17.512-21.608 31.345-21.608 61.634 0 30.291 9.536 44.124 21.608 61.637 13.308 19.306 28.392 41.188 28.392 83.432s-15.084 64.125-28.392 83.431c-9.658 14.011-17.692 25.666-20.52 45.277-1.36 9.428-9.555 16.361-19.08 16.361z"
    />
</svg>
More icons in the same style and category