Add icons to this collection by clicking the heart icon.
Food App icon - also known as smartphone, mobile phone, application, telephone call, food and restaurant, food delivery, and food app. Created in a clean flat 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 500 500"
>
    <linearGradient
        id="c"
        x1="154.205"
        x2="154.205"
        y1="465.226"
        y2="41.214"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#9bd3f1" />
        <stop offset=".003" stop-color="#9ad2f1" />
        <stop offset=".207" stop-color="#75b5e3" />
        <stop offset=".41" stop-color="#589dd8" />
        <stop offset=".611" stop-color="#448cd0" />
        <stop offset=".809" stop-color="#3782cc" />
        <stop offset="1" stop-color="#337fca" />
    </linearGradient>
    <linearGradient
        id="a"
        x1="154.189"
        x2="154.189"
        y1="460.813"
        y2="447.813"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#4e4e68" />
        <stop offset="1" stop-color="#31314c" />
    </linearGradient>
    <linearGradient
        id="d"
        x1="168.33"
        x2="168.33"
        y1="440.04"
        y2="103.534"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset=".01" stop-color="#90caec" />
        <stop offset=".727" stop-color="#255991" />
    </linearGradient>
    <linearGradient
        id="e"
        x1="154.188"
        x2="154.188"
        y1="486.86"
        y2="13.14"
        href="#a"
    />
    <radialGradient
        id="f"
        cx="274.83"
        cy="250"
        r="159.213"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset=".56" stop-color="#3a72d6" />
        <stop offset=".593" stop-color="#457ddd" />
        <stop offset=".677" stop-color="#5c93ea" />
        <stop offset=".767" stop-color="#6ca3f4" />
        <stop offset=".868" stop-color="#76acfa" />
        <stop offset="1" stop-color="#79affc" />
    </radialGradient>
    <radialGradient
        id="g"
        cx="278.136"
        cy="250"
        r="205.992"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#c7e0ff" />
        <stop offset=".264" stop-color="#c5dffe" />
        <stop offset=".359" stop-color="#bed9fc" />
        <stop offset=".426" stop-color="#b3d0f9" />
        <stop offset=".481" stop-color="#a2c3f4" />
        <stop offset=".528" stop-color="#8cb2ee" />
        <stop offset=".569" stop-color="#709ce6" />
        <stop offset=".606" stop-color="#5184dd" />
        <stop offset=".628" stop-color="#3a72d6" />
    </radialGradient>
    <linearGradient
        id="b"
        x1="131.668"
        x2="131.668"
        y1="521.206"
        y2="184.698"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#a3abcc" />
        <stop offset=".302" stop-color="#c3cee3" />
        <stop offset=".572" stop-color="#d9e6f3" />
        <stop offset=".738" stop-color="#e1eff9" />
    </linearGradient>
    <linearGradient
        id="h"
        x1="418.511"
        x2="418.511"
        y1="527.472"
        y2="190.965"
        href="#b"
    />
    <path
        fill="url(#c)"
        d="M274.83 54.64c-.094 2.31.175 391.147-.09 393.174a35.019 35.019 0 0 1-34.91 32.546H68.55a35.068 35.068 0 0 1-35-35V54.64a35 35 0 0 1 35-35h171.28a34.947 34.947 0 0 1 6.68.64 34.332 34.332 0 0 1 6.04 1.75 35.091 35.091 0 0 1 22.28 32.61z"
    />
    <path
        fill="url(#a)"
        d="M214.508 460.813H93.87a6.5 6.5 0 0 1 0-13h120.638a6.5 6.5 0 1 1 0 13z"
    />
    <path
        fill="url(#d)"
        d="M274.83 113.68v316.21a161.491 161.491 0 0 1-18.9 1.11 158.957 158.957 0 0 1-125.84-61.68v52.87a17.85 17.85 0 0 1-35.7 0V260.74a8.353 8.353 0 0 0-6.43-8.03 34.62 34.62 0 0 1-26.13-33.55V114.29a10.763 10.763 0 0 1 11.35-10.74c5.82.3 10.18 5.52 10.18 11.35v94.94a9.325 9.325 0 0 0 11.26 9.12 9.47 9.47 0 0 0 7.38-9.36v-95.31a10.76 10.76 0 0 1 11.34-10.74c5.82.3 10.19 5.52 10.19 11.35v68.44a160.02 160.02 0 0 1 18.64-22.93v-45.52c0-5.83 4.36-11.04 10.18-11.34a10.763 10.763 0 0 1 11.35 10.74v27.7a158.506 158.506 0 0 1 92.23-29.42 161.491 161.491 0 0 1 18.9 1.11z"
    />
    <path
        fill="url(#e)"
        d="M239.828 13.14H68.548a41.545 41.545 0 0 0-41.5 41.5v390.72a41.551 41.551 0 0 0 41.5 41.5h171.28a41.57 41.57 0 0 0 41.44-39.15c.04-.78.06-1.56.06-2.35V54.64a41.545 41.545 0 0 0-41.5-41.5zm28.5 432.22a22.834 22.834 0 0 1-.11 2.35 28.515 28.515 0 0 1-28.39 26.15H68.548a28.539 28.539 0 0 1-28.5-28.5V54.64a28.532 28.532 0 0 1 28.5-28.5h28.16l6.68 16.64a15.021 15.021 0 0 0 13.92 9.41h75.3a15 15 0 0 0 13.92-9.41l6.68-16.64h26.62a28.526 28.526 0 0 1 28.5 28.5z"
    />
    <circle cx="274.83" cy="250" r="159.213" fill="url(#f)" />
    <circle cx="274.83" cy="250" r="114.876" fill="url(#g)" />
    <path
        fill="url(#b)"
        d="M171.256 81.762c-5.82.3-10.185 5.514-10.185 11.342v94.721a9.456 9.456 0 0 1-7.377 9.355 9.33 9.33 0 0 1-11.263-9.123V93.119c0-5.828-4.364-11.053-10.185-11.358A10.765 10.765 0 0 0 120.9 92.51v95.3a9.468 9.468 0 0 1-7.377 9.367 9.33 9.33 0 0 1-11.263-9.123V93.119c0-5.828-4.364-11.053-10.185-11.358A10.766 10.766 0 0 0 80.736 92.51v104.867a34.622 34.622 0 0 0 26.13 33.554 8.33 8.33 0 0 1 6.424 8.02V400.4a17.852 17.852 0 0 0 17.852 17.852A17.852 17.852 0 0 0 149 400.4V239.2a8.333 8.333 0 0 1 6.637-8.066 34.628 34.628 0 0 0 26.963-33.757V92.51a10.764 10.764 0 0 0-11.344-10.748z"
    />
    <path
        fill="url(#h)"
        d="M418.511 81.746c-53.805 0-51.674 87.877-49.613 116.006a33.11 33.11 0 0 0 16.581 26.675 52.862 52.862 0 0 0 9.546 4.051 8.158 8.158 0 0 1 5.634 7.8v163.375c0 9.775 7.532 18.3 17.3 18.592a17.852 17.852 0 0 0 18.4-17.843V236.285a8.131 8.131 0 0 1 5.577-7.782 55.1 55.1 0 0 0 7.865-3.161 33.744 33.744 0 0 0 18.34-27.868c2.059-28.426 3.999-115.728-49.63-115.728z"
    />
</svg>
More icons in the same style and category