Add icons to this collection by clicking the heart icon.
Pineapple Cocktail icon - also known as drink, alcohol, straw, cocktail, alcoholic, food and restaurant, and pineapple cocktail. 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="512"
height="512"
viewBox="0 0 502 502"
>
<linearGradient id="a">
<stop offset="0" stop-color="#7ecc5c" />
<stop offset="1" stop-color="#b8e2a5" />
</linearGradient>
<linearGradient
id="e"
x1="322.619"
x2="322.619"
y1="37.791"
y2="0"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="303.068"
x2="303.068"
y1="98.009"
y2="26.174"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f7496e" />
<stop offset="1" stop-color="#fd869c" />
</linearGradient>
<linearGradient id="b">
<stop offset="0" stop-color="#fbe7b4" />
<stop offset="1" stop-color="#fff5e3" />
</linearGradient>
<linearGradient
id="g"
x1="261.047"
x2="261.047"
y1="172.714"
y2="42.194"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="h"
x1="405.014"
x2="405.014"
y1="182.32"
y2="36.105"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#3cc8db" />
<stop offset="1" stop-color="#b1e6ee" />
</linearGradient>
<linearGradient
id="i"
x1="258.16"
x2="258.16"
y1="268.078"
y2="118.488"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient id="c">
<stop offset="0" stop-color="#fdd943" />
<stop offset="1" stop-color="#fde57f" />
</linearGradient>
<linearGradient
id="j"
x1="95.755"
x2="428.675"
y1="358.171"
y2="358.171"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="k"
x1="114.541"
x2="114.541"
y1="241.692"
y2="66.986"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#bf6c56" />
<stop offset="1" stop-color="#ed9b8c" />
</linearGradient>
<linearGradient
id="l"
x1="113.059"
x2="113.059"
y1="191.57"
y2="93.703"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="d">
<stop offset="0" stop-color="#fdaa48" />
<stop offset="1" stop-color="#fdc277" />
</linearGradient>
<linearGradient
id="m"
x1="198.41"
x2="198.41"
y1="253.473"
y2="215.869"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="n"
x1="332.654"
x2="332.654"
y1="253.473"
y2="215.869"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="o"
x1="379.13"
x2="379.13"
y1="320.66"
y2="216.146"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="p"
x1="414.46"
x2="414.46"
y1="349.35"
y2="295.184"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="q"
x1="380.731"
x2="380.731"
y1="449.421"
y2="320.66"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="r"
x1="265.081"
x2="265.081"
y1="502"
y2="455.044"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="s"
x1="199.292"
x2="199.292"
y1="500.473"
y2="387.857"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="t"
x1="147.085"
x2="147.085"
y1="453.288"
y2="320.66"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="u"
x1="113.16"
x2="113.16"
y1="356.123"
y2="289.105"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="v"
x1="198.41"
x2="198.41"
y1="387.857"
y2="253.473"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="w"
x1="149.034"
x2="149.034"
y1="320.66"
y2="215.869"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="x"
x1="332.793"
x2="332.793"
y1="387.857"
y2="253.473"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="y"
x1="265.601"
x2="265.601"
y1="320.66"
y2="215.869"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="z"
x1="329.977"
x2="329.977"
y1="499.432"
y2="387.857"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="A"
x1="265.601"
x2="265.601"
y1="455.044"
y2="320.66"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<path
fill="url(#e)"
d="M326.574 37.791c.034-.441.935-10.847 9.352-14.97 5.963-2.921 8.429-10.122 5.509-16.085-2.921-5.963-10.123-8.427-16.085-5.509-16.93 8.292-22.283 25.986-22.778 35.134l24.01 1.298z"
/>
<circle cx="303.068" cy="62.092" r="35.917" fill="url(#f)" />
<path
fill="url(#g)"
d="M267.809 58.098c-9.496-7.77-22.468-9.697-33.74-4.85-25.181 10.829-61.308 31.768-70.227 65.215l5.705 22.791 89.75 39.869 91.242-25.731c34.118-72.494-54.314-74.043-82.73-97.294z"
/>
<path
fill="url(#h)"
d="m470.943 57.237-3.589-11.432c-2.29-7.294-10.059-11.35-17.353-9.06l-46.853 14.71c-24.25 7.614-42.68 26.808-49.301 51.347l-14.71 54.511c-2.854 10.576 3.405 21.462 13.981 24.316 10.59 2.858 21.467-3.422 24.316-13.981l14.711-54.512c3.073-11.391 11.629-20.301 22.886-23.835l46.853-14.71c7.293-2.291 11.349-10.06 9.059-17.354z"
/>
<path
fill="#00c6dc"
d="M353.116 181.629c10.59 2.858 21.467-3.422 24.316-13.982l8.645-32.034c-11.152-5.969-23.76-10.567-37.254-14.199l-9.687 35.898c-2.855 10.577 3.404 21.463 13.98 24.317z"
/>
<path
fill="#fddcb4"
d="M289.278 110.823c-13.512-1.577-27.103-2.818-40.344-4.027-20.52-1.872-54.661-4.839-72.979-12.31-5.469 7.147-9.751 15.119-12.113 23.976l.009.037.028-.013c10.928 15.091 66.923 15.683 121.878 22.147 8.944 1.052 16.816-5.892 16.816-14.898.001-7.624-5.72-14.027-13.295-14.912z"
/>
<path
fill="url(#i)"
d="M127.072 232.058c-43.352-78.357 36.808-113.57 36.808-113.57 24.579 33.942 277.14-5.467 233.08 113.57l-138.8 36.02z"
/>
<path
fill="url(#j)"
d="m160.81 215.868-61.148 73.237-3.907 67.018 37.228 97.165 87.189 47.185 89.817-1.041 84.363-50.011 34.322-100.071-3.213-54.166-55.346-79.038-37.317 15.055-37.605-15.333-29.592 18.803-29.592-18.803-37.604 13.545z"
/>
<path
fill="url(#k)"
d="M106.884 79.376c-3.206-9.52-13.522-14.639-23.042-11.433S69.203 81.465 72.408 90.985l50.746 150.708 34.475-11.608z"
/>
<path
fill="#a9544b"
d="m89.219 140.91 20.494 60.864 34.475-11.608-22.795-67.7z"
/>
<path
fill="url(#l)"
d="m187.053 118.942-56.635-21.64a54.64 54.64 0 0 0-65.908 22.192l-32.012 51.489c-6.658 10.71 3.76 23.869 15.712 19.845l138.334-46.579c11.952-4.024 12.289-20.806.509-25.307z"
/>
<path fill="url(#m)" d="m236.009 215.868-37.604 37.605-37.595-37.605z" />
<path
fill="url(#n)"
d="m370.115 216.146-37.317 37.327-37.605-37.605h69.616c1.786 0 3.561.09 5.306.278z"
/>
<path
fill="url(#o)"
d="m425.461 295.184-25.476 25.476-67.187-67.187 37.317-37.327c19.308 1.973 36.127 14.637 43.079 33.083 4.641 12.317 9.243 27.787 12.267 45.955z"
/>
<path
fill="url(#p)"
d="m428.674 349.35-28.69-28.689 25.476-25.476c2.669 16.044 4.097 34.202 3.214 54.165z"
/>
<path
fill="url(#q)"
d="M428.674 349.35a275.951 275.951 0 0 1-3.411 32.537c-3.104 18.822-10.125 36.792-20.32 52.906h-.01a145.713 145.713 0 0 1-10.581 14.627l-61.564-61.564 67.197-67.197z"
/>
<path
fill="url(#r)"
d="M309.989 499.432A143.858 143.858 0 0 1 282.886 502h-41.74c-7.081 0-14.082-.516-20.974-1.527l45.429-45.429z"
/>
<path
fill="url(#s)"
d="m265.601 455.044-45.429 45.429a144.552 144.552 0 0 1-48.692-16.383 144.505 144.505 0 0 1-38.497-30.802l65.431-65.432z"
/>
<path
fill="url(#t)"
d="m198.415 387.857-65.431 65.432a143.994 143.994 0 0 1-13.894-18.495c-10.195-16.115-17.216-34.084-20.32-52.906a276.534 276.534 0 0 1-3.015-25.764l35.463-35.463z"
/>
<path
fill="url(#u)"
d="m131.218 320.66-35.463 35.463c-1.765-25.248.218-47.789 3.907-67.018z"
/>
<path
fill="url(#v)"
d="m265.601 320.66-67.186 67.197-67.197-67.197 67.187-67.187z"
/>
<path
fill="url(#w)"
d="m198.405 253.473-67.187 67.187-31.555-31.556c2.975-15.56 7.061-28.957 11.176-39.876 7.577-20.111 26.895-33.36 48.384-33.36h1.587z"
/>
<path
fill="url(#x)"
d="m399.985 320.66-67.197 67.197-67.187-67.197 67.197-67.187z"
/>
<path
fill="url(#y)"
d="m332.798 253.473-67.197 67.187-67.196-67.187 37.604-37.605h59.184z"
/>
<path
fill="url(#z)"
d="M394.352 449.421a144.424 144.424 0 0 1-84.363 50.011l-44.388-44.388 67.187-67.187z"
/>
<path
fill="url(#A)"
d="m332.788 387.857-67.187 67.187-67.186-67.187 67.186-67.197z"
/>
<ellipse cx="174.123" cy="399.093" fill="#f85f7e" rx="15.547" ry="12.494" />
<ellipse cx="357.08" cy="399.093" fill="#f85f7e" rx="15.547" ry="12.494" />
<circle cx="200.777" cy="368.265" r="30.829" fill="#fff" />
<circle cx="330.426" cy="368.265" r="30.829" fill="#fff" />
<g fill="#383842">
<circle cx="200.777" cy="368.265" r="18.374" />
<circle cx="330.426" cy="368.265" r="18.374" />
</g>
<path
fill="#383842"
d="M265.602 399.868c-5.413 0-10.825-2.047-15.241-6.141a5 5 0 0 1 6.799-7.333c4.97 4.608 11.913 4.608 16.884 0a5 5 0 0 1 6.799 7.333c-4.416 4.094-9.829 6.141-15.241 6.141z"
/>
</svg>
More icons in the same style and category