أيقونة Icecream Three
icon-park:icecream-three
أيقونة Icecream Three (icon-park:icecream-three) أيقونة SVG مجانية من مجموعة IconPark من تصميم ByteDance. مرسومة على شبكة 48 × 48. تُنشر IconPark icons بموجب ترخيص Apache 2.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.
- المجموعة
- IconPark
- المؤلف
- ByteDance
- الترخيص
- Apache-2.0
- الحجم
- 48 × 48
- الفئة
- الأطعمة
- الوسوم
- icecreamthree
شيفرة SVG
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke="#000" stroke-width="4"><path d="M14 14C14 8.47715 18.4772 4 24 4V4C29.5228 4 34 8.47715 34 14V31.7308C34 31.8795 33.8795 32 33.7308 32H14.2692C14.1205 32 14 31.8795 14 31.7308V14Z"/><path stroke-linecap="round" stroke-linejoin="round" d="M21 32V41C21 42.6569 22.3431 44 24 44V44C25.6569 44 27 42.6569 27 41V32"/><path stroke-linecap="round" stroke-linejoin="round" d="M14 16V16C16.7614 18.7614 21.2386 18.7614 24 16V16V16C26.7614 13.2386 31.2386 13.2386 34 16V16"/></g></svg>كيفية استخدام أيقونة Icecream Three
React
import { Icon } from "@iconify/react";
<Icon icon="icon-park:icecream-three" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icon-park:icecream-three" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icon-park:icecream-three" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park--icecream-three]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icon-park -->
<div class="i-icon-park:icecream-three"></div>مكوّن ويب
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="icon-park:icecream-three"></iconify-icon>صورة HTML
<img src="https://iconyz.com/api/public/svg/icon-park/icecream-three.svg" alt="أيقونة Icecream Three" width="24" height="24">أيقونات ذات صلة في IconPark
أيقونة Icecream Three في مجموعات أخرى
الأسئلة الشائعة حول أيقونة Icecream Three
هل أيقونة Icecream Three مجانية للاستخدام التجاري؟
نعم. تُنشر IconPark icons بموجب ترخيص Apache 2.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.
كيف أستخدم أيقونة Icecream Three في React؟
ثبّت @iconify/react واعرض <Icon icon="icon-park:icecream-three" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.
كيف أضيف أيقونة Icecream Three إلى صفحة ويب؟
اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/icon-park/icecream-three.svg" alt="أيقونة Icecream Three">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.