أيقونة Pagoda

icon-park:pagoda

أيقونة Pagoda (icon-park:pagoda) أيقونة SVG مجانية من مجموعة IconPark من تصميم ByteDance. مرسومة على شبكة 48 × 48. تُنشر IconPark icons بموجب ترخيص Apache 2.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة: IconPark
المؤلف: ByteDance
الترخيص: Apache-2.0
الحجم: 48 × 48
الفئة: البناء

تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke="#000" stroke-linejoin="round" stroke-width="4"><path fill="#2F88FF" d="M18 16H30C30 16 32.4241 18.6725 34.5 19.4286C35.8013 19.9025 38 20 38 20C38 20 36.758 20.7747 35.9 21.1429C34.8147 21.6085 33 22 33 22H24H15C15 22 13.1853 21.6085 12.1 21.1429C11.242 20.7747 10 20 10 20C10 20 12.1987 19.9025 13.5 19.4286C15.5759 18.6725 18 16 18 16Z"/><path fill="#2F88FF" d="M17 28H31C31 28 33.6275 30.6725 36 31.4286C37.4872 31.9025 40 32 40 32C40 32 38.5806 32.7747 37.6 33.1429C36.3597 33.6085 34 34 34 34H24H14C14 34 11.6403 33.6085 10.4 33.1429C9.41937 32.7747 8 32 8 32C8 32 10.5128 31.9025 12 31.4286C14.3725 30.6725 17 28 17 28Z"/><path fill="#2F88FF" d="M18 7.42857C20.4505 6.29809 24 4 24 4C24 4 27.5495 6.29809 30 7.42857C30.7716 7.78453 32 8.28571 32 8.28571C32 8.28571 31.2736 8.84176 30.8 9.14286C30.1825 9.53544 29 10 29 10H24H19C19 10 17.8175 9.53544 17.2 9.14286C16.7264 8.84176 16 8.28571 16 8.28571C16 8.28571 17.2284 7.78453 18 7.42857Z"/><path stroke-linecap="round" d="M21 10V16"/><path stroke-linecap="round" d="M27 10V16"/><path stroke-linecap="round" d="M19 22V28"/><path stroke-linecap="round" d="M29 22V28"/><path stroke-linecap="round" d="M16 34V44H32V34"/></g></svg>

كيفية استخدام أيقونة Pagoda

React

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

<Icon icon="icon-park:pagoda" width="24" />

Vue

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

<template>
  <Icon icon="icon-park:pagoda" width="24" />
</template>

Svelte

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

<Icon icon="icon-park:pagoda" width="24" />

Tailwind CSS

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

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/icon-park -->
<div class="i-icon-park:pagoda"></div>

مكوّن ويب

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

<iconify-icon icon="icon-park:pagoda"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/icon-park/pagoda.svg" alt="أيقونة Pagoda" width="24" height="24">

أيقونة Pagoda في مجموعات أخرى

الأسئلة الشائعة حول أيقونة Pagoda

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

نعم. تُنشر IconPark icons بموجب ترخيص Apache 2.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.

كيف أستخدم أيقونة Pagoda في React؟

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

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

اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/icon-park/pagoda.svg" alt="أيقونة Pagoda">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.

تصفح كل أيقونات IconPark →