أيقونة Kettle One
icon-park:kettle-one
أيقونة Kettle One (icon-park:kettle-one) أيقونة SVG مجانية من مجموعة IconPark من تصميم ByteDance. مرسومة على شبكة 48 × 48. تُنشر IconPark icons بموجب ترخيص Apache 2.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.
- المجموعة
- IconPark
- المؤلف
- ByteDance
- الترخيص
- Apache-2.0
- الحجم
- 48 × 48
- الفئة
- الأطعمة
- الوسوم
- kettleone
شيفرة SVG
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"><path d="M13 14H30C30 14 38 18.1481 38 27.7993C38 37.4504 30 42 30 42H13C13 42 6 35.9785 6 28C6 20.0215 13 14 13 14Z"/><path d="M38 27.9998C25 24.9998 19 33.9998 6 27.9998"/><path d="M31 14H40C40 14 44 18 44 30"/><path fill="#2F88FF" d="M9 6L32 8.66667L31 14H13L9 6Z"/></g></svg>كيفية استخدام أيقونة Kettle One
React
import { Icon } from "@iconify/react";
<Icon icon="icon-park:kettle-one" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icon-park:kettle-one" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icon-park:kettle-one" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park--kettle-one]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icon-park -->
<div class="i-icon-park:kettle-one"></div>مكوّن ويب
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="icon-park:kettle-one"></iconify-icon>صورة HTML
<img src="https://iconyz.com/api/public/svg/icon-park/kettle-one.svg" alt="أيقونة Kettle One" width="24" height="24">أيقونات ذات صلة في IconPark
أيقونة Kettle One في مجموعات أخرى
الأسئلة الشائعة حول أيقونة Kettle One
هل أيقونة Kettle One مجانية للاستخدام التجاري؟
نعم. تُنشر IconPark icons بموجب ترخيص Apache 2.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.
كيف أستخدم أيقونة Kettle One في React؟
ثبّت @iconify/react واعرض <Icon icon="icon-park:kettle-one" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.
كيف أضيف أيقونة Kettle One إلى صفحة ويب؟
اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/icon-park/kettle-one.svg" alt="أيقونة Kettle One">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.