أيقونة Sunshine

thesvg-color:sunshine

أيقونة Sunshine (thesvg-color:sunshine) أيقونة SVG مجانية من مجموعة theSVG Color من تصميم thesvg.org. مرسومة على شبكة 256 × 256. تُنشر theSVG Color icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة: theSVG Color
المؤلف: thesvg.org
الترخيص: MIT
الحجم: 256 × 256

تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><path fill="#fdd107" d="M118.769 20.712s-63.833 26-74.333 83.833s37.166 91.5 86.333 75.334s70.333-51 81.833-87c0 0-9.333 100.5-96.166 115.5s-118.167-50-82.167-119.834c10-21.5 46.25-58.916 84.5-67.833"/><path fill="#f89a1c" d="M118.769 20.712s-41.125 3.667-83.25 61.042s-28.125 139.125 34.25 149.375s115.875-44.875 133.5-82.375s15.167-61.459 9.75-77.875c0 0 .667 36.416-13.333 59.666s-29.75 46.334-65.084 62.167s-74.166 13.75-95.416-19.25s-5.917-76.083-.292-85.333s33.5-54.334 79.875-67.417"/><path fill="#ef3e23" d="M73.019 39.629s38.125-28.125 76.875-28.125s63 28.25 68.5 52.25s6 54.125-11.5 87.625s-37.375 56-79.125 76.125s-84.625 2.75-84.625 2.75s25.977 25.875 71.05 16.5c45.075-9.375 82.242-40.875 98.408-69.5s28.792-57.375 27.667-92.25s-23.75-54.5-31.25-60.25S185.83 6.94 150.83 8.19S86.456 29.816 73.02 39.63"/><path fill="#f26222" d="M73.019 39.629s35-32.813 82.437-32.813s69.188 24.813 78.875 44.688s21.813 70-12.187 123s-74.625 67.375-93.625 71.625s-42.431 4.269-59.112-1.23c0 0 35.195 8.396 66.779-7.437s51.666-32.167 74.083-68.833s25.917-72.75 22.167-93.917s-12.167-42.417-36.5-56.333s-56.73-10.532-74.48-4.532S91.988 26.41 73.02 39.63"/></svg>

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

React

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

<Icon icon="thesvg-color:sunshine" width="24" />

Vue

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

<template>
  <Icon icon="thesvg-color:sunshine" width="24" />
</template>

Svelte

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

<Icon icon="thesvg-color:sunshine" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--sunshine]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:sunshine"></div>

مكوّن ويب

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

<iconify-icon icon="thesvg-color:sunshine"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/thesvg-color/sunshine.svg" alt="أيقونة Sunshine" width="24" height="24">

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

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

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

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

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

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

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

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

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