Icône Birthday Cake
si-glyph:birthday-cake
L'icône Birthday Cake (si-glyph:birthday-cake) est une icône SVG gratuite de la collection SmartIcons Glyph par SmartIcons. Elle est dessinée sur une grille de 16 × 24. Les SmartIcons Glyph icons sont publiées sous la licence CC BY SA 4.0, qui autorise leur utilisation dans des projets personnels et commerciaux à condition de créditer l'auteur et de partager les modifications des icônes sous la même licence. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.
- Collection
- SmartIcons Glyph
- Auteur
- SmartIcons
- Licence
- CC-BY-SA-4.0
- Taille
- 16 × 24
- Mots-clés
- birthdaycake
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="24" viewBox="0 0 16 24"><g fill="currentColor" fill-rule="evenodd"><path d="M2.002 13.062v1.107c0 1.305-.107 1.775 1.482 1.775h8.91c1.588 0 1.48-.471 1.48-1.775v-1.107zM4 3h.935v3.072H4zm3 0h1v2.969H7zm4 0h.99v2.851H11zM4.965.975c.1.406-.058.873-.437.915c-.354.04-.625-.417-.353-.87c.279-.46.353-.96.353-.96s.32.427.437.915m2.973.046c.105.426-.061.918-.469.962c-.381.042-.672-.439-.378-.914c.3-.485.378-1.01.378-1.01s.342.45.469.962m4.036.002c.112.426-.066.916-.498.96c-.404.042-.714-.438-.401-.913a2.9 2.9 0 0 0 .401-1.008s.363.45.498.961"/><path d="M3.146 8.437c.415 0 1.016-.394 1.193-.532c.005-.006.727-.684 1.602-.684c.871 0 1.623.672 1.654.701c.162.14.698.515 1.174.515c.562 0 1.108-.505 1.108-.505c.04-.038.787-.711 1.688-.711c.905 0 1.626.678 1.656.707c.161.138.464.341.737.442c-.031-1.301-.629-2.34-2.176-2.34H4.259c-1.391 0-2.018.837-2.154 1.949c.225.167.688.458 1.041.458m9.571 1.032c-.018-.016-.557-.519-1.151-.519c-.599 0-1.165.507-1.172.513c-.026.023-.751.7-1.624.7c-.865 0-1.641-.667-1.674-.696c-.163-.146-.682-.517-1.154-.517c-.562 0-1.104.503-1.111.507c-.115.092-.932.706-1.684.706c-.386 0-.772-.159-1.07-.325v2.107h11.889v-1.814c-.611-.127-1.177-.601-1.249-.662M0 14h15.851v1.935H0z"/></g></svg>
Comment utiliser l'icône Birthday Cake
React
import { Icon } from "@iconify/react";
<Icon icon="si-glyph:birthday-cake" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="si-glyph:birthday-cake" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="si-glyph:birthday-cake" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[si-glyph--birthday-cake]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/si-glyph -->
<div class="i-si-glyph:birthday-cake"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="si-glyph:birthday-cake"></iconify-icon>
Image HTML
<img src="https://iconyz.com/api/public/svg/si-glyph/birthday-cake.svg" alt="Icône Birthday Cake" width="24" height="24">
L'icône Birthday Cake dans d'autres collections
FAQ : Icône Birthday Cake
L'icône Birthday Cake est-elle gratuite pour un usage commercial ?
Oui. Les SmartIcons Glyph icons sont publiées sous la licence CC BY SA 4.0, qui autorise leur utilisation dans des projets personnels et commerciaux à condition de créditer l'auteur et de partager les modifications des icônes sous la même licence.
Comment utiliser l'icône Birthday Cake dans React ?
Installez @iconify/react et affichez <Icon icon="si-glyph:birthday-cake" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Birthday Cake à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/si-glyph/birthday-cake.svg" alt="Icône Birthday Cake">, ou collez le code SVG directement dans la page pour le styliser en CSS.
Voir toutes les Icônes SmartIcons Glyph →
ICONYZ
