Add icons to this collection by clicking the heart icon.
Hibiscus icon - also known as flower, beverage, hot drink, tea cup, saucer, tea mug, food and restaurant, and hibiscus. Created in a clean flat style with a white, silver, gray, red, yellow, teal, and orange 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"
>
    <path
        fill="#e7eaf7"
        d="M461.766 345.327h-50.395l-8.188-12.919 8.188-13.857h50.395c12.935 0 23.458-10.523 23.458-23.458v-58.941c0-12.934-10.523-23.457-23.458-23.457h-50.395l-8.188-12.689 8.188-14.088h50.395c27.699 0 50.234 22.535 50.234 50.234v58.941c0 27.7-22.535 50.234-50.234 50.234z"
    />
    <path
        fill="#d5daf3"
        d="M461.766 185.919H434.99c27.699 0 50.234 22.535 50.234 50.234v58.941c0 27.699-22.535 50.234-50.234 50.234h26.776c27.699 0 50.234-22.535 50.234-50.234v-58.941c0-27.7-22.535-50.234-50.234-50.234z"
    />
    <path
        fill="#e7eaf7"
        d="M411.372 155.701v191.686c0 34.872-28.268 63.14-63.14 63.14l-52.776 5.099-49.809 4.821-102.575-9.921c-34.872 0-63.14-28.268-63.14-63.14V155.701c0-6.717 5.439-12.156 12.146-12.156h307.148c6.707 0 12.146 5.439 12.146 12.156z"
    />
    <path
        fill="#d5daf3"
        d="M411.372 155.701v191.686c0 34.872-28.268 63.14-63.14 63.14l-52.776 5.099-18.265-5.099c34.872 0 63.14-28.268 63.14-63.14V155.701c0-6.717-5.439-12.156-12.146-12.156h71.041c6.707 0 12.146 5.439 12.146 12.156z"
    />
    <path
        fill="#fd9468"
        d="M384.598 204.161v143.226c0 20.089-16.287 36.365-36.365 36.365H143.072c-20.089 0-36.365-16.277-36.365-36.365V204.161a10.863 10.863 0 0 1 10.868-10.868h256.144c6.006-.001 10.879 4.862 10.879 10.868z"
    />
    <path
        fill="#fe7d43"
        d="M384.598 204.161v143.226c0 20.089-16.287 36.365-36.365 36.365h-19.429c7.263-10.281 11.528-22.829 11.528-36.365V193.292h33.388c6.005 0 10.878 4.863 10.878 10.869z"
    />
    <path
        fill="#ffd55f"
        d="M82.018 290.421a7.702 7.702 0 0 1-5.464-2.263l-55.831-55.831A7.727 7.727 0 0 1 31.651 221.4l55.831 55.831a7.727 7.727 0 0 1-5.464 13.19z"
    />
    <path
        fill="#57be92"
        d="m226.862 393.838-33.7 33.7c-8.115 8.115-21.272 8.115-29.387 0l-36.203-36.203 63.087-63.087 36.203 36.203c8.115 8.115 8.115 21.272 0 29.387z"
    />
    <path
        fill="#22b27f"
        d="m226.862 364.451-36.203-36.203-13.211 13.211 22.992 22.992c8.115 8.115 8.115 21.272 0 29.387l-33.7 33.7c-.476.477-.974.92-1.483 1.34 8.163 6.742 20.266 6.298 27.904-1.34l33.7-33.7c8.116-8.115 8.116-21.272.001-29.387z"
    />
    <path
        fill="#e94444"
        d="M218.81 271.793c.754-25.786-23.103-53.832-46.15-51.737s-46.094 26.539-39.179 64.184c.068.37.148.743.224 1.116-12.953-15.957-37.01-17.339-51.687-2.662s-13.295 38.734 2.662 51.687c-.373-.076-.746-.156-1.116-.224-37.645-6.915-62.089 16.132-64.184 39.179s25.951 46.904 51.737 46.15c11.291-.33 27.443-.793 42.034-1.209 20.302-.579 39.688-8.194 54.946-21.402l.281.211 28.031-28.031-.211-.281c13.209-15.258 20.823-34.644 21.402-54.946.417-14.592.88-30.744 1.21-42.035z"
    />
    <g fill="#fcc742">
        <circle cx="40.875" cy="280.203" r="7.72" />
        <circle cx="13.419" cy="253.156" r="7.72" />
        <circle cx="50.923" cy="213.734" r="7.72" />
    </g>
    <path
        fill="#d83131"
        d="M218.81 271.793c.754-25.786-23.102-53.832-46.15-51.737-3.838.349-7.673 1.331-11.372 2.877 17.077 7.676 31.189 28.936 30.607 48.86-.33 11.291-.793 27.443-1.209 42.034a87.55 87.55 0 0 1-4.311 24.738c-1.638 5.004-8.199 6.131-11.355 1.916l-40.445-54.028c-9.903-13.229-27.142-17.231-41.375-11.275a34.638 34.638 0 0 1 14.46 11.275l57.469 76.769a8.407 8.407 0 0 1-12.153 11.459c-18.448-15.583-46.498-36.316-69.411-40.525-14.076-2.586-26.306-.98-36.212 3.246 2.029.205 4.094.485 6.208.873 30.034 5.517 68.902 39.429 83.39 52.915 3.259 3.034 3.1 8.243-.331 11.081a87.874 87.874 0 0 1-29.932 16.19l6.464-.184c20.302-.579 39.688-8.194 54.946-21.402l.281.211 28.031-28.031-.211-.281c13.209-15.258 20.823-34.644 21.402-54.946.416-14.592.879-30.744 1.209-42.035z"
    />
    <path
        fill="#e7eaf7"
        d="M387.183 463.272v3.595c0 4.172-.762 8.169-2.163 11.857-4.79 12.62-16.977 21.582-31.276 21.582H158.092c-14.289 0-26.486-8.963-31.276-21.582a33.319 33.319 0 0 1-2.163-11.857v-3.595l131.266-10.333 97.496 7.675z"
    />
    <path
        fill="#d5daf3"
        d="M387.183 463.272v3.595c0 4.172-.762 8.169-2.163 11.857-4.79 12.62-16.977 21.582-31.276 21.582h-41.382c18.461 0 33.44-14.969 33.44-33.44v-3.595l7.613-2.658z"
    />
    <path
        fill="#bec6ed"
        d="M448.74 463.271H63.103a67.006 67.006 0 0 1-54.541-28.082l-6.758-9.469c-4.539-6.36.008-15.19 7.821-15.19h492.592c7.813 0 12.36 8.83 7.821 15.19l-6.758 9.469a67.002 67.002 0 0 1-54.54 28.082z"
    />
    <path
        fill="#a2aee6"
        d="M502.218 410.529h-41.391c7.813 0 12.36 8.83 7.821 15.19l-6.758 9.469a67.005 67.005 0 0 1-54.541 28.082h41.391a67.006 67.006 0 0 0 54.541-28.082l6.758-9.469c4.539-6.36-.008-15.19-7.821-15.19z"
    />
    <path
        fill="#d5daf3"
        d="M198 111.033a7.726 7.726 0 0 1-7.726-7.726 20.637 20.637 0 0 0-8.502-16.662c-9.32-6.756-14.885-17.661-14.885-29.173V19.419a7.726 7.726 0 1 1 15.452 0v38.052a20.635 20.635 0 0 0 8.501 16.661c9.321 6.757 14.885 17.663 14.885 29.174a7.725 7.725 0 0 1-7.725 7.727zM313.843 110.002a7.726 7.726 0 0 1-7.726-7.726c0-11.512 5.564-22.418 14.885-29.174a20.635 20.635 0 0 0 8.501-16.661 7.726 7.726 0 1 1 15.452 0c0 11.512-5.564 22.418-14.885 29.174a20.635 20.635 0 0 0-8.501 16.661 7.726 7.726 0 0 1-7.726 7.726z"
    />
    <path
        fill="#bec6ed"
        d="M251.518 64.167a7.726 7.726 0 0 1-7.726-7.726V19.419a7.726 7.726 0 1 1 15.452 0V56.44a7.726 7.726 0 0 1-7.726 7.727z"
    />
</svg>
More icons in the same style and category