Add icons to this collection by clicking the heart icon.
Cat Food icon - also known as bag, animals, pet, feline, and cat food. Created in a clean color 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 510 510"
>
    <linearGradient id="a">
        <stop offset="0" stop-color="#feaee1" />
        <stop offset=".196" stop-color="#fea3d7" />
        <stop offset=".537" stop-color="#fe87bf" />
        <stop offset=".979" stop-color="#fe5996" />
        <stop offset="1" stop-color="#fe5694" />
    </linearGradient>
    <linearGradient
        id="e"
        x1="255"
        x2="255"
        y1="-3.333"
        y2="74.667"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient id="b">
        <stop offset="0" stop-color="#fe0364" stop-opacity="0" />
        <stop offset=".399" stop-color="#f70360" stop-opacity=".399" />
        <stop offset=".974" stop-color="#e40257" stop-opacity=".974" />
        <stop offset="1" stop-color="#e30256" />
    </linearGradient>
    <linearGradient
        id="f"
        x1="255"
        x2="255"
        y1="-26"
        y2="193.916"
        gradientUnits="userSpaceOnUse"
        href="#b"
    />
    <linearGradient
        id="g"
        x1="255"
        x2="255"
        y1="462"
        y2="504"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="h"
        x1="255"
        x2="255"
        y1="418"
        y2="637.916"
        gradientTransform="matrix(1 0 0 -1 0 954)"
        gradientUnits="userSpaceOnUse"
        href="#b"
    />
    <linearGradient
        id="i"
        x1="159.824"
        x2="365.459"
        y1="210.86"
        y2="306.228"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#f9f5f3" />
        <stop offset="1" stop-color="#efe2dd" />
    </linearGradient>
    <linearGradient id="c">
        <stop offset="0" stop-color="#e1d3ce" stop-opacity="0" />
        <stop offset=".23" stop-color="#dfceca" stop-opacity=".23" />
        <stop offset=".493" stop-color="#d9c1bd" stop-opacity=".493" />
        <stop offset=".772" stop-color="#cfaaa8" stop-opacity=".773" />
        <stop offset="1" stop-color="#c59191" />
    </linearGradient>
    <linearGradient
        id="j"
        x1="255"
        x2="255"
        y1="394"
        y2="452.215"
        gradientUnits="userSpaceOnUse"
        href="#c"
    />
    <linearGradient
        id="k"
        x1="354"
        x2="462.005"
        y1="255"
        y2="255"
        gradientUnits="userSpaceOnUse"
        href="#c"
    />
    <linearGradient
        id="l"
        x1="154"
        x2="385.465"
        y1="234.333"
        y2="234.333"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="m"
        x1="378"
        x2="452.061"
        y1="234.333"
        y2="234.333"
        gradientUnits="userSpaceOnUse"
        href="#b"
    />
    <linearGradient
        id="n"
        x1="59.333"
        x2="490.013"
        y1="38.667"
        y2="469.346"
        gradientUnits="userSpaceOnUse"
        href="#b"
    />
    <linearGradient
        id="o"
        x1="213.484"
        x2="301.687"
        y1="194.195"
        y2="282.398"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#fef0ae" />
        <stop offset="1" stop-color="#fac600" />
    </linearGradient>
    <linearGradient id="d">
        <stop offset="0" stop-color="#fea613" stop-opacity="0" />
        <stop offset="1" stop-color="#e94444" />
    </linearGradient>
    <linearGradient
        id="p"
        x1="255"
        x2="255"
        y1="268.345"
        y2="307.345"
        gradientUnits="userSpaceOnUse"
        href="#d"
    />
    <linearGradient
        id="q"
        x1="301"
        x2="363.085"
        y1="234.333"
        y2="234.333"
        gradientUnits="userSpaceOnUse"
        href="#d"
    />
    <path
        fill="url(#e)"
        d="M411.43 0H98.57C88.314 0 80 8.314 80 18.57V66h350V18.57C430 8.314 421.686 0 411.43 0z"
    />
    <g fill="url(#f)">
        <path
            d="M379.959 0H130.041c-9.228 0-16.708 7.48-16.708 16.708V66h283.333V16.708C396.667 7.48 389.186 0 379.959 0z"
        />
        <path
            d="M343.05 0h-176.1c-7.839 0-14.194 6.355-14.194 14.194V66h204.489V14.194C357.244 6.355 350.889 0 343.05 0z"
        />
        <path
            d="M302.612 0h-95.224c-5.921 0-10.721 4.8-10.721 10.721V66h116.667V10.721C313.333 4.8 308.533 0 302.612 0z"
        />
        <path
            d="M269.567 0h-29.134A6.433 6.433 0 0 0 234 6.433V66h42V6.433A6.433 6.433 0 0 0 269.567 0z"
        />
    </g>
    <path
        fill="url(#g)"
        d="M411.43 510H98.57C88.314 510 80 501.686 80 491.43V444h350v47.43c0 10.256-8.314 18.57-18.57 18.57z"
    />
    <g fill="url(#h)">
        <path
            d="M379.959 510H130.041c-9.228 0-16.708-7.48-16.708-16.708V444h283.333v49.292c.001 9.228-7.48 16.708-16.707 16.708z"
        />
        <path
            d="M343.05 510h-176.1c-7.839 0-14.194-6.355-14.194-14.194V444h204.489v51.806c-.001 7.839-6.356 14.194-14.195 14.194z"
        />
        <path
            d="M302.612 510h-95.224c-5.921 0-10.721-4.8-10.721-10.721V444h116.667v55.279C313.333 505.2 308.533 510 302.612 510z"
        />
        <path
            d="M269.567 510h-29.134a6.433 6.433 0 0 1-6.433-6.433V444h42v59.567a6.433 6.433 0 0 1-6.433 6.433z"
        />
    </g>
    <path
        fill="url(#i)"
        d="M427.998 56.603H82.002c-5.19 0-9.657 3.629-10.768 8.699-27.648 126.213-27.648 253.183 0 379.396 1.111 5.07 5.578 8.699 10.768 8.699h345.996c5.19 0 9.657-3.629 10.768-8.699 27.649-126.212 27.648-253.184 0-379.396-1.111-5.07-5.578-8.699-10.768-8.699z"
    />
    <path
        fill="url(#j)"
        d="M50.677 271.677c1.107 57.735 7.947 115.457 20.557 173.021 1.111 5.07 5.578 8.699 10.768 8.699h345.996c5.19 0 9.657-3.629 10.768-8.699 12.61-57.564 19.45-115.285 20.557-173.021z"
    />
    <path
        fill="url(#k)"
        d="M427.998 56.603H255v396.794h172.998c5.19 0 9.657-3.629 10.768-8.699 27.649-126.212 27.648-253.184 0-379.396-1.111-5.07-5.578-8.699-10.768-8.699z"
    />
    <path
        fill="url(#l)"
        d="M456.17 179h-46.813c-5.875 0-11.153-3.476-13.593-8.82C371.389 116.781 317.533 79.667 255 79.667s-116.389 37.115-140.764 90.514c-2.439 5.344-7.718 8.82-13.593 8.82H53.83a870.703 870.703 0 0 0-2.627 110.667h49.44c5.875 0 11.153 3.476 13.593 8.82C138.611 351.885 192.467 389 255 389s116.389-37.115 140.764-90.514c2.439-5.344 7.718-8.82 13.593-8.82h49.44c1.47-36.889.598-73.79-2.627-110.666z"
    />
    <path
        fill="url(#m)"
        d="M395.764 298.486c2.439-5.344 7.718-8.82 13.593-8.82h49.44a870.703 870.703 0 0 0-2.627-110.667h-46.813c-5.875 0-11.153-3.476-13.593-8.82C371.389 116.781 317.533 79.667 255 79.667V389c62.533 0 116.389-37.115 140.764-90.514z"
    />
    <path
        fill="url(#n)"
        d="m374.171 248.064-10.369 13.851a22.917 22.917 0 0 0-4.568 14.06l.249 17.291a22.912 22.912 0 0 1-16.157 22.224l-16.512 5.093a22.91 22.91 0 0 0-11.99 8.716l-9.921 14.11a22.913 22.913 0 0 1-26.163 8.499l-16.319-5.586a22.92 22.92 0 0 0-14.841 0l-16.319 5.586a22.911 22.911 0 0 1-26.163-8.499l-9.922-14.11a22.916 22.916 0 0 0-11.99-8.716l-16.512-5.093a22.912 22.912 0 0 1-16.157-22.224l.249-17.291a22.905 22.905 0 0 0-4.568-14.06l-10.369-13.852a22.913 22.913 0 0 1 0-27.461l10.369-13.851a22.917 22.917 0 0 0 4.568-14.06l-.249-17.291a22.912 22.912 0 0 1 16.157-22.224l16.512-5.093a22.915 22.915 0 0 0 11.99-8.716l9.921-14.11a22.913 22.913 0 0 1 26.163-8.499l16.319 5.586a22.92 22.92 0 0 0 14.841 0l16.319-5.586a22.911 22.911 0 0 1 26.163 8.499l9.922 14.11a22.92 22.92 0 0 0 11.99 8.716l16.512 5.093a22.912 22.912 0 0 1 16.157 22.224l-.249 17.291a22.905 22.905 0 0 0 4.568 14.06l10.369 13.852a22.913 22.913 0 0 1 0 27.461z"
    />
    <path
        fill="url(#o)"
        d="m336.325 241.205-.159-.624a73.861 73.861 0 0 0-19.159-33.84 11.99 11.99 0 0 0 .476-4.588l-1.706-19.41c-.752-8.552-9.999-13.553-17.567-9.5l-17.176 9.199a11.92 11.92 0 0 0-4.004 3.452 74.165 74.165 0 0 0-12.609-1.078h-18.84c-4.284 0-8.498.369-12.609 1.078a11.92 11.92 0 0 0-4.004-3.452l-17.176-9.199c-7.568-4.053-16.816.947-17.567 9.5l-1.706 19.41a11.99 11.99 0 0 0 .476 4.588 73.866 73.866 0 0 0-19.159 33.84l-.159.624c-7.186 28.217 14.134 55.648 43.252 55.648h76.146c29.116 0 50.437-27.431 43.25-55.648z"
    />
    <path
        fill="url(#p)"
        d="m173.834 240.58-.159.625c-7.186 28.217 14.134 55.648 43.252 55.648h76.146c29.118 0 50.439-27.431 43.252-55.648l-.159-.625a74.01 74.01 0 0 0-5.9-15.569H179.735a73.978 73.978 0 0 0-5.901 15.569z"
    />
    <path
        fill="url(#q)"
        d="M336.166 240.58a73.861 73.861 0 0 0-19.159-33.84c.435-1.417.619-2.958.476-4.588l-1.706-19.41c-.751-8.552-9.999-13.553-17.567-9.5l-17.176 9.199a11.92 11.92 0 0 0-4.004 3.452 74.165 74.165 0 0 0-12.609-1.078H255v112.037h38.073c29.118 0 50.439-27.431 43.252-55.648z"
    />
    <g fill="#fff">
        <path
            d="M89.102 92.847a7.043 7.043 0 0 1 7.043-7.043h12.943a7.043 7.043 0 1 1 0 14.086H96.144a7.042 7.042 0 0 1-7.042-7.043zM141.484 99.89h-7.982a7.043 7.043 0 1 1 0-14.086h7.982a7.043 7.043 0 1 1 0 14.086zM361.723 414.534c0-5.335 4.325-9.661 9.661-9.661h39.853c5.336 0 9.661 4.326 9.661 9.661a9.66 9.66 0 0 1-9.661 9.661h-39.853c-5.335 0-9.661-4.325-9.661-9.661zM89.102 414.534c0-5.335 4.325-9.661 9.661-9.661h20.764c5.336 0 9.661 4.326 9.661 9.661a9.66 9.66 0 0 1-9.661 9.661H98.763a9.66 9.66 0 0 1-9.661-9.661z"
        />
    </g>
    <g fill="#fff">
        <path
            d="M307.451 351.762a7.043 7.043 0 0 0-7.043-7.043h-58.419a7.043 7.043 0 1 0 0 14.086h58.419a7.044 7.044 0 0 0 7.043-7.043zM209.592 358.804h7.982a7.043 7.043 0 1 0 0-14.086h-7.982a7.043 7.043 0 1 0 0 14.086zM307.451 326.37c0-5.335-4.325-9.661-9.661-9.661h-85.33c-5.336 0-9.661 4.326-9.661 9.661a9.66 9.66 0 0 0 9.661 9.661h85.329c5.336 0 9.662-4.325 9.662-9.661z"
        />
    </g>
</svg>
More icons in the same style and category