Иконка Custard

openmoji:custard

Иконка Custard (openmoji:custard) — бесплатная SVG-иконка из набора OpenMoji. Она нарисована на сетке 72 × 72. OpenMoji icons выпущены под лицензией CC BY-SA 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора и распространения изменённых иконок под той же лицензией. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: OpenMoji
Автор: OpenMoji
Лицензия: CC-BY-SA-4.0
Размер: 72 × 72
Категория: Еда и напитки

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><path fill="#fff" d="m54.243 41.141l.626 3.79a1 1 0 0 1 .013.163c0 3.936-9.428 5.995-18.742 5.995s-18.743-2.059-18.743-5.995a1 1 0 0 1 .014-.163l.641-3.887C12.857 42.752 10 45.149 10 47.833c0 6.005 13.396 9.245 26 9.245s26-3.24 26-9.245c0-2.668-2.684-4.973-7.757-6.692"/><path fill="#a57939" d="m54.549 42.233l-36.544-.139c-2.362 1.169-3.596 2.57-3.596 4.136c0 4.721 11.197 7.269 21.73 7.269S57.87 50.95 57.87 46.23c0-1.503-1.137-2.857-3.321-3.997"/><path fill="#fcea2b" d="M54.869 44.931L52.226 28.92l.001-.01a.3.3 0 0 0-.017-.085l-.533-3.227c-.004-.025-.018-.045-.024-.07c-.37-3.33-8.202-4.856-15.513-4.856s-15.143 1.527-15.513 4.857c-.006.024-.02.044-.025.07l-.533 3.226a.3.3 0 0 0-.017.085l.002.01l-2.643 16.013a1 1 0 0 0-.014.163c0 3.935 9.429 5.994 18.743 5.994s18.742-2.059 18.742-5.995a1 1 0 0 0-.013-.163"/><path fill="#a57939" d="M52.196 28.753v-.007l-.519-3.14c-.003-.017-.013-.029-.017-.045c-.319-3.354-8.184-4.89-15.52-4.89s-15.202 1.536-15.521 4.89c-.003.016-.014.028-.017.044l-.518 3.141v.007a1 1 0 0 0-.032.156c0 3.514 8.34 5.113 16.088 5.113s16.087-1.6 16.087-5.113a1 1 0 0 0-.031-.156"/><path fill="#6a462f" d="M52.196 28.753v-.007l-.519-3.14a1 1 0 0 0-.042-.112a.94.94 0 0 0-.48-.597a1 1 0 0 0-.137-.062a1 1 0 0 0-.222-.045a1 1 0 0 0-.105-.021c-.029 0-.052.013-.08.016s-.055-.008-.083-.003a1 1 0 0 0-.108.041a1 1 0 0 0-.19.072a1 1 0 0 0-.153.103a1 1 0 0 0-.14.133a1 1 0 0 0-.104.153a1 1 0 0 0-.08.175a1 1 0 0 0-.039.192a1 1 0 0 0-.023.118c0 .925-4.61 3.096-13.551 3.096s-13.552-2.17-13.552-3.096a1 1 0 0 0-.024-.118a.84.84 0 0 0-.118-.367a.93.93 0 0 0-.587-.46a1 1 0 0 0-.108-.042c-.029-.005-.055.005-.084.002s-.051-.015-.079-.015a1 1 0 0 0-.102.02a1 1 0 0 0-.228.046a1.32 1.32 0 0 0-.656.77l-.519 3.14v.008a1 1 0 0 0-.031.156c0 3.514 8.34 5.113 16.088 5.113s16.087-1.6 16.087-5.113a1 1 0 0 0-.031-.156"/><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M41.807 29.534c5.221-.622 8.884-2.077 8.884-3.774c0-2.262-6.515-4.096-14.551-4.096s-14.132 1.415-14.552 4.096l-3.19 19.334"/><path d="M51.21 28.9c0 2.263-6.748 4.097-15.07 4.097s-15.07-1.834-15.07-4.096m32.812 16.193L50.69 25.76m2.665 16.139c4.713 1.5 7.645 3.604 7.645 5.934c0 4.554-11.193 8.245-25 8.245s-25-3.691-25-8.245c0-2.378 3.054-4.522 7.94-6.027"/></g></svg>

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

React

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

<Icon icon="openmoji:custard" width="24" />

Vue

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

<template>
  <Icon icon="openmoji:custard" width="24" />
</template>

Svelte

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

<Icon icon="openmoji:custard" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[openmoji--custard]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/openmoji -->
<div class="i-openmoji:custard"></div>

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

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

<iconify-icon icon="openmoji:custard"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/openmoji/custard.svg" alt="Иконка Custard" width="24" height="24">

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

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

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

Да. OpenMoji icons выпущены под лицензией CC BY-SA 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора и распространения изменённых иконок под той же лицензией.

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

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

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

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

Все Иконки OpenMoji →