Add icons to this collection by clicking the heart icon.
Cereals icon - also known as food, container, flour, wheat, cereal, product, supermarket, products, cereals, wheat flour, and food and restaurant. Created in a clean gradient style with a white 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="100"
    height="100"
    viewBox="0 0 512 512"
>
    <linearGradient
        id="a"
        x1="74.981"
        x2="437.019"
        y1="439.019"
        y2="76.981"
        gradientTransform="matrix(1 0 0 -1 0 514)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#ff94cc" />
        <stop offset="1" stop-color="#ff39a1" />
    </linearGradient>
    <circle cx="256" cy="256" r="256" fill="url(#a)" />
    <linearGradient
        id="b"
        x1="143"
        x2="361"
        y1="371.33"
        y2="371.33"
        gradientTransform="matrix(1 0 0 -1 0 514)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#ffdd7d" />
        <stop offset="1" stop-color="#ff8945" />
    </linearGradient>
    <path
        d="M371.839 166.84h-48.34l24.17-48.34h48.34l-24.17 48.34z"
        fill="url(#b)"
    />
    <linearGradient
        id="c"
        x1="143"
        x2="361"
        y1="371.33"
        y2="371.33"
        gradientTransform="matrix(1 0 0 -1 0 514)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#ffdd7d" />
        <stop offset="1" stop-color="#ff8945" />
    </linearGradient>
    <path
        d="M127.991 118.5h48.34l24.17 48.34h-48.34l-24.17-48.34z"
        fill="url(#c)"
    />
    <linearGradient
        id="d"
        x1="184"
        x2="373.78"
        y1="237.86"
        y2="237.86"
        gradientTransform="matrix(1 0 0 -1 0 514)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#ff8945" />
        <stop offset="1" stop-color="#9d3d1a" />
    </linearGradient>
    <path d="M319.47 158.78h56.4V393.5h-56.4z" fill="url(#d)" />
    <linearGradient
        id="e"
        x1="148.133"
        x2="327.527"
        y1="237.858"
        y2="237.858"
        gradientTransform="matrix(1 0 0 -1 0 514)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#ffedba" />
        <stop offset="1" stop-color="#ffc65c" />
    </linearGradient>
    <path d="M237.83 158.783h-89.697V393.5h179.394V158.783z" fill="url(#e)" />
    <linearGradient
        id="f"
        x1="184"
        x2="373.78"
        y1="302.714"
        y2="302.714"
        gradientTransform="matrix(1 0 0 -1 0 514)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#ff8945" />
        <stop offset="1" stop-color="#9d3d1a" />
    </linearGradient>
    <path d="M237.83 187.116h-57.471v48.34h114.942v-48.34z" fill="url(#f)" />
    <path d="M237.83 203.229h-41.357v16.113h82.715v-16.113z" fill="#fff6dd" />
    <path
        d="M268.902 262.558c-8.755-7.085-19.787-10.989-31.072-10.989s-22.317 3.905-31.072 10.989c-8.621 6.982-14.706 16.752-17.134 27.521h96.411c-2.427-10.769-8.513-20.539-17.133-27.521z"
        fill="#fff"
    />
    <linearGradient
        id="g"
        x1="184"
        x2="373.78"
        y1="182.939"
        y2="182.939"
        gradientTransform="matrix(1 0 0 -1 0 514)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#ff8945" />
        <stop offset="1" stop-color="#9d3d1a" />
    </linearGradient>
    <path
        d="M237.83 300.483v-3.528l-7.066 1.981-9.047-1.981 1.001 4.237-42.358 11.876c0 21.715 12.026 41.341 31.383 51.219l1.724.881h48.726l1.724-.881c19.357-9.877 31.383-29.503 31.383-51.219l-57.47-12.585z"
        fill="url(#g)"
    />
    <linearGradient
        id="h"
        x1="180.359"
        x2="295.301"
        y1="215.569"
        y2="215.569"
        gradientTransform="matrix(1 0 0 -1 0 514)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#ce5011" />
        <stop offset="1" stop-color="#6b2a22" />
    </linearGradient>
    <path d="M237.83 283.795h-57.471v29.273h114.942v-29.273z" fill="url(#h)" />
</svg>
More icons in the same style and category