Icono Birthday Cake
twemoji:birthday-cake
El icono Birthday Cake (twemoji:birthday-cake) es un icono SVG gratuito de la colección Twitter Emoji de Twitter. Está dibujado en una cuadrícula de 36 × 36. Twitter Emoji icons se publican bajo la licencia CC BY 4.0, que permite usarlos en proyectos personales y comerciales siempre que cites al autor. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.
- Colección
- Twitter Emoji
- Autor
- Twitter
- Licencia
- CC-BY-4.0
- Tamaño
- 36 × 36
- Categoría
- Comida y bebida
- Etiquetas
- 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>
Cómo usar el icono 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>
Imagen HTML
<img src="https://iconyz.com/api/public/svg/twemoji/birthday-cake.svg" alt="Icono Birthday Cake" width="24" height="24">
El icono Birthday Cake en otras colecciones
Preguntas frecuentes sobre Icono Birthday Cake
¿El icono Birthday Cake es gratis para uso comercial?
Sí. Twitter Emoji icons se publican bajo la licencia CC BY 4.0, que permite usarlos en proyectos personales y comerciales siempre que cites al autor.
¿Cómo uso el icono Birthday Cake en React?
Instala @iconify/react y renderiza <Icon icon="twemoji:birthday-cake" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Birthday Cake a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/twemoji/birthday-cake.svg" alt="Icono Birthday Cake">, o pega el código SVG en línea para darle estilo con CSS.
Ver todos los Iconos Twitter Emoji →
ICONYZ
