Add icons to this collection by clicking the heart icon.
Groceries icon - also known as food, supermarket, commerce and shopping, shopping bag, shopping store, goods, groceries, and grocery. Created in a clean 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="640"
height="640"
viewBox="0 0 480 480"
>
<linearGradient id="a">
<stop offset="0" stop-color="#2dced9" />
<stop offset=".155" stop-color="#45cdc4" />
<stop offset=".484" stop-color="#83ca8d" />
<stop offset=".956" stop-color="#e5c636" />
<stop offset="1" stop-color="#efc62d" />
</linearGradient>
<linearGradient
id="b"
x1="0"
x2="515.984"
y1="240"
y2="240"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="c"
x1="-.001"
x2="515.983"
y1="80"
y2="80"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="-.001"
x2="515.983"
y1="120"
y2="120"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="0"
x2="515.984"
y1="344"
y2="344"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="0"
x2="515.984"
y1="419.76"
y2="419.76"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="0"
x2="515.984"
y1="368"
y2="368"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="h"
x1="0"
x2="515.984"
y1="200"
y2="200"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<path
fill="url(#b)"
d="M464 64c0-35.348-28.652-64-64-64s-64 28.652-64 64v80h-4.184c-4.664-6-8.82-12.375-12.425-19.063A396.176 396.176 0 0 1 305.414 64H312a8 8 0 0 0 8-8V8a8 8 0 0 0-8-8h-96a8 8 0 0 0-8 8v48a8 8 0 0 0 8 8h6.586a396.167 396.167 0 0 1-13.977 60.945A137.604 137.604 0 0 1 196.184 144H128v64H40a8 8 0 0 0-8 8v29.602L1.344 291.559c-.297.52-.563 1.054-.801 1.601-.266.93-.45 1.88-.543 2.84v176a8 8 0 0 0 8 8h472V144h-16zm-112 0c0-26.508 21.492-48 48-48s48 21.492 48 48v80h-96zm72 350.398L457.055 464h-66.11zm-8-16.796-32 48V160h32zM16 304h144v97.602a29.596 29.596 0 0 0-11.441 9.3c-3.2 3.883-4.504 5.13-7.2 5.13s-4-1.247-7.199-5.13A24.402 24.402 0 0 0 114.633 400a24.38 24.38 0 0 0-19.48 10.871c-3.2 3.883-4.497 5.129-7.2 5.129-2.707 0-3.96-1.246-7.2-5.129A24.365 24.365 0 0 0 61.298 400a24.347 24.347 0 0 0-19.48 10.879c-3.2 3.875-4.497 5.121-7.2 5.121-2.57 0-3.77-1.031-7.203-5.121A29.515 29.515 0 0 0 16 401.543zm176-38.113L203.055 288h-22.11zM288 304c-19-.02-35.375-13.387-39.2-32h7.2c19 .02 35.375 13.387 39.2 32zm8 16c39.766 0 72 32.234 72 72s-32.234 72-72 72-72-32.234-72-72c.043-39.746 32.254-71.957 72-72zM224 16h16v16h16V16h16v16h16V16h16v32h-80zm-.61 115.063A423.268 423.268 0 0 0 238.817 64h50.399a423.076 423.076 0 0 0 15.426 67.055A94.266 94.266 0 0 0 312.176 144h-96.352a95.593 95.593 0 0 0 7.567-12.938zM144 160h224v16h-72v16h72v16h-32v16h32v117.602a88.117 88.117 0 0 0-55.52-36C314.078 292.512 321.016 264 352 264v-16c-21.824-.719-41.691 12.508-49.45 32.922A55.991 55.991 0 0 0 256 256h-16a8 8 0 0 0-8 8 55.997 55.997 0 0 0 27.414 48.063A88.496 88.496 0 0 0 224 341.601V296c-.105-.93-.29-1.852-.55-2.754-.075-.176-.243-.726-.29-.797L200 246.113V216a8 8 0 0 0-8-8h-48zm-96 64h136v16H48zm-3.719 32h134.774l-16 32H22.945zM16 464v-41.895A23.368 23.368 0 0 0 34.633 432a24.387 24.387 0 0 0 19.48-10.871c3.2-3.883 4.489-5.129 7.2-5.129s3.96 1.246 7.199 5.121A24.335 24.335 0 0 0 88 432a24.395 24.395 0 0 0 19.488-10.871c3.2-3.883 4.489-5.129 7.2-5.129s4 1.246 7.199 5.129A24.411 24.411 0 0 0 141.352 432 23.42 23.42 0 0 0 160 422.121V464zm160 0V304h32v160zm48 0v-21.559A88.75 88.75 0 0 0 245.602 464zm122.441 0A88.848 88.848 0 0 0 368 442.441V464zM464 445.602l-32-48V160h32zm0 0"
/>
<path
fill="url(#c)"
d="m373.469 80.414 48-16.016 5.062 15.172-48 16.016zm0 0"
/>
<path
fill="url(#d)"
d="m373.477 120.414 47.996-16.016 5.062 15.168-48 16.02zm0 0"
/>
<path
fill="url(#e)"
d="M32 344c0 22.398 24.602 40 56 40s56-17.602 56-40-24.602-40-56-40-56 17.602-56 40zm56-24c21.68 0 40 10.992 40 24s-18.32 24-40 24-40-10.992-40-24 18.32-24 40-24zm0 0"
/>
<path
fill="url(#f)"
d="M240 392.45c1.063 19.198 15.816 55.55 64 55.55v-16c-44.129 0-47.754-36.336-48-40.48zm0 0"
/>
<path fill="url(#g)" d="M248 360h16v16h-16zm0 0" />
<path fill="url(#e)" d="M272 336h16v16h-16zm0 0" />
<path fill="url(#h)" d="M240 192h16v16h-16zm0 0" />
</svg>
More icons in the same style and category