Иконка Birthday Cake
si-glyph:birthday-cake
Иконка Birthday Cake (si-glyph:birthday-cake) — бесплатная SVG-иконка из набора SmartIcons Glyph от SmartIcons. Она нарисована на сетке 16 × 24. SmartIcons Glyph icons выпущены под лицензией CC BY SA 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора и распространения изменённых иконок под той же лицензией. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- SmartIcons Glyph
- Автор
- SmartIcons
- Лицензия
- CC-BY-SA-4.0
- Размер
- 16 × 24
- Теги
- birthdaycake
Код 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>
Как использовать иконку 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>
Веб-компонент
<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>
Изображение HTML
<img src="https://iconyz.com/api/public/svg/si-glyph/birthday-cake.svg" alt="Иконка Birthday Cake" width="24" height="24">
Иконка Birthday Cake в других наборах
Вопросы и ответы: Иконка Birthday Cake
Можно ли бесплатно использовать иконку Birthday Cake в коммерческих проектах?
Да. SmartIcons Glyph icons выпущены под лицензией CC BY SA 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора и распространения изменённых иконок под той же лицензией.
Как использовать иконку Birthday Cake в React?
Установите @iconify/react и выведите <Icon icon="si-glyph:birthday-cake" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Birthday Cake на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/si-glyph/birthday-cake.svg" alt="Иконка Birthday Cake">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.
Все Иконки SmartIcons Glyph →
ICONYZ
