ICONYZ
العربية
أيقونة Sunshade من IconPark

أيقونة Sunshade

icon-park:sunshade

أيقونة Sunshade (icon-park:sunshade) أيقونة 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-linecap="round" stroke-linejoin="round" stroke-width="4"><path d="M40.1032 25.8171C39.2068 28.0998 30.4308 28.8255 21.3618 26.3955C12.2929 23.9655 6.5828 19.5523 7.2617 17.0172C8.79543 11.2933 16.9744 2.46226 28.6712 6.68869C40.368 10.9151 41.6369 20.0931 40.1032 25.8171Z"/><path d="M27.9995 7.00001C27.9995 7.00001 23.9993 13.5 20.9995 24C17.9997 34.5 17.9997 42 17.9997 42"/><path d="M28.0003 6.99998C28.0003 6.99998 17.7941 8.84351 15 17"/><path d="M28.0003 7.00001C28.0003 7.00001 34 13 30.9998 22"/><path d="M10 43C10 43 19 41.5 26 41.5C33 41.5 39 42 39 42"/><path d="M27.9999 6.99988C29 6.99988 31 5.99988 31.8145 4.41966"/><path d="M34 41C34 39.3431 33 37 30 37C27 37 26 39.3431 26 41"/></g></svg>

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

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

مكوّن ويب

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

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

صورة HTML

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

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

أيقونة Sunshade من IconPark Outline
IconPark Outline

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

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

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

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

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

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

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

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