Add icons to this collection by clicking the heart icon.
Cocktail icon - also known as drink, wine, glass, alcohol, cocktail, alcoholic, and food and restaurant. Created in a clean color 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 510 510"
>
<linearGradient id="a">
<stop offset="0" stop-color="#f8f6fb" />
<stop offset="1" stop-color="#efdcfb" />
</linearGradient>
<linearGradient
id="d"
x1="234.98"
x2="294.736"
y1="395.126"
y2="395.126"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset="0" stop-color="#fff" stop-opacity="0" />
<stop offset="1" stop-color="#fff" />
</linearGradient>
<linearGradient
id="e"
x1="577.653"
x2="565.545"
y1="609.585"
y2="639.854"
gradientTransform="translate(-328.194 -101.648)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="f"
x1="276.471"
x2="241.655"
y1="322.983"
y2="267.614"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#efdcfb" stop-opacity="0" />
<stop offset=".486" stop-color="#baaad6" stop-opacity=".486" />
<stop offset="1" stop-color="#8679b2" />
</linearGradient>
<linearGradient
id="g"
x1="589.502"
x2="531.492"
y1="481.373"
y2="472.883"
gradientTransform="translate(-328.194 -101.648)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="h"
x1="248.246"
x2="318.644"
y1="111.275"
y2="216.438"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="i"
x1="257.511"
x2="257.511"
y1="51.63"
y2="19.426"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient id="c">
<stop offset="0" stop-color="#ff7044" />
<stop offset="1" stop-color="#f82814" />
</linearGradient>
<linearGradient
id="j"
x1="275.77"
x2="317.995"
y1="213.547"
y2="307.382"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="k"
x1="1782.532"
x2="1794.62"
y1="-143.329"
y2="-89.364"
gradientTransform="rotate(20.61 379.969 -4011.892)"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="l"
x1="207.59"
x2="125.025"
y1="182.936"
y2="239.428"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="m"
x1="372.074"
x2="384.518"
y1="186.296"
y2="253.156"
gradientTransform="rotate(26.44 254.36 -169.366)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="n"
x1="408.563"
x2="456.652"
y1="188.279"
y2="255.772"
gradientTransform="rotate(26.44 254.36 -169.366)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="o"
x1="389.454"
x2="405.207"
y1="152.13"
y2="204.641"
gradientTransform="rotate(26.44 254.36 -169.366)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="p"
x1="479.596"
x2="492.04"
y1="11.187"
y2="78.048"
gradientTransform="rotate(71.46 273.436 -152.358)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="q"
x1="516.085"
x2="564.174"
y1="13.17"
y2="80.663"
gradientTransform="rotate(71.46 273.436 -152.358)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="r"
x1="496.976"
x2="512.729"
y1="-22.979"
y2="29.533"
gradientTransform="rotate(71.46 273.436 -152.358)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="s"
x1="170.83"
x2="183.274"
y1="199.053"
y2="265.913"
gradientTransform="rotate(-18.56 216.95 -184.537)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="t"
x1="207.319"
x2="255.408"
y1="201.035"
y2="268.528"
gradientTransform="rotate(-18.56 216.95 -184.537)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="u"
x1="188.21"
x2="203.963"
y1="164.886"
y2="217.398"
gradientTransform="rotate(-18.56 216.95 -184.537)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="v"
x1="254.049"
x2="240.883"
y1="404.382"
y2="378.049"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="w"
x1="253.369"
x2="244.628"
y1="357.22"
y2="341.559"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<path
fill="url(#d)"
d="M315.21 491.247c-25.161-2.565-44.314-23.753-44.4-49.045-.009-2.745 1.384-5.285 3.664-6.813 9.376-6.284 15.551-16.97 15.551-29.105 0-10.311-4.459-19.576-11.55-25.983-2.896-2.616-3.779-6.88-2.148-10.425a23.222 23.222 0 0 0 2.126-9.733 23.297 23.297 0 0 0-5.542-15.108 10.31 10.31 0 0 1-2.451-6.627l-.196-58.157-32.006.108.2 59.294a10.314 10.314 0 0 1-2.123 6.29 23.34 23.34 0 0 0-4.789 14.199c0 3.477.763 6.771 2.126 9.733 1.631 3.545.748 7.809-2.148 10.425-7.092 6.407-11.55 15.672-11.55 25.983 0 12.002 6.041 22.589 15.245 28.899 2.22 1.522 3.575 4.013 3.584 6.704l.001.423c.085 25.292-18.924 46.608-44.068 49.343-18.46 2.008-30.071 4.874-30.061 8.02.02 5.869 40.475 10.491 90.36 10.322 49.884-.168 90.308-5.062 90.288-10.931-.01-3.145-11.64-5.932-30.113-7.816z"
/>
<path
fill="url(#e)"
d="M329.089 496.933c.016 4.662-33.145 8.553-74.068 8.691-40.922.138-74.109-3.53-74.124-8.191-.016-4.662 33.145-8.553 74.067-8.691s74.109 3.529 74.125 8.191z"
/>
<path
fill="url(#f)"
d="m270.265 280.251-32.007.108.05 14.795 32.115 32.114z"
/>
<path
fill="url(#g)"
d="m270.811 442.202-.546-161.951-20.669.07.558 165.606c.062 18.251 14.907 32.996 33.157 32.934-8.312-8.941-12.451-22.094-12.5-36.659z"
/>
<path
fill="url(#h)"
d="M255.303 296.199c76.933-.151 141.584-57.502 141.897-129.731L385.053 23.727C385.679 10.521 328.557-.16 257.467.002 186.387.163 129.312 11.1 129.973 24.3L112.8 167.059c.67 72.21 65.581 129.292 142.503 129.14z"
/>
<path
fill="url(#i)"
d="M141.955 24.277c.407 8.95 52.144 16.036 115.566 15.894 63.429-.142 115.162-7.46 115.546-16.413.385-8.997-51.367-16.223-115.59-16.078-64.214.145-115.931 7.604-115.522 16.597z"
/>
<path
fill="url(#j)"
d="M254.692 280.194c-70.643-.126-126.836-48.403-123.306-105.939l6.796-110.987c6.925-8.483 40.776-6.473 77.969 4.932 38.83 11.907 62.086 39.438 62.185 39.549l99.937 28.626.304 38.34c3.215 57.554-53.241 105.605-123.885 105.479z"
/>
<path
fill="url(#k)"
d="M278.333 107.749s13.989 24.773 41.45 33.195c27.462 8.421 53.428 7.213 57.997-2.699s-13.988-24.774-41.45-33.195c-27.461-8.421-57.997 2.699-57.997 2.699z"
/>
<path
fill="url(#l)"
d="M323.445 3.283a679.76 679.76 0 0 0-13.154-.095c-70.998.161-128.223 11.071-127.827 24.239l-21.063 142.311c-.172 15.865 2.767 30.969 8.233 44.859 32.485 82.56 155.573 94.648 206.241 19.992 13.333-19.646 21.216-42.952 21.325-68.121L385.053 23.727c.413-8.704-24.284-16.311-61.608-20.444z"
/>
<path
fill="url(#m)"
d="m227.677 201.348-24.623 49.518a6.395 6.395 0 0 1-1.814-1.241l-28.262-27.664a6.469 6.469 0 0 1-1.278-7.519l20.752-41.733a6.523 6.523 0 0 1 2.959-2.938z"
/>
<path
fill="url(#n)"
d="m265.551 209.737-20.589 41.404a6.493 6.493 0 0 1-6.399 3.574c-.011-.006-.028 0-.04-.006l-33.375-3.255a.227.227 0 0 1-.091-.017 6.32 6.32 0 0 1-2.005-.573l24.623-49.518 38.328 3.753a6.52 6.52 0 0 1-.452 4.638z"
/>
<path
fill="url(#o)"
d="m266.005 205.101-36.459-3.57a5.335 5.335 0 0 1-3.212-1.497l-30.923-30.263a6.451 6.451 0 0 1 3.236-.652c.045-.006.085 0 .125.005l28.506 2.218c.017-.006.04.006.051.011a6.414 6.414 0 0 1 3.416 1.317c.102.079.21.175.318.271l32.968 29.029c.028.028.051.04.074.079.927.83 1.564 1.91 1.9 3.052z"
/>
<path
fill="url(#p)"
d="m202.829 113.481-52.426 17.603a6.384 6.384 0 0 1-.405-2.16l-.423-39.545a6.47 6.47 0 0 1 4.413-6.221l44.184-14.836a6.525 6.525 0 0 1 4.17.015z"
/>
<path
fill="url(#q)"
d="m223.678 146.194-43.836 14.719a6.492 6.492 0 0 1-7.052-1.997c-.004-.012-.02-.02-.024-.032l-21.299-25.901a.235.235 0 0 1-.052-.076 6.31 6.31 0 0 1-1.012-1.823l52.426-17.603 24.448 29.756a6.52 6.52 0 0 1-3.599 2.957z"
/>
<path
fill="url(#r)"
d="m227.278 143.237-23.256-28.305a5.333 5.333 0 0 1-1.213-3.33l-.467-43.265a6.447 6.447 0 0 1 2.749 1.827.45.45 0 0 1 .084.092l18.588 21.725c.016.008.024.032.028.044a6.418 6.418 0 0 1 1.484 3.346c.016.128.025.272.033.416l2.785 43.838c0 .04.008.064-.004.108.072 1.245-.241 2.458-.811 3.504z"
/>
<path
fill="url(#s)"
d="m313.662 174.989 17.603 52.426a6.384 6.384 0 0 1-2.16.405l-39.545.423a6.47 6.47 0 0 1-6.221-4.413l-14.836-44.184a6.525 6.525 0 0 1 .015-4.17z"
/>
<path
fill="url(#t)"
d="m346.376 154.14 14.719 43.836a6.492 6.492 0 0 1-1.997 7.052c-.012.004-.02.02-.032.024l-25.901 21.299a.235.235 0 0 1-.076.052 6.31 6.31 0 0 1-1.823 1.012l-17.603-52.426 29.756-24.448a6.527 6.527 0 0 1 2.957 3.599z"
/>
<path
fill="url(#u)"
d="m343.418 150.541-28.305 23.256a5.333 5.333 0 0 1-3.33 1.213l-43.265.467a6.447 6.447 0 0 1 1.827-2.749.45.45 0 0 1 .092-.084l21.725-18.588c.008-.016.032-.024.044-.028a6.418 6.418 0 0 1 3.346-1.484 6.28 6.28 0 0 1 .416-.033l43.838-2.785c.04 0 .064-.008.108.004 1.245-.073 2.459.241 3.504.811z"
/>
<circle cx="255" cy="406.284" r="30.539" fill="url(#v)" />
<circle cx="255" cy="360.142" r="20.364" fill="url(#w)" />
</svg>
More icons in the same style and category