Add icons to this collection by clicking the heart icon.
Soda Can icon - also known as drink, beverage, coke, soda can, and food and restaurant. Created in a clean outline 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="512"
height="512"
viewBox="0 0 128 128"
>
<linearGradient
id="a"
x1="36.541"
x2="91.518"
y1="115.232"
y2="115.232"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#dce2e1" />
<stop offset="1" stop-color="#c0ccce" />
</linearGradient>
<linearGradient
id="b"
x1="64.03"
x2="64.03"
y1="116"
y2="110.464"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#92a6ad" stop-opacity="0" />
<stop offset=".987" stop-color="#92a6ad" />
</linearGradient>
<linearGradient
id="d"
x1="32.288"
x2="95.712"
y1="68.5"
y2="68.5"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ec606c" />
<stop offset="1" stop-color="#bf2640" />
</linearGradient>
<linearGradient
id="e"
x1="64"
x2="64"
y1="87"
y2="114"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#bf2640" stop-opacity="0" />
<stop offset=".992" stop-color="#bf2640" />
</linearGradient>
<linearGradient
id="f"
x1="33.334"
x2="78.079"
y1="69.657"
y2="69.657"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffdd50" />
<stop offset="1" stop-color="#ea9024" />
</linearGradient>
<linearGradient
id="g"
x1="55.179"
x2="55.179"
y1="83"
y2="113.581"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ea9024" stop-opacity="0" />
<stop offset="1" stop-color="#ea9024" />
</linearGradient>
<linearGradient
id="h"
x1="33.704"
x2="94.296"
y1="22.536"
y2="22.536"
href="#a"
/>
<linearGradient id="i" x1="64" x2="64" y1="24" y2="16" href="#b" />
<linearGradient
id="j"
x1="36"
x2="92"
y1="14.214"
y2="14.214"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#c0ccce" />
<stop offset="1" stop-color="#dce2e1" />
</linearGradient>
<linearGradient
id="k"
x1="37.964"
x2="90.036"
y1="14.214"
y2="14.214"
href="#a"
/>
<linearGradient id="l" x1="64" x2="64" y1="14.214" y2="9.571" href="#b" />
<linearGradient
id="m"
x1="72"
x2="82"
y1="14.214"
y2="14.214"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#541a15" />
<stop offset="1" stop-color="#240909" />
</linearGradient>
<linearGradient
id="c"
x1="64"
x2="64"
y1="7"
y2="121"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#2d2d2d" />
<stop offset=".987" stop-color="#141414" />
</linearGradient>
<linearGradient id="n" x1="77" x2="77" y1="11.214" y2="17.214" href="#c" />
<g>
<path
fill="url(#a)"
d="M36.54 110.6a27.282 27.282 0 0 1 1.182 3.4h.023c.479 3.333 12.046 6 26.255 6s25.776-2.667 26.255-6h.023a27.08 27.08 0 0 1 1.24-3.537z"
/>
<path
fill="url(#b)"
d="M37.722 114h.023a3.188 3.188 0 0 0 1.708 2h49.094a3.188 3.188 0 0 0 1.708-2h.023a27.07 27.07 0 0 1 1.24-3.537l-54.977.137a27.292 27.292 0 0 1 1.181 3.4z"
/>
<path
fill="url(#d)"
d="M33.7 23a660.842 660.842 0 0 0-.13 84.33 3.045 3.045 0 0 0 2.22 2.75A108.3 108.3 0 0 0 64 114a108.3 108.3 0 0 0 28.21-3.92 3.045 3.045 0 0 0 2.22-2.75A660.842 660.842 0 0 0 94.3 23z"
/>
<path
fill="url(#e)"
d="M32.618 87a633.9 633.9 0 0 0 .952 20.33 3.045 3.045 0 0 0 2.22 2.75A108.3 108.3 0 0 0 64 114a108.3 108.3 0 0 0 28.21-3.92 3.045 3.045 0 0 0 2.22-2.75A633.9 633.9 0 0 0 95.382 87z"
/>
<path
fill="url(#f)"
d="M70.794 35.624c.15-3.9 1.303-8.2 5.087-9.89l-9.056.973c-6.976 4.16-8.53 12.927-7.963 20.686.513 7.02 2.373 14.01 1.622 21.008-.8 7.463-4.564 14.375-9.513 20.017-5.05 5.757-11.302 10.318-17.637 14.614.08 1.431.146 2.875.236 4.298a3.045 3.045 0 0 0 2.22 2.75 109.436 109.436 0 0 0 19.226 3.5 74.303 74.303 0 0 0 12.813-12.351c6.2-7.795 10.423-17.48 10.244-27.44-.232-13.002-7.783-25.17-7.28-38.165z"
/>
<path
fill="url(#g)"
d="M55.063 83a45.739 45.739 0 0 1-4.092 5.418c-5.05 5.756-11.302 10.318-17.637 14.613.08 1.432.146 2.875.236 4.299a3.045 3.045 0 0 0 2.22 2.75 109.436 109.436 0 0 0 19.226 3.5 74.303 74.303 0 0 0 12.813-12.351A47.82 47.82 0 0 0 77.024 83z"
/>
<path
fill="url(#h)"
d="M37.09 16a26.697 26.697 0 0 1-2.95 5.801h.009a1.66 1.66 0 0 0-.445 1.056c0 3.432 13.564 6.214 30.296 6.214s30.296-2.782 30.296-6.214a1.66 1.66 0 0 0-.445-1.056h.009A26.697 26.697 0 0 1 90.91 16z"
/>
<path
fill="url(#i)"
d="M93.86 21.801A26.703 26.703 0 0 1 90.91 16H37.09a26.703 26.703 0 0 1-2.95 5.801h.009a1.66 1.66 0 0 0-.445 1.056 1.724 1.724 0 0 0 .52 1.143h59.552a1.724 1.724 0 0 0 .52-1.143 1.66 1.66 0 0 0-.445-1.056z"
/>
<ellipse cx="64" cy="14.214" fill="url(#j)" rx="28" ry="6.214" />
<ellipse cx="64" cy="14.214" fill="url(#k)" rx="26.036" ry="4.643" />
<path
fill="url(#l)"
d="M64 9.571c-14.38 0-26.036 2.08-26.036 4.643h52.072c0-2.564-11.657-4.643-26.036-4.643z"
/>
<ellipse cx="77" cy="14.214" fill="url(#m)" rx="5" ry="2" />
</g>
<g>
<path
fill="url(#c)"
d="M95.298 22.933c0-.01-.007-.018-.008-.028 0-.016.006-.032.006-.048a2.574 2.574 0 0 0-.587-1.586l-.01-.016a26.06 26.06 0 0 1-2.633-5.047A2.834 2.834 0 0 0 93 14.214C93 8.921 75.657 7 64 7s-29 1.921-29 7.214a2.834 2.834 0 0 0 .934 1.994 26.06 26.06 0 0 1-2.632 5.047l-.011.016a2.574 2.574 0 0 0-.587 1.586c0 .017.005.032.005.049 0 .01-.006.017-.007.027a659.9 659.9 0 0 0-.13 84.459 4.052 4.052 0 0 0 2.946 3.65l.136.038a26.535 26.535 0 0 1 1.106 3.19.976.976 0 0 0 .046.13c1.12 4.334 14.397 6.6 27.194 6.6 12.794 0 26.067-2.264 27.191-6.595a.93.93 0 0 0 .05-.135 26.613 26.613 0 0 1 1.11-3.191l.13-.036a4.052 4.052 0 0 0 2.947-3.65 659.93 659.93 0 0 0-.13-84.46zM64 9c17.727 0 27 3.394 27 5.214s-9.273 5.215-27 5.215-27-3.395-27-5.215S46.273 9 64 9zM34.916 22.442a.977.977 0 0 0 .129-.2 28.243 28.243 0 0 0 2.562-4.825C42.883 20.305 55.096 21.43 64 21.43s21.117-1.123 26.393-4.012a28.261 28.261 0 0 0 2.56 4.823 1.01 1.01 0 0 0 .131.202.757.757 0 0 1 .212.415c0 1.82-10.062 5.215-29.296 5.215s-29.296-3.395-29.296-5.215a.757.757 0 0 1 .212-.415zm22.95 25.024c.176 2.427.516 4.872.844 7.237.62 4.475 1.262 9.101.78 13.59-.9 8.378-5.538 15.21-9.271 19.466-4.643 5.293-10.38 9.594-15.984 13.447a658.887 658.887 0 0 1 .32-75.693c4.663 3.057 17.239 4.365 27.173 4.538-3.021 4.184-4.386 10.268-3.863 17.415zm-23.298 59.8c-.078-1.232-.133-2.482-.204-3.72 6.024-4.101 12.293-8.694 17.359-14.468 3.923-4.473 8.801-11.673 9.755-20.57.508-4.735-.15-9.485-.788-14.079-.323-2.333-.658-4.747-.83-7.108-.316-4.313-.134-12.204 4.438-17.25 2.071-.005 4.3-.062 6.58-.177a17.41 17.41 0 0 0-1.083 5.693c-.27 6.962 1.729 13.73 3.661 20.275 1.726 5.84 3.51 11.881 3.618 17.946.16 8.951-3.4 18.468-10.028 26.799a72.024 72.024 0 0 1-12.052 11.74.973.973 0 0 0-.179.21 108.844 108.844 0 0 1-18.755-3.44 2.052 2.052 0 0 1-1.492-1.85zm54.802 6.268a1.008 1.008 0 0 0-.105.324C88.956 116.005 79.195 119 64 119s-24.957-2.995-25.265-5.142a.993.993 0 0 0-.101-.312 30.387 30.387 0 0 0-.59-1.835A109.847 109.847 0 0 0 64 115a109.85 109.85 0 0 0 25.953-3.288 30.92 30.92 0 0 0-.583 1.822zm4.061-6.265a2.052 2.052 0 0 1-1.493 1.849A107.75 107.75 0 0 1 64 113c-2.181 0-4.304-.084-6.356-.22a72.128 72.128 0 0 0 10.966-10.929c6.916-8.693 10.632-18.665 10.463-28.08-.113-6.335-1.936-12.507-3.699-18.477-1.887-6.39-3.838-12.997-3.581-19.63a14.024 14.024 0 0 1 1.36-5.903c8.24-.55 16.662-1.868 20.292-4.248a658.33 658.33 0 0 1-.013 81.756z"
/>
<path
fill="url(#n)"
d="M77 17.214c2.89 0 6-.939 6-3s-3.11-3-6-3-6 .94-6 3 3.11 3 6 3zm0-4c2.348 0 3.718.673 3.975 1-.257.328-1.627 1-3.975 1s-3.718-.672-3.975-1c.257-.327 1.627-1 3.975-1z"
/>
</g>
</svg>
More icons in the same style and category