Add icons to this collection by clicking the heart icon.
Grocery icon - also known as browser, supermarket, commerce and shopping, grocery, and online shop. Created in a clean soft fill style with a white, silver, gray, black, and orange 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 52 60"
>
<g fill="none">
<path
fill="#d1d4dc"
d="M51 9v35a3 3 0 0 1-3 3H4a3 3 0 0 1-3-3V9l1-1h48z"
/>
<circle cx="34.5" cy="24.5" r="6.5" fill="#db4d57" />
<path fill="#2cb0dc" d="M51 4v5H1V4a3 3 0 0 1 3-3h44a3 3 0 0 1 3 3z" />
<path
fill="#d0a578"
d="M31 19v12H19V19a6 6 0 0 1 10.24-4.24A5.832 5.832 0 0 1 30.91 18c.06.33.09.665.09 1z"
/>
<path
fill="#9fd164"
d="M23 30v-5a4 4 0 0 0-3.171-3.914 1.013 1.013 0 0 1-.829-.981V18h-4v2.105a1.013 1.013 0 0 1-.829.981A4 4 0 0 0 11 25v5z"
/>
<rect width="6" height="4" x="14" y="14" fill="#f3f5f7" rx="1" />
<path
fill="#fcb544"
d="M41 59H11a2 2 0 0 1-2-2V28.471a1 1 0 0 1 1.426-.905l2.4 1.128a1 1 0 0 0 .852 0l3.4-1.6a1 1 0 0 1 .852 0l3.4 1.6a1 1 0 0 0 .852 0l3.395-1.6a1 1 0 0 1 .852 0l3.4 1.6a1 1 0 0 0 .852 0l3.4-1.6a1 1 0 0 1 .851 0l3.4 1.6a1 1 0 0 0 .851 0l2.4-1.13a1 1 0 0 1 1.425.9V57A2 2 0 0 1 41 59z"
/>
<circle cx="26" cy="40" r="6" fill="#f4a531" />
<path
fill="#f4a531"
d="M43 53v4a2.006 2.006 0 0 1-2 2H11a2.006 2.006 0 0 1-2-2v-4z"
/>
<g fill="#373737">
<path
d="M48 0H4a4 4 0 0 0-4 4v5a1 1 0 0 0 1 1h49v34a2 2 0 0 1-2 2h-4V28.47a1.99 1.99 0 0 0-2.293-1.97A7.322 7.322 0 0 0 40 19.416l.709-.709a1 1 0 0 0-1.414-1.414l-.843.843a7.353 7.353 0 0 0-6.612-.628A7.011 7.011 0 0 0 25 12a6.968 6.968 0 0 0-4.519 1.669A1.984 1.984 0 0 0 19 13h-4a2 2 0 0 0-2 2v2c.002.706.378 1.359.988 1.715l-.023 1.392A5.021 5.021 0 0 0 10 25v1.481a1.978 1.978 0 0 0-2 1.99V46H4a2 2 0 0 1-2-2V13a1 1 0 0 0-2 0v31a4 4 0 0 0 4 4h4v9a3 3 0 0 0 3 3h30a3 3 0 0 0 3-3v-9h4a4 4 0 0 0 4-4V4a4 4 0 0 0-4-4zM36.986 19.6l-.693.693a1 1 0 1 0 1.414 1.414l.877-.877a5.453 5.453 0 0 1 .386 6.855l-.224.105-3.405-1.6c-.54-.25-1.16-.25-1.7 0L32 26.961v-7.347a5.423 5.423 0 0 1 4.986-.014zM25 14a5.015 5.015 0 0 1 4.9 4H26a1 1 0 0 0 0 2h4v2h-4a1 1 0 0 0 0 2h4v3.676l-3.156-1.485a1.991 1.991 0 0 0-1.7 0L24 26.728V25a5.023 5.023 0 0 0-4-4.9v-1.378A1.993 1.993 0 0 0 21 17v-.979A4.975 4.975 0 0 1 25 14zm-10 1h4v2h-4zm-.624 7.064A2 2 0 0 0 16 20.1V19h2v1.1a2 2 0 0 0 1.623 1.96A3.012 3.012 0 0 1 22 25v2.669l-.255.12-3.4-1.6a2 2 0 0 0-1.7 0l-3.4 1.6L12 27.2V25a3.012 3.012 0 0 1 2.376-2.936zM10 28.472l.6.281.022.01 1.778.837a2 2 0 0 0 1.7 0l3.4-1.6 3.4 1.6a1.991 1.991 0 0 0 1.7 0l3.392-1.6 3.4 1.6a2 2 0 0 0 1.7 0l.29-.137.017-.008L34.491 28l3.409 1.6a2.008 2.008 0 0 0 1.7 0l2.4-1.13V52H10zM41 58H11a1 1 0 0 1-1-1v-3h32v3a1 1 0 0 1-1 1zM2 8V4a2 2 0 0 1 2-2h44a2 2 0 0 1 2 2v4z"
/>
<path
d="M26 47c.795 0 1.584-.135 2.334-.4a1 1 0 0 0-.668-1.885 5 5 0 1 1 2.5-1.952 1 1 0 0 0 1.666 1.107A7 7 0 1 0 26 47zM6 4H5a1 1 0 1 0 0 2h1a1 1 0 1 0 0-2zM11 4h-1a1 1 0 1 0 0 2h1a1 1 0 0 0 0-2zM16 4h-1a1 1 0 0 0 0 2h1a1 1 0 0 0 0-2zM47 4h-1a1 1 0 0 0 0 2h1a1 1 0 0 0 0-2z"
/>
</g>
</g>
</svg>
More icons in the same style and category