Ícone Birthday Cake
twemoji:birthday-cake
O ícone Birthday Cake (twemoji:birthday-cake) é um ícone SVG gratuito da coleção Twitter Emoji de Twitter. Ele é desenhado em uma grade de 36 × 36. Twitter Emoji 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
- Twitter Emoji
- Autor
- Twitter
- Licença
- CC-BY-4.0
- Tamanho
- 36 × 36
- Categoria
- Comidas e bebidas
- Tags
- birthdaycake
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36"><ellipse cx="18" cy="26" fill="#8899a6" rx="18" ry="10"/><ellipse cx="18" cy="24.25" fill="#ccd6dd" rx="18" ry="10"/><path fill="#dd2e44" d="M32.675 23.685c0 4.26-6.57 7.712-14.675 7.712S3.325 27.945 3.325 23.685c0-4.258 6.57-7.711 14.675-7.711c8.104 0 14.675 3.453 14.675 7.711"/><path fill="#f4abba" d="M32.233 22.543c0 9.854-28.466 9.854-28.466 0v-8.759h28.466z"/><path fill="#dd2e44" d="M17.984 18.166c-8.984 0-14.218-4.132-14.218-4.132s-.016.924-.016 1.685c0 0 .032 4.898 2.572 4.898c2.459 0 2.28 2.348 3.834 2.591c1.541.241 1.712-.938 3.625-.938s2.25 2.106 4.203 2.106c2.289 0 2.477-2.106 4.389-2.106s2.132 1.224 3.386.885c1.507-.408.814-2.537 3.887-2.537c2.54 0 2.603-4.648 2.603-4.648c0-.76-.017-1.935-.017-1.935s-5.263 4.131-14.248 4.131"/><path fill="#ea596e" d="M32.675 12.737c0 4.259-6.57 7.712-14.675 7.712S3.325 16.996 3.325 12.737S9.895 5.025 18 5.025c8.104 0 14.675 3.453 14.675 7.712"/><path fill="#fff8e8" d="M25.664 13.784c-.605 0-1.095-.49-1.095-1.095V5.025a1.095 1.095 0 1 1 2.19 0v7.664c0 .605-.49 1.095-1.095 1.095"/><path fill="#faaa35" d="M25.664 6.667c-1.162 0-2.076-.532-2.445-1.423c-.32-.773-.479-2.45 2.058-4.986a.547.547 0 0 1 .774 0c2.537 2.537 2.378 4.213 2.058 4.986c-.369.891-1.283 1.423-2.445 1.423"/><path fill="#fff8e8" d="M18 17.068c-.605 0-1.095-.49-1.095-1.095V8.31a1.095 1.095 0 1 1 2.19 0v7.664c0 .604-.49 1.094-1.095 1.094"/><path fill="#faaa35" d="M18 9.952c-1.162 0-2.076-.532-2.445-1.423c-.321-.773-.479-2.45 2.058-4.986a.547.547 0 0 1 .774 0c2.537 2.537 2.378 4.213 2.058 4.986c-.369.891-1.283 1.423-2.445 1.423"/><path fill="#fff8e8" d="M10.336 13.784c-.605 0-1.095-.49-1.095-1.095V5.025a1.095 1.095 0 1 1 2.19 0v7.664c0 .605-.49 1.095-1.095 1.095"/><path fill="#faaa35" d="M10.336 6.667c-1.162 0-2.076-.532-2.445-1.423c-.321-.773-.479-2.45 2.058-4.986a.547.547 0 0 1 .774 0c2.537 2.537 2.378 4.213 2.058 4.986c-.369.891-1.283 1.423-2.445 1.423"/></svg>
Como usar o ícone Birthday Cake
React
import { Icon } from "@iconify/react";
<Icon icon="twemoji:birthday-cake" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="twemoji:birthday-cake" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="twemoji:birthday-cake" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[twemoji--birthday-cake]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/twemoji -->
<div class="i-twemoji:birthday-cake"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="twemoji:birthday-cake"></iconify-icon>
Imagem HTML
<img src="https://iconyz.com/api/public/svg/twemoji/birthday-cake.svg" alt="Ícone Birthday Cake" width="24" height="24">
O ícone Birthday Cake em outras coleções
Perguntas frequentes sobre Ícone Birthday Cake
O ícone Birthday Cake é grátis para uso comercial?
Sim. Twitter Emoji 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 Birthday Cake no React?
Instale @iconify/react e renderize <Icon icon="twemoji:birthday-cake" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Birthday Cake a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/twemoji/birthday-cake.svg" alt="Ícone Birthday Cake">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.
Ver todos os Ícones Twitter Emoji →
ICONYZ
