cocktail icon

cocktail from IconPark Outline by ByteDance · Outline · Travel · Apache-2.0 Free for personal and commercial use.

Name: cocktail
Set: IconPark Outline
Style: Outline
Category: Travel
Viewbox: 48×48
License: Apache 2.0

The same icon in other sets

cocktailFont Awesome Solid cocktailIconPark cocktailIconPark Solid cocktailLine Awesome cocktailLucide Lab cocktailMyna UI Icons cocktailPixelarticons

More travel icons from IconPark Outline

Use the cocktail icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="4"><path stroke-linejoin="round" d="M35.8 13H32L21 32L9.8 13H6"/><path d="M25.75 25.596c5.602 3.15 12.696 1.164 15.846-4.437c3.15-5.6 1.165-12.695-4.436-15.845S24.465 4.15 21.314 9.75"/><path stroke-linejoin="round" d="M26 44H16m5 0V32m-9-16s2-2 5-2s5 3 8 3s5-1 5-1"/></g></svg>

React

import type { SVGProps } from "react";

export function IconParkOutlineCocktail(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="none" stroke="currentColor" strokeLinecap="round" strokeWidth="4"><path strokeLinejoin="round" d="M35.8 13H32L21 32L9.8 13H6"/><path d="M25.75 25.596c5.602 3.15 12.696 1.164 15.846-4.437c3.15-5.6 1.165-12.695-4.436-15.845S24.465 4.15 21.314 9.75"/><path strokeLinejoin="round" d="M26 44H16m5 0V32m-9-16s2-2 5-2s5 3 8 3s5-1 5-1"/></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="4"><path stroke-linejoin="round" d="M35.8 13H32L21 32L9.8 13H6"/><path d="M25.75 25.596c5.602 3.15 12.696 1.164 15.846-4.437c3.15-5.6 1.165-12.695-4.436-15.845S24.465 4.15 21.314 9.75"/><path stroke-linejoin="round" d="M26 44H16m5 0V32m-9-16s2-2 5-2s5 3 8 3s5-1 5-1"/></g></svg>
</template>

CSS

.icon-cocktail {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%224%22%3E%3Cpath%20stroke-linejoin%3D%22round%22%20d%3D%22M35.8%2013H32L21%2032L9.8%2013H6%22%2F%3E%3Cpath%20d%3D%22M25.75%2025.596c5.602%203.15%2012.696%201.164%2015.846-4.437c3.15-5.6%201.165-12.695-4.436-15.845S24.465%204.15%2021.314%209.75%22%2F%3E%3Cpath%20stroke-linejoin%3D%22round%22%20d%3D%22M26%2044H16m5%200V32m-9-16s2-2%205-2s5%203%208%203s5-1%205-1%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%224%22%3E%3Cpath%20stroke-linejoin%3D%22round%22%20d%3D%22M35.8%2013H32L21%2032L9.8%2013H6%22%2F%3E%3Cpath%20d%3D%22M25.75%2025.596c5.602%203.15%2012.696%201.164%2015.846-4.437c3.15-5.6%201.165-12.695-4.436-15.845S24.465%204.15%2021.314%209.75%22%2F%3E%3Cpath%20stroke-linejoin%3D%22round%22%20d%3D%22M26%2044H16m5%200V32m-9-16s2-2%205-2s5%203%208%203s5-1%205-1%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/icon-park-outline/cocktail.svg?color=%231a73e8&size=48