Add icons to this collection by clicking the heart icon.
Piña Colada icon - also known as glass, bar, cocktail, alcoholic drinks, food and restaurant, and piña colada. 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="b"
x1="261.373"
x2="261.373"
y1="502"
y2="394.236"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#3cc8db" />
<stop offset="1" stop-color="#b1e6ee" />
</linearGradient>
<linearGradient id="a">
<stop offset="0" stop-color="#b8e2a5" />
<stop offset="1" stop-color="#7ecc5c" />
</linearGradient>
<linearGradient
id="c"
x1="354.295"
x2="354.295"
y1="155.391"
y2="0"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="89.586"
x2="130.146"
y1="19.634"
y2="60.194"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="261.374"
x2="261.374"
y1="224.377"
y2="101.666"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fbe7b4" />
<stop offset="1" stop-color="#fff5e3" />
</linearGradient>
<linearGradient
id="f"
x1="261.373"
x2="261.373"
y1="400.015"
y2="198.224"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fdd943" />
<stop offset="1" stop-color="#fde57f" />
</linearGradient>
<linearGradient
id="g"
x1="151.512"
x2="219.654"
y1="90.909"
y2="159.051"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fde57f" />
<stop offset="1" stop-color="#fdd943" />
</linearGradient>
<linearGradient
id="h"
x1="112.22"
x2="154.871"
y1="45.662"
y2="88.312"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fd869c" />
<stop offset="1" stop-color="#f7496e" />
</linearGradient>
<linearGradient
id="i"
x1="138.866"
x2="185.652"
y1="77.908"
y2="124.694"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fdaa48" />
<stop offset="1" stop-color="#fd9528" />
</linearGradient>
<path
fill="url(#b)"
d="m317.086 463.118-13.618-4.033a32.196 32.196 0 0 1-23.055-30.871v-33.978h-38.081v33.978a32.195 32.195 0 0 1-23.055 30.871l-13.618 4.033a25.28 25.28 0 0 0-18.102 24.24c0 8.087 6.555 14.642 14.642 14.642h118.347c8.087 0 14.642-6.556 14.642-14.642a25.277 25.277 0 0 0-18.102-24.24z"
/>
<path
fill="#00c6dc"
d="M242.333 394.236v33.978c0 .189-.02.373-.023.561 6.301.818 12.669 1.24 19.065 1.24 6.395 0 12.761-.421 19.061-1.239-.003-.188-.023-.374-.023-.562v-33.978z"
/>
<path
fill="url(#c)"
d="M414.072 19.308 409.314 8.33c-3.036-7.004-11.175-10.221-18.179-7.186l-44.993 19.5c-23.287 10.092-39.585 31.078-43.599 56.138l-8.917 55.669c-1.73 10.8 5.622 20.958 16.422 22.688 10.815 1.732 20.961-5.64 22.688-16.423l8.918-55.67c1.863-11.632 9.429-21.374 20.239-26.059l44.993-19.5c7.004-3.036 10.222-11.175 7.186-18.179z"
/>
<path
fill="#59c031"
d="M341.089 71.666h-37.538a75.661 75.661 0 0 0-1.008 5.115l-8.917 55.669c-1.73 10.8 5.622 20.958 16.422 22.688 10.815 1.732 20.961-5.64 22.688-16.423l8.918-55.67a34.42 34.42 0 0 1 3.866-11.205 63.224 63.224 0 0 0-4.431-.174z"
/>
<path
fill="url(#d)"
d="M110.812 19.243c-4.884-5.736-13.493-6.427-19.229-1.544-5.736 4.884-6.427 13.493-1.544 19.229l27.722 32.562 20.773-17.685z"
/>
<path
fill="url(#e)"
d="m371.896 140.85-13.933 57.374-96.589 26.152-96.596-26.152-13.923-57.374c-4.852-19.953 10.269-39.184 30.806-39.184H341.09c20.537 0 35.648 19.231 30.806 39.184z"
/>
<path
fill="url(#f)"
d="M363.053 341.69c-20.429 34.896-58.315 58.325-101.678 58.325s-81.259-23.439-101.688-58.345c-6.744-11.526-10.1-24.429-10.1-37.352a75.049 75.049 0 0 1 10.249-37.817 74.773 74.773 0 0 0 8.08-55.344l-3.139-12.933h193.186l-3.139 12.933a74.772 74.772 0 0 0 8.08 55.344l.01.01c13.547 23.212 13.725 51.978.139 75.179z"
/>
<path
fill="#fff5d6"
d="M261.311 380.015c-5.523-.036-9.971-4.542-9.935-10.064.033-5.105 3.934-9.934 10.521-9.934 10.228 0 20.748-2.205 30.458-6.388 5.072-2.184 10.955.156 13.14 5.229 2.185 5.072-.156 10.956-5.228 13.141-11.945 5.144-25.308 8.085-38.956 8.016zM317.619 350.57c-3.974-3.836-4.086-10.166-.25-14.14a72.769 72.769 0 0 0 2.673-2.927c3.612-4.177 9.927-4.636 14.105-1.024 4.178 3.611 4.637 9.927 1.025 14.104a92.26 92.26 0 0 1-3.413 3.735c-3.833 3.972-10.163 4.09-14.14.252z"
/>
<ellipse cx="180.216" cy="310.997" fill="#fdaece" rx="13.793" ry="11.085" />
<ellipse cx="342.532" cy="310.997" fill="#fdaece" rx="13.793" ry="11.085" />
<circle cx="203.863" cy="283.647" r="27.351" fill="#fff" />
<circle cx="318.885" cy="283.647" r="27.351" fill="#fff" />
<g fill="#383842">
<circle cx="203.863" cy="283.647" r="16.301" />
<circle cx="318.885" cy="283.647" r="16.301" />
</g>
<path
fill="#383842"
d="M261.374 312.253c-4.938 0-9.876-1.867-13.905-5.603a5 5 0 0 1 6.799-7.333c4.25 3.941 9.962 3.941 14.212 0a5 5 0 1 1 6.799 7.333c-4.029 3.735-8.967 5.603-13.905 5.603z"
/>
<path
fill="url(#g)"
d="M222.374 84.62 198.53 56.614l-85.594 72.871 23.844 28.007 60.198 10.683c13.875 2.462 26.555-8.333 26.338-22.423z"
/>
<circle cx="133.545" cy="66.987" r="30.157" fill="url(#h)" />
<path
fill="#fdc516"
d="m185.649 102.407-.487-.487c-5.211-5.211-13.538-5.815-19.319-1.243-17.195 13.598-28.055 34.103-29.062 56.815l29.582 5.25c.187-1.22.316-2.46.379-3.719l.009-.2c.633-14.27 7.445-26.433 17.494-34.452 6.906-5.513 7.652-15.716 1.404-21.964z"
/>
<path
fill="url(#i)"
d="M228.872 55.854a6.049 6.049 0 0 0-5.526-5.927c-29.348-2.574-58.848 6.313-82.098 26.107-22.266 18.956-36.626 46.187-38.871 76.882a6.046 6.046 0 0 0 4.969 6.4l22.272 3.95c3.617.642 6.977-2.035 7.16-5.704l.004-.07c.912-20.544 10.038-40.681 26.935-55.067 16.897-14.385 38.232-20.182 58.658-17.804l.07.008c3.642.405 6.831-2.417 6.775-6.081z"
/>
</svg>
More icons in the same style and category