Add icons to this collection by clicking the heart icon.
Cocktail icon - also known as drink, beverage, glass, alcohol, straw, cocktail, alcoholic, 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="27.972"
x2="100.688"
y1="46.978"
y2="46.978"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#dce2e1" />
<stop offset="1" stop-color="#c0ccce" />
</linearGradient>
<linearGradient
id="d"
x1="27.312"
x2="100.688"
y1="26.956"
y2="26.956"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#c0ccce" />
<stop offset="1" stop-color="#dce2e1" />
</linearGradient>
<linearGradient id="f" x1="29" x2="100" y1="27" y2="27" href="#a" />
<linearGradient
id="b"
x1="64.5"
x2="64.5"
y1="28"
y2="34"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#92a6ad" stop-opacity="0" />
<stop offset=".987" stop-color="#92a6ad" />
</linearGradient>
<linearGradient id="g" x1="64.173" x2="64.173" y1="37" y2="50" href="#b" />
<linearGradient
id="h"
x1="57"
x2="91.305"
y1="43.152"
y2="43.152"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e99235" />
<stop offset="1" stop-color="#d43f00" />
</linearGradient>
<linearGradient
id="i"
x1="73.816"
x2="73.816"
y1="42"
y2="48"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#d43f00" stop-opacity="0" />
<stop offset=".987" stop-color="#d43f00" />
</linearGradient>
<linearGradient
id="j"
x1="44"
x2="84"
y1="115.868"
y2="115.868"
href="#a"
/>
<linearGradient id="k" x1="64" x2="64" y1="115" y2="120.096" href="#b" />
<linearGradient id="l" x1="57" x2="71" y1="90.425" y2="90.425" href="#a" />
<linearGradient id="m" x1="64" x2="64" y1="108" y2="116.043" href="#b" />
<linearGradient id="n" x1="64" x2="64" y1="76.964" y2="64.807" href="#b" />
<linearGradient
id="o"
x1="84.213"
x2="117.163"
y1="24.547"
y2="24.547"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff6ba" />
<stop offset="1" stop-color="#ffdd50" />
</linearGradient>
<linearGradient
id="c"
x1="83.212"
x2="118.164"
y1="24.548"
y2="24.548"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffdd50" />
<stop offset="1" stop-color="#ea9024" />
</linearGradient>
<linearGradient
id="p"
x1="98.371"
x2="105.353"
y1="16.731"
y2="16.731"
href="#c"
/>
<linearGradient
id="q"
x1="89.661"
x2="97.991"
y1="18.642"
y2="18.642"
href="#c"
/>
<linearGradient
id="r"
x1="103.396"
x2="111.727"
y1="30.27"
y2="30.27"
href="#c"
/>
<linearGradient
id="s"
x1="95.788"
x2="102.77"
y1="32.557"
y2="32.557"
href="#c"
/>
<linearGradient
id="t"
x1="88.428"
x2="97.166"
y1="28.715"
y2="28.715"
href="#c"
/>
<linearGradient
id="u"
x1="103.837"
x2="112.575"
y1="20.128"
y2="20.128"
href="#c"
/>
<linearGradient
id="v"
x1="26.724"
x2="63.661"
y1="28.74"
y2="28.74"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ec606c" />
<stop offset="1" stop-color="#bf2640" />
</linearGradient>
<linearGradient
id="w"
x1="51.783"
x2="63.661"
y1="40.748"
y2="40.748"
href="#a"
/>
<linearGradient
id="x"
x1="38.509"
x2="88.174"
y1="54.161"
y2="54.161"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e9bf34" />
<stop offset="1" stop-color="#d46f0e" />
</linearGradient>
<linearGradient
id="y"
x1="64.058"
x2="64.058"
y1="55"
y2="67"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#d46f0e" stop-opacity="0" />
<stop offset=".997" stop-color="#d46f0e" />
</linearGradient>
<linearGradient
id="z"
x1="93.128"
x2="93.128"
y1="26.956"
y2="39.844"
href="#a"
/>
<linearGradient
id="A"
x1="45.231"
x2="45.231"
y1="37.353"
y2="47.484"
gradientTransform="rotate(36 45.203 42.388)"
href="#a"
/>
<linearGradient
id="B"
x1="27.317"
x2="100.683"
y1="30.881"
y2="30.881"
href="#d"
/>
<linearGradient
id="e"
x1="71.944"
x2="71.944"
y1="7.074"
y2="121.096"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#2d2d2d" />
<stop offset=".987" stop-color="#141414" />
</linearGradient>
<linearGradient
id="C"
x1="101.865"
x2="101.865"
y1="11.289"
y2="22.172"
href="#e"
/>
<linearGradient
id="D"
x1="93.797"
x2="93.797"
y1="13.957"
y2="23.278"
href="#e"
/>
<linearGradient
id="E"
x1="107.59"
x2="107.59"
y1="25.644"
y2="34.956"
href="#e"
/>
<linearGradient
id="F"
x1="108.218"
x2="108.218"
y1="15.766"
y2="24.425"
href="#e"
/>
<g>
<path
fill="url(#a)"
d="m27.972 28.668 25.21 34.715A8.334 8.334 0 0 0 60.052 67h7.895a8.334 8.334 0 0 0 6.87-3.617s19.487-26.32 25.38-34.356a4.648 4.648 0 0 0 .491-2.071z"
/>
<path
fill="url(#d)"
d="M100.688 26.956c0 4.31-16.426 7.806-36.688 7.806s-36.688-3.495-36.688-7.806c0-2.742 6.647-5.154 16.7-6.547l5.024-.582c4.57-.435 9.634-.677 14.964-.677a147.44 147.44 0 0 1 20.512 1.334z"
/>
<path
fill="url(#f)"
d="M70.112 20c16.94.534 29.888 3.445 29.888 6.956C100 30.846 84.106 34 64.5 34S29 30.846 29 26.956c0-3.511 12.949-6.422 29.889-6.956z"
/>
<path
fill="url(#b)"
d="M29.39 28c2.543 3.395 17.292 6 35.11 6s32.568-2.605 35.11-6z"
/>
<path
fill="url(#g)"
d="M94.324 37H34.022l9.441 13H84.72c3.174-4.292 6.629-8.967 9.605-13z"
/>
<path
fill="url(#h)"
d="m91.305 41.09-.226-.098a39.554 39.554 0 0 0-14.618-2.664c-7.443.317-10.61 5.206-19.21 4.55L57 47l2 1h27.198l5.107-6.91z"
/>
<path
fill="url(#i)"
d="M64.563 42a18.264 18.264 0 0 1-7.312.879L57 47l2 1h27.198l4.434-6z"
/>
<path
fill="url(#j)"
d="M67.162 111.64c9.543.322 16.838 2.08 16.838 4.201 0 2.35-8.954 4.255-20 4.255s-20-1.905-20-4.255c0-2.12 7.295-3.88 16.839-4.202z"
/>
<path
fill="url(#k)"
d="M44 115.841c0 2.35 8.954 4.255 20 4.255s20-1.905 20-4.255a1.253 1.253 0 0 0-.403-.841H44.403a1.253 1.253 0 0 0-.403.841z"
/>
<path
fill="url(#l)"
d="M62 64.807v40.568c-.09 5.821-.92 7.125-4.757 8.789h.008a.534.534 0 0 0-.251.39c0 .822 3.134 1.489 7 1.489s7-.667 7-1.49a.534.534 0 0 0-.25-.39h.007c-3.864-1.645-4.668-3.038-4.757-8.788V65z"
/>
<path
fill="url(#m)"
d="M57.243 114.163h.008a.534.534 0 0 0-.251.39c0 .823 3.134 1.49 7 1.49s7-.667 7-1.49a.534.534 0 0 0-.25-.39h.007c-3.191-1.359-4.293-2.552-4.63-6.163h-4.253c-.341 3.649-1.455 4.787-4.631 6.163z"
/>
<path fill="url(#n)" d="m62 64.891 4 12.073V65l-4-.193z" />
<circle cx="100.688" cy="24.547" r="16.473" fill="url(#o)" />
<path
fill="url(#c)"
d="M100.723 42.023a17.752 17.752 0 0 1-2.024-.116 17.42 17.42 0 1 1 2.024.116zm-.046-32.95A15.474 15.474 0 1 0 116.06 26.31a15.473 15.473 0 0 0-13.61-17.134 15.54 15.54 0 0 0-1.773-.102z"
/>
<path
fill="url(#p)"
d="M102.076 12.317c2.481.396 3.434 1.21 3.256 2.38-.124.82-3.751 6.537-4.268 6.478s-2.756-6.449-2.692-7.276c.091-1.179 1.204-1.757 3.71-1.581"
/>
<path
fill="url(#q)"
d="M90.803 16.934c1.584-1.952 2.766-2.369 3.69-1.63.648.518 3.786 6.517 3.476 6.935s-6.963-.837-7.647-1.306c-.975-.669-.92-1.921.486-4.005"
/>
<path
fill="url(#r)"
d="M110.584 31.978c-1.584 1.951-2.766 2.369-3.69 1.63-.648-.518-3.786-6.517-3.476-6.935s6.963.837 7.647 1.306c.975.669.92 1.921-.486 4.004"
/>
<path
fill="url(#s)"
d="M99.065 36.972c-2.481-.396-3.434-1.211-3.256-2.38.124-.82 3.751-6.538 4.268-6.479s2.756 6.45 2.692 7.276c-.091 1.179-1.204 1.757-3.71 1.582"
/>
<path
fill="url(#t)"
d="M88.982 29.493c-.898-2.347-.668-3.58.433-4.01.772-.302 7.537-.02 7.744.458s-4.207 5.61-4.955 5.969c-1.066.51-2.124-.164-3.225-2.423"
/>
<path
fill="url(#u)"
d="M112.022 19.35c.898 2.347.668 3.58-.433 4.01-.773.302-7.537.02-7.745-.457s4.207-5.611 4.956-5.97c1.066-.51 2.123.164 3.224 2.423"
/>
<path
fill="url(#v)"
d="M60.064 47.963 43.086 18.376 26.724 13.34 27.9 9.517l17.871 5.5 17.89 31.177z"
/>
<path
fill="url(#w)"
d="m51.783 33.533 8.28 14.43 3.598-1.77-7.1-12.372q-2.458-.112-4.778-.288z"
opacity=".2"
/>
<path
fill="url(#x)"
d="m88.174 45.327-.257.087a28.527 28.527 0 0 1-11.233 2.393c-9.263 0-15.437-4.631-24.7-6.175a26.683 26.683 0 0 0-13.338 1.444l-.137.102 14.673 20.205A8.334 8.334 0 0 0 60.052 67h7.895a8.334 8.334 0 0 0 6.87-3.617S81.47 54.4 88.175 45.327z"
/>
<path
fill="url(#y)"
d="m47.094 55 6.088 8.383A8.334 8.334 0 0 0 60.052 67h7.895a8.334 8.334 0 0 0 6.87-3.617s2.609-3.522 6.204-8.383z"
/>
<path
fill="url(#z)"
d="M85.567 33.269a17.673 17.673 0 0 0 1.44 2.147 17.445 17.445 0 0 0 5.218 4.428c3.277-4.437 6.224-8.434 7.971-10.817a4.648 4.648 0 0 0 .492-2.071c0 2.596-5.96 4.894-15.12 6.313z"
opacity=".5"
/>
<path
fill="url(#A)"
d="M43.232 37.611h4v9.616h-4z"
opacity=".5"
transform="rotate(-36 45.2 42.391)"
/>
<path
fill="url(#B)"
d="M99.994 27c-.119 3.87-15.962 7-35.494 7s-35.375-3.13-35.494-7h-1.689c.112 4.29 16.49 7.761 36.683 7.761s36.57-3.47 36.683-7.761z"
/>
</g>
<g>
<path
fill="url(#e)"
d="M114.37 13.679A17.464 17.464 0 0 0 84 19.407a150.016 150.016 0 0 0-20-1.257c-5.184 0-10.193.226-14.895.668l-2.467-4.299a1 1 0 0 0-.573-.458l-17.87-5.5a1 1 0 0 0-1.25.662l-1.177 3.823a1 1 0 0 0 .662 1.25l15.985 4.92.22.384c-7.724 1.161-16.323 3.352-16.323 7.356a2.953 2.953 0 0 0 .664 1.81.995.995 0 0 0 .186.49L52.358 63.95A9.332 9.332 0 0 0 60.053 68H61v37.36c-.04 2.64-.228 4.215-.76 5.301-3.922.165-17.24 1.03-17.24 5.18 0 4.149 13.2 5.255 21 5.255s21-1.107 21-5.255c0-4.146-13.293-5.013-17.229-5.179-.533-1.09-.73-2.67-.771-5.287V68h.947a9.315 9.315 0 0 0 7.675-4.021c.137-.186 9.786-13.22 17.515-23.687a17.467 17.467 0 0 0 5.562 1.615 17.752 17.752 0 0 0 2.024.116 17.475 17.475 0 0 0 13.647-28.344zM64 20.15a148.481 148.481 0 0 1 19.527 1.211c-.073.396-.152.79-.199 1.197a17.346 17.346 0 0 0 1.728 9.791A143.277 143.277 0 0 1 64 33.762q-3.327 0-6.387-.116l-7.408-12.911c4.377-.382 9.004-.585 13.795-.585zm-36.026-7.471.588-1.912 16.538 5.09L55.248 33.54c-.811-.042-1.609-.088-2.388-.14l-8.906-15.522a.999.999 0 0 0-.574-.458zM87.549 44.49c-.01.003-.019.002-.028.006a27.76 27.76 0 0 1-10.837 2.31c-5.178 0-9.374-1.501-13.816-3.09l-.393-.14a29.387 29.387 0 0 0 6.069-2.057 21.351 21.351 0 0 1 7.96-2.193 37.703 37.703 0 0 1 13.214 2.228l-2.17 2.936zm-29.814-2.595-3.687-6.425q1.181.07 2.378.123l3.609 6.29a18.445 18.445 0 0 1-2.3.012zm-29.423-14.94c0-1.149 3.246-3.754 15.395-5.49l6.743 11.752c-13.972-1.182-22.138-4.059-22.138-6.262zm23.339 8.355 3.404 5.932a40.464 40.464 0 0 0-2.906-.597 27.406 27.406 0 0 0-13.296 1.304l-7.534-10.375c4.636 1.865 12.051 3.117 20.332 3.736zM83 115.829c-.288 1.14-7.068 3.267-19.001 3.267s-18.713-2.127-19.001-3.242c.207-.82 4.308-2.468 12.82-3.056-.964.474-1.073.441-1.291.667a1.433 1.433 0 0 0-.528 1.089c0 2.166 5.012 2.489 8 2.489s8-.323 8-2.49a1.434 1.434 0 0 0-.524-1.085c-.23-.237-.337-.195-1.31-.67 8.522.586 12.628 2.233 12.835 3.03zm-13.83-1.299a21.992 21.992 0 0 1-5.171.513 21.925 21.925 0 0 1-5.179-.515c3.313-1.699 4.094-3.64 4.179-9.153V68h2v37.39c.085 5.453.904 7.467 4.172 9.14zm4.823-51.712A7.334 7.334 0 0 1 67.947 66h-7.894a7.347 7.347 0 0 1-6.062-3.204L40.083 43.643a25.211 25.211 0 0 1 11.737-1.025A58.785 58.785 0 0 1 62.194 45.6c4.61 1.65 8.965 3.208 14.49 3.208a28.582 28.582 0 0 0 8.691-1.375c-5.914 7.999-11.269 15.232-11.381 15.385zm16.964-22.942a39.88 39.88 0 0 0-14.54-2.547 23.257 23.257 0 0 0-8.662 2.353 27.874 27.874 0 0 1-5.58 1.914l-3.395-5.915c1.732.052 3.476.08 5.219.08a146.409 146.409 0 0 0 22.134-1.56c.275.413.56.821.872 1.214a17.47 17.47 0 0 0 4.365 3.901zm.562-8.92a5.244 5.244 0 0 1-1.239-1.798c-.343-.908-.792-2.41-.166-2.659a34.97 34.97 0 0 1 5.93.157 40.855 40.855 0 0 1-3.382 3.943.977.977 0 0 0-.17.256c-.282.074-.572.148-.87.222a.935.935 0 0 0-.103-.122zm5.74.377-2 2.713-.006.01-2.692 3.647a15.46 15.46 0 0 1-3.99-3.532c-.089-.112-.163-.232-.249-.347a42.867 42.867 0 0 0 8.937-2.491zm3.257-1.054a30.888 30.888 0 0 1 1.501 4.657c-.057.72-1.633.728-2.598.664a4.353 4.353 0 0 1-2.234-.795c1.295-1.757 2.433-3.303 3.331-4.526zm15.544-3.97a15.471 15.471 0 0 1-21.718 12.35l1.651-2.238a6.935 6.935 0 0 0 3.16 1.162l.016.002a1.013 1.013 0 0 0 .107.01c.283.02.55.028.801.028 3.064 0 3.842-1.347 3.934-2.533.076-.982-1.513-5.537-2.395-7.255a7.783 7.783 0 0 0 .071-.878 1 1 0 0 0-.992-1h-.008a1 1 0 0 0-1 .983l-.002.074c-.052.82-1.23 1.73-3.398 2.61 1.269-1.49 2.511-3.232 2.172-4.012-.705-1.626-8.952-1.02-9.026-.99-1.203.47-2.352 1.77-1.003 5.299l.001.001a.988.988 0 0 0 .052.114 10.142 10.142 0 0 0 .915 1.543q-1.075.222-2.253.43a15.467 15.467 0 1 1 28.915-5.7z"
/>
<path
fill="url(#C)"
d="M102.279 11.337a.902.902 0 0 0-.122-.017l-.026-.002c-3.748-.257-4.657 1.219-4.756 2.503-.037.477 1.926 8.159 3.574 8.348a.722.722 0 0 0 .073.003c1.785 0 5.287-7.248 5.299-7.325.193-1.271-.353-2.91-4.042-3.51zm-1.03 8.222a35.928 35.928 0 0 1-1.88-5.583c.06-.765 1.83-.715 2.593-.665.957.156 2.49.52 2.39 1.187a34.744 34.744 0 0 1-3.103 5.061z"
/>
<path
fill="url(#D)"
d="M90.051 16.274a.896.896 0 0 0-.091.123c-2.09 3.112-1.265 4.632-.204 5.36a32.914 32.914 0 0 0 7.44 1.521c.76 0 1.34-.124 1.577-.444 1.055-1.424-3.594-8.262-3.656-8.312-1.004-.803-2.698-1.148-5.066 1.752zm.836 3.833c-.596-.408.183-1.773.723-2.58.613-.75 1.69-1.894 2.221-1.476a34.778 34.778 0 0 1 2.832 5.22 36.024 36.024 0 0 1-5.776-1.164z"
/>
<path
fill="url(#E)"
d="M111.63 27.155c-.394-.27-8.028-2.41-9.015-1.078-1.057 1.423 3.593 8.264 3.654 8.313a2.416 2.416 0 0 0 1.523.566c.934 0 2.116-.57 3.544-2.318a1.045 1.045 0 0 0 .091-.123c2.09-3.112 1.265-4.632.203-5.36zm-1.853 4.23c-.614.752-1.694 1.89-2.222 1.476a34.737 34.737 0 0 1-2.83-5.22 35.972 35.972 0 0 1 5.775 1.164c.596.408-.183 1.774-.723 2.58z"
/>
<path
fill="url(#F)"
d="M108.369 16.03c-.432.207-6.102 5.748-5.442 7.27.398.92 3.21 1.126 5.59 1.126 1.828 0 3.404-.122 3.436-.134 1.198-.469 2.343-1.762 1.017-5.26q-.016-.048-.038-.095l-.022-.046c-1.652-3.368-3.38-3.414-4.541-2.86zm2.903 6.383a34.66 34.66 0 0 1-5.936-.158 35.992 35.992 0 0 1 3.895-4.42c.648-.311 1.444 1.044 1.873 1.915.343.907.795 2.415.168 2.663z"
/>
</g>
</svg>
More icons in the same style and category