Иконка Cupcake

fluent-emoji-high-contrast:cupcake

Иконка Cupcake (fluent-emoji-high-contrast:cupcake) — бесплатная SVG-иконка из набора Fluent Emoji High Contrast от Microsoft Corporation. Она нарисована на сетке 32 × 32. Fluent Emoji High Contrast icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Fluent Emoji High Contrast
Автор: Microsoft Corporation
Лицензия: MIT
Размер: 32 × 32
Категория: Еда и напитки

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="m20.06 4.98l-2.93-2.56a1.7 1.7 0 0 0-2.24 0l-3.03 2.64a2.52 2.52 0 0 0-.615 2.95h-.735a3.5 3.5 0 0 0-3.17 5a3.5 3.5 0 0 0-.3 6.966h-.26a1.77 1.77 0 0 0-1.7 2.279c-.186-.1-.542.181-.382.742l1.8 6A1.58 1.58 0 0 0 8 30h16a1.43 1.43 0 0 0 1.5-1s1.936-6.072 1.816-6.564a.29.29 0 0 0-.242-.218a.3.3 0 0 0-.115.009a1.78 1.78 0 0 0-1.719-2.247h-.261a3.5 3.5 0 0 0-.309-6.967a3.5 3.5 0 0 0-3.15-5h-.745c.155-.332.236-.694.235-1.06a2.44 2.44 0 0 0-.76-1.8a2 2 0 0 0-.131-.123L20.086 5zM10.694 29l-.679-3.4a.5.5 0 0 1 .98-.2l.72 3.6zm4.806 0v-3.5a.5.5 0 0 1 1 0V29zm4.79 0l.72-3.6a.498.498 0 0 1 .77-.314a.5.5 0 0 1 .21.514l-.679 3.4zm5.701-7.02l-.117.381v-.004a1 1 0 0 0-.089.079l-.748.871c-.066.076-.182.1-.229 0l-.344-.793c-.175-.385-.899-.478-1.464.035l-.8.758a.333.333 0 0 1-.519 0l-.7-.871c-.355-.429-1.19-.242-1.726.153l-.855.718a.514.514 0 0 1-.657 0l-.8-.793a1.55 1.55 0 0 0-1.919.035l-.8.758a.59.59 0 0 1-.626 0l-1.041-.871a1.28 1.28 0 0 0-1.686.153l-.572.718c-.093.106-.262.152-.473 0l-.978-.871a.915.915 0 0 0-1.359.153l-.275.611s-.076.259-.214.107l-.714-.871a1 1 0 0 0-.148-.133l-.1-.331a.77.77 0 0 1 .742-.992h18.46a.782.782 0 0 1 .751 1M16.153 6.81a.5.5 0 0 1-.163-.11l-.74-.74a.502.502 0 1 1 .71-.71l.74.75a.483.483 0 0 1 0 .7a.5.5 0 0 1-.547.11m-3.792 3.197a.5.5 0 0 1 .109-.547l.74-.74a.502.502 0 0 1 .71.71l-.75.74a.483.483 0 0 1-.7 0a.5.5 0 0 1-.11-.163m-.61 7.556a.5.5 0 0 1 .109-.163l.74-.74a.502.502 0 1 1 .71.71l-.74.74a.502.502 0 0 1-.819-.547m-4.62-1.64a.5.5 0 0 1 .109-.163l.74-.74a.502.502 0 0 1 .71.71l-.74.74a.513.513 0 0 1-.71 0a.5.5 0 0 1-.11-.547m16.09 0a.5.5 0 0 1 .109-.163l.74-.74a.502.502 0 0 1 .71.71l-.74.74a.513.513 0 0 1-.71 0a.5.5 0 0 1-.11-.547m-2.706 2.334a.5.5 0 0 1-.355-.147l-.74-.74a.502.502 0 0 1 .71-.71l.74.74a.502.502 0 0 1-.355.857m-11.169-5.18a.5.5 0 0 1 .354-.147h1.05a.5.5 0 0 1 0 1H9.7a.5.5 0 0 1-.354-.854m11.749-1.444c.133 0 .26.053.355.147l.74.74a.502.502 0 0 1-.71.71l-.74-.74a.502.502 0 0 1 .355-.857m-2.914-2.01a.5.5 0 0 1 .109-.163l.74-.74a.502.502 0 1 1 .71.71l-.74.74a.502.502 0 0 1-.819-.547m-1.644 4.646a.5.5 0 0 1-.547-.109l-.74-.74a.502.502 0 0 1 .71-.71l.74.74a.5.5 0 0 1-.163.82"/></svg>

Как использовать иконку Cupcake

React

import { Icon } from "@iconify/react";

<Icon icon="fluent-emoji-high-contrast:cupcake" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="fluent-emoji-high-contrast:cupcake" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="fluent-emoji-high-contrast:cupcake" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-high-contrast--cupcake]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-high-contrast -->
<div class="i-fluent-emoji-high-contrast:cupcake"></div>

Веб-компонент

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="fluent-emoji-high-contrast:cupcake"></iconify-icon>

Изображение HTML

<img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/cupcake.svg" alt="Иконка Cupcake" width="24" height="24">

Иконка Cupcake в других наборах

Вопросы и ответы: Иконка Cupcake

Можно ли бесплатно использовать иконку Cupcake в коммерческих проектах?

Да. Fluent Emoji High Contrast icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.

Как использовать иконку Cupcake в React?

Установите @iconify/react и выведите <Icon icon="fluent-emoji-high-contrast:cupcake" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Cupcake на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/cupcake.svg" alt="Иконка Cupcake">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Иконки Fluent Emoji High Contrast →