أيقونة Coffee Bean Flat

streamline-plump-color:coffee-bean-flat

أيقونة Coffee Bean Flat (streamline-plump-color:coffee-bean-flat) أيقونة SVG مجانية من مجموعة Plump color icons من تصميم Streamline. مرسومة على شبكة 48 × 48. تُنشر Plump color icons بموجب ترخيص CC BY 4.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية بشرط نسب العمل إلى مؤلفه. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة: Plump color icons
المؤلف: Streamline
الترخيص: CC-BY-4.0
الحجم: 48 × 48
الفئة: الطعام والشراب
الوسوم: coffeebean، beanflat، coffeebeanflat

تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none"><path fill="#8fbffa" d="M39.662 6c-4.242-3.876-9.377-4.765-14.357-3.714c-4.93 1.041-9.725 3.976-13.561 7.781a283 283 0 0 0-1.677 1.677c-3.805 3.836-6.74 8.63-7.78 13.561c-1.052 4.98-.163 10.115 3.712 14.357a37 37 0 0 0 2.34 2.339c4.242 3.875 9.377 4.764 14.356 3.713c4.931-1.04 9.725-3.975 13.562-7.78a295 295 0 0 0 1.676-1.678c3.806-3.836 6.74-8.63 7.781-13.56c1.051-4.98.162-10.115-3.713-14.358A37 37 0 0 0 39.662 6"/><path fill="#2859c5" d="M39.229 5.617q.218.186.432.382A37 37 0 0 1 42 8.338q.325.356.623.72c-4.06.529-7.514 1.954-10.266 4.319c-2.882 2.476-5.123 6.095-6.42 11.122c-1.465 5.676-4.081 10.059-7.688 13.158c-2.721 2.338-5.931 3.88-9.48 4.726a19 19 0 0 1-.432-.382a37 37 0 0 1-2.339-2.34a17 17 0 0 1-.623-.72c4.06-.528 7.515-1.954 10.267-4.318c2.883-2.477 5.124-6.095 6.421-11.123c1.465-5.675 4.081-10.059 7.688-13.157c2.72-2.338 5.93-3.88 9.478-4.726"/></g></svg>

كيفية استخدام أيقونة Coffee Bean Flat

React

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

<Icon icon="streamline-plump-color:coffee-bean-flat" width="24" />

Vue

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

<template>
  <Icon icon="streamline-plump-color:coffee-bean-flat" width="24" />
</template>

Svelte

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

<Icon icon="streamline-plump-color:coffee-bean-flat" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-plump-color--coffee-bean-flat]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/streamline-plump-color -->
<div class="i-streamline-plump-color:coffee-bean-flat"></div>

مكوّن ويب

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

<iconify-icon icon="streamline-plump-color:coffee-bean-flat"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/streamline-plump-color/coffee-bean-flat.svg" alt="أيقونة Coffee Bean Flat" width="24" height="24">

أيقونات ذات صلة في Plump color icons

أيقونة Coffee Bean Flat في مجموعات أخرى

الأسئلة الشائعة حول أيقونة Coffee Bean Flat

هل أيقونة Coffee Bean Flat مجانية للاستخدام التجاري؟

نعم. تُنشر Plump color icons بموجب ترخيص CC BY 4.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية بشرط نسب العمل إلى مؤلفه.

كيف أستخدم أيقونة Coffee Bean Flat في React؟

ثبّت @iconify/react واعرض <Icon icon="streamline-plump-color:coffee-bean-flat" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.

كيف أضيف أيقونة Coffee Bean Flat إلى صفحة ويب؟

اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/streamline-plump-color/coffee-bean-flat.svg" alt="أيقونة Coffee Bean Flat">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.

تصفح كل Plump color icons →