Ícone Cocktail Glass
streamline-emojis:cocktail-glass
O ícone Cocktail Glass (streamline-emojis:cocktail-glass) é um ícone SVG gratuito da coleção Streamline Emojis de Streamline. Ele é desenhado em uma grade de 48 × 48. Streamline Emojis icons são publicados sob a licença CC BY 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.
- Coleção
- Streamline Emojis
- Autor
- Streamline
- Licença
- CC-BY-4.0
- Tamanho
- 48 × 48
- Categoria
- Comidas e bebidas
- Tags
- cocktailglass
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="#45413c" d="M14 45.5a10 1.5 0 1 0 20 0a10 1.5 0 1 0-20 0" opacity=".15"/><path fill="#00b8f0" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M33.14 43.35c-.56-1.07-3.36-1.93-7-2.18a.87.87 0 0 1-.82-.87v-15h-2.64v15a.87.87 0 0 1-.82.87c-3.64.25-6.44 1.11-7 2.18a.42.42 0 0 0 .2.56c.86.44 3.61 1.59 8.94 1.59s8.08-1.15 8.94-1.59a.42.42 0 0 0 .2-.56"/><path fill="#00b8f0" d="M41.17 10.73c0-2.19-7.69-4-17.17-4s-17.17 1.77-17.17 4v1.84a2.64 2.64 0 0 0 1 2l14 11.53s0 1.76 2.2 1.76s2.2-1.76 2.2-1.76l14-11.53a2.64 2.64 0 0 0 1-2Z"/><path fill="#4acfff" d="M33.82 7.48A63 63 0 0 0 24 6.77c-9.48 0-17.17 1.77-17.17 4v1.84a2.64 2.64 0 0 0 1 2l12.33 10.18A53.8 53.8 0 0 0 33.82 7.48"/><path fill="#00b8f0" d="M6.83 10.73a17.17 3.96 0 1 0 34.34 0a17.17 3.96 0 1 0-34.34 0"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M41.17 10.73c0-2.19-7.69-4-17.17-4s-17.17 1.77-17.17 4v1.84a2.64 2.64 0 0 0 1 2l14 11.53s0 1.76 2.2 1.76s2.2-1.76 2.2-1.76l14-11.53a2.64 2.64 0 0 0 1-2Z"/><path fill="#c8ffa1" d="m35.44 16l-9.68 7.92a3.07 3.07 0 0 1-1.76.88a3.07 3.07 0 0 1-1.76-.88L12.56 16s3.08-1.75 11.44-1.75S35.44 16 35.44 16"/><path fill="#e4ffd1" d="M29.57 14.56a45 45 0 0 0-5.57-.31c-8.36 0-11.44 1.75-11.44 1.75l9.14 7.48a49.3 49.3 0 0 0 7.87-8.92"/><path fill="#9ceb60" d="M35.44 16S32.36 17.77 24 17.77S12.56 16 12.56 16s3.08-1.75 11.44-1.75S35.44 16 35.44 16"/><path fill="#c8ffa1" d="M27.25 17.67c.83-1 1.6-2.07 2.32-3.11a45 45 0 0 0-5.57-.31c-8.36 0-11.44 1.75-11.44 1.75s3.08 1.77 11.44 1.77c1.19 0 2.26-.04 3.25-.1"/><path fill="#ff6242" d="M37.19 6.87a2.64 2.64 0 1 1-.71-3.66a2.63 2.63 0 0 1 .71 3.66"/><path fill="#ff866e" d="M32.41 5.9a2.64 2.64 0 0 1 5.19-1Z"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="m33.53 7.58l-2.47 3.65"/><path fill="#46b000" d="M32.5 15.39c-.82 1.21-2.78 1.3-4.4.22s-2.25-2.95-1.43-4.16s2.78-1.31 4.39-.22s2.26 2.95 1.44 4.16"/><path fill="#6dd627" d="m26.66 14l5.85-1.13a4.35 4.35 0 0 0-1.45-1.62c-1.61-1.09-3.58-1-4.39.22a2.46 2.46 0 0 0-.01 2.53"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M32.5 15.39c-.82 1.21-2.78 1.3-4.4.22s-2.25-2.95-1.43-4.16s2.78-1.31 4.39-.22s2.26 2.95 1.44 4.16"/><path fill="#46b000" d="M29.54 19.77c-.81 1.2-2.78 1.3-4.39.21s-2.26-2.98-1.44-4.16s2.78-1.3 4.39-.21s2.26 2.95 1.44 4.16"/><path fill="#6dd627" d="m23.7 18.36l5.85-1.13a4.2 4.2 0 0 0-1.45-1.62c-1.61-1.09-3.58-1-4.39.21a2.48 2.48 0 0 0-.01 2.54"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M29.54 19.77c-.81 1.2-2.78 1.3-4.39.21s-2.26-2.98-1.44-4.16s2.78-1.3 4.39-.21s2.26 2.95 1.44 4.16m-4.39.21l-1.48 2.19m13.52-15.3a2.64 2.64 0 1 1-.71-3.66a2.63 2.63 0 0 1 .71 3.66"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M41.17 10.73c0 2.19-7.69 4-17.17 4s-17.17-1.77-17.17-4"/></svg>Como usar o ícone Cocktail Glass
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-emojis:cocktail-glass" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-emojis:cocktail-glass" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-emojis:cocktail-glass" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-emojis--cocktail-glass]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-emojis -->
<div class="i-streamline-emojis:cocktail-glass"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-emojis:cocktail-glass"></iconify-icon>Imagem HTML
<img src="https://iconyz.com/api/public/svg/streamline-emojis/cocktail-glass.svg" alt="Ícone Cocktail Glass" width="24" height="24">O ícone Cocktail Glass em outras coleções
Perguntas frequentes sobre Ícone Cocktail Glass
O ícone Cocktail Glass é grátis para uso comercial?
Sim. Streamline Emojis icons são publicados sob a licença CC BY 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor.
Como uso o ícone Cocktail Glass no React?
Instale @iconify/react e renderize <Icon icon="streamline-emojis:cocktail-glass" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Cocktail Glass a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/streamline-emojis/cocktail-glass.svg" alt="Ícone Cocktail Glass">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.