Иконка Butter
noto:butter
Иконка Butter (noto:butter) — бесплатная SVG-иконка из набора Noto Emoji от Google Inc. Она нарисована на сетке 128 × 128. Noto Emoji icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Noto Emoji
- Автор
- Google Inc
- Лицензия
- Apache-2.0
- Размер
- 128 × 128
- Категория
- Еда и напитки
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><path fill="#6CA4AE" d="M51.87 55.06s-22.76 8.59-28.21 10.49c-4.19 1.47-14.04 5.32-16.49 6.54s-3.3 2.17-3.57 4.08s-.11 4.37.85 5.59s6.54 6.95 14.04 12.4s15.26 11.58 22.35 11.72s27.67-10.36 47.7-19.49s29.98-13.76 31.35-14.58s4.67-2.29 4.56-6.78c-.09-3.68-7.99-6.93-7.99-6.93l-27.64-13z"/><path fill="#A8CFD7" d="M55.96 62.56s-8.72 3.41-11.86 5.04c-3.13 1.64-27.39 10.63-27.39 10.63s-6.13 2.45-6.81 3.27s.55 2.73 1.36 3.82c.82 1.09 11.74 9.26 15.81 11.72c4.35 2.64 8.99 4.91 10.63 5.04c1.64.14 9.81-1.5 9.81-1.5l35.98-14.62c4.03-1.73 16.46-7.68 22.22-10.33s11.2-5.53 13.14-6.77c1.89-1.2 4.07-2.59 4.01-5.35c-.05-2.11-1.84-2.99-4.14-4.38c-2.3-1.38-11.28-5.41-11.28-5.41z"/><path fill="#6BA3AC" d="M97.55 58.87L49.4 66.09s-2.22.7-1.7 2.16s3.06 2.55 5.99 4.33S74.97 85.3 77.58 85.34c.82.01 3.51-1.29 5.86-2.27c5.46-2.26 13.63-6.25 17.97-8.39c6.31-3.12 13.71-5.65 13.5-7.95s-4.61-3.77-4.61-3.77zM51.82 78.34c3.69 1.01 9.88 3.1 9.88 3.1l11.73 6.11l-13.99 7.87l-7.96 2.26s-5.36 1.17-8.63 1.26c-3.27.08-7.87-1.93-7.87-1.93z"/><path fill="#DCEDF6" d="M5.98 72.24s-1.53.7-2.16 2.26c-.94 2.32.81 3.9 1.43 4.79c1.28 1.83 7.04 7.03 7.04 7.03s-2.11-2.34-2.07-4.02c.02-.69.43-1.83.43-1.83s-2.84-3.16-3.33-3.9s-1.38-2.02-.84-2.91s1.84-1.51 1.58-1.95c-.13-.24-1.29.18-2.08.53m31.3 29.36c-.65.45 3.05 1.35 8.29.69c5.76-.72 40.35-17.41 40.35-17.41s-.24-.94-.84-1.41c-.69-.54-1.65-.39-1.65-.39s-28.62 12.54-32.1 14.04c-1.96.84-7.1 2.86-8.41 3.27c-2.09.64-5.36 1.02-5.64 1.21"/><path fill="#FFE265" d="M53.23 48.43s-4.62-12.14-3.49-13.05c1.13-.9 12.09-5.65 20.38-8.44s13.19-4.15 14.55-4.07s6.86 1.81 11.91 3.54s16.21 6.33 16.28 9.05c.08 2.71-17.26 22.99-17.26 22.99z"/><path fill="#FEB502" d="M77.95 47.96c.74-1.24 8.71-4.17 18.61-7.89c9.41-3.53 15.34-5.59 16.14-5.1c1.23.76 1.02 6.46.91 16.2c-.08 7.1-.27 12.73-1.32 13.87c-.99 1.07-11.06 5.61-16.76 8.34c-5.7 2.72-16.31 7.83-18.18 8.06c-2.33.29-4.83-1.07-4.83-1.07z"/><path fill="#FFEBC9" d="M48.81 66.37c.92 2.02 6.89 5.21 11.97 8.01c5.7 3.14 13.46 7.92 15.68 6.93c1.56-.69 1.49-15.27 1.49-21.13s.21-11.85-.08-12.26c-.57-.81-10.57-5.16-13.95-6.81s-13.2-6.88-14.28-5.61s-.74 8.75-.83 17.33s-.83 11.73 0 13.54"/><path fill="#FFE265" d="M36.36 89.08L12.81 74.24s-1.81-.39-2.03 1.01s-.7 5.78-.25 6.59c.44.81 6.5 5.83 9.67 8.12s12.69 9.44 13.58 9.44s7.17-6.48 7.17-6.48z"/><path fill="#FEB502" d="m33.85 91l7.68-7.9l20.18-1.66s1.75.25 1.75 1.8s.37 5.09-.52 5.83s-8.11 2.92-13.73 4.87c-6.79 2.36-14.56 5.65-15.5 5.46c-.38-.06.14-8.4.14-8.4"/><path fill="#FFEBC9" d="M37.84 67.96c-2.58-.11-11.48 3.06-15.2 3.83c-3.89.81-10.27 1.86-11.08 2.59s2.11 2.85 4.2 4.37c2.49 1.81 14.28 9.99 15.61 11.03c1.33 1.03 2.51 1.7 4.36.96s7.64-3.01 13.84-4.71s13.66-3.69 13.36-4.06s-8.99-5.44-14.15-8.47c-3.55-2.07-7.55-5.39-10.94-5.54"/></svg>Как использовать иконку Butter
React
import { Icon } from "@iconify/react";
<Icon icon="noto:butter" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="noto:butter" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="noto:butter" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[noto--butter]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/noto -->
<div class="i-noto:butter"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="noto:butter"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/noto/butter.svg" alt="Иконка Butter" width="24" height="24">Похожие иконки в наборе Noto Emoji
Иконка Butter в других наборах
Вопросы и ответы: Иконка Butter
Можно ли бесплатно использовать иконку Butter в коммерческих проектах?
Да. Noto Emoji icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Butter в React?
Установите @iconify/react и выведите <Icon icon="noto:butter" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Butter на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/noto/butter.svg" alt="Иконка Butter">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.