Add icons to this collection by clicking the heart icon.
Chocolate Bar icon - also known as food, dessert, sweet, snack, flavor, coffee bean, chocolate bar, and food and restaurant. Created in a clean flat gradient style with a gray 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 128 128"
>
    <linearGradient
        id="a"
        x1="12.33"
        x2="63.18"
        y1="111.07"
        y2="60.22"
        gradientTransform="matrix(-1 0 0 1 88 0)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#e3dfe1" />
        <stop offset=".17" stop-color="#ddd9dc" />
        <stop offset=".4" stop-color="#ccc9cf" />
        <stop offset=".66" stop-color="#b0aeb9" />
        <stop offset=".94" stop-color="#89899b" />
        <stop offset="1" stop-color="#808094" />
    </linearGradient>
    <linearGradient
        id="b"
        x1="44"
        x2="44"
        y1="8"
        y2="74"
        gradientTransform="matrix(-1 0 0 1 88 0)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#a5786b" />
        <stop offset=".3" stop-color="#9f746b" />
        <stop offset=".7" stop-color="#8e676a" />
        <stop offset="1" stop-color="#7d5b69" />
    </linearGradient>
    <linearGradient
        id="c"
        x1="48.32"
        x2="38.08"
        y1="48.88"
        y2="76.48"
        gradientTransform="matrix(-1 0 0 1 88 0)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset=".38" stop-color="#d1d1d1" />
        <stop offset=".6" stop-color="#d7d7d7" />
        <stop offset=".89" stop-color="#e8e8e8" />
        <stop offset="1" stop-color="#f0f0f0" />
    </linearGradient>
    <linearGradient
        id="d"
        x1="56.64"
        x2="123.02"
        y1="86.5"
        y2="86.5"
        gradientTransform="rotate(45 89.862 86.493)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#e3a478" />
        <stop offset=".36" stop-color="#bd7848" />
        <stop offset=".51" stop-color="#b7754b" />
        <stop offset=".7" stop-color="#a66e54" />
        <stop offset=".91" stop-color="#8a6162" />
        <stop offset="1" stop-color="#7d5b69" />
    </linearGradient>
    <path
        fill="url(#a)"
        d="M76 48v61.86a2.14 2.14 0 0 1-2.14 2.14H14a2 2 0 0 1-2-2V73z"
    />
    <path fill="url(#b)" d="M72 51V10a2 2 0 0 0-2-2H18a2 2 0 0 0-2 2v64z" />
    <path fill="#825555" d="M43 8h2v53h-2z" />
    <path fill="#825555" d="M16 41h56v2H16z" />
    <path fill="url(#c)" d="M76 48 40.84 85.29a1 1 0 0 1-1.14.23L12 73z" />
    <ellipse
        cx="89.83"
        cy="86.5"
        fill="url(#d)"
        rx="38.42"
        ry="26.96"
        transform="rotate(-45 89.83 86.52)"
    />
    <path
        fill="#935f5f"
        d="M115.38 61c-12.94 8-17.58 12.54-23.67 26.34-5.71 12.78-11.52 21.2-26.71 26.3a.79.79 0 0 1-1-.5.9.9 0 0 1 .39-1C78 104.67 82 99.18 88 85.66c5.68-12.51 10.89-21 26.64-26.5a1 1 0 0 1 1.29.62 1 1 0 0 1-.55 1.22z"
    />
</svg>
More icons in the same style and category