أيقونة Sunset 1

glyphs-poly:sunset-1

أيقونة Sunset 1 (glyphs-poly:sunset-1) أيقونة SVG مجانية من مجموعة Glyphs Poly من تصميم Goran Spasojevic. مرسومة على شبكة 80 × 80. تُنشر Glyphs Poly icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة: Glyphs Poly
المؤلف: Goran Spasojevic
الترخيص: MIT
الحجم: 80 × 80

تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><g fill="none"><path fill="#eb5757" fill-rule="evenodd" d="m40.5 10l.025 8.008L40.5 18l-.026.008zM29.945 21.43l-4.727-6.464l4.687 6.493l.015-.021zm-6.548 8.987l-7.624-2.451l7.608 2.498v-.026zm34.222.02v.027l7.608-2.498l-7.623 2.45zm-6.523-8.978l4.686-6.493l-4.727 6.463l.026.009zm-7.07 3.687A11.41 11.41 0 0 1 51.914 36H29.087a11.412 11.412 0 0 1 14.94-10.854" clip-rule="evenodd"/><path fill="#f2c94c" d="m40.525 18.008l-.618 1.902a2 2 0 0 0 2.618-1.908zM40.5 10l2-.006a2 2 0 0 0-4 0zm0 8l.618-1.902a2 2 0 0 0-.617-.098zm0 0v-2a2 2 0 0 0-.619.098zm-.025.008l-2-.006a2 2 0 0 0 2.62 1.908zm-15.257-3.042l1.614-1.181a2 2 0 0 0-3.236 2.351zm4.727 6.464l.618 1.902a2 2 0 0 0 .996-3.083zm-.04.03l-1.622 1.17a2 2 0 0 0 3.24.005zm.015-.022v-2a2 2 0 0 0-1.618.824zm0 0v2c.21 0 .419-.033.618-.098zm-14.147 6.528l.612-1.905a2 2 0 0 0-1.237 3.805zm7.624 2.45l1.618 1.176a2 2 0 0 0-1.006-3.08zm-.016.048l-.624 1.9a2 2 0 0 0 2.624-1.9zm0-.026l-1.618-1.176a2 2 0 0 0-.382 1.176zm34.239 0h2a2 2 0 0 0-2-2zm0 0L56 31.61a2 2 0 0 0 1.62.828zm0 .026h-2a2 2 0 0 0 2.624 1.9zm7.607-2.498l.624 1.9a2 2 0 0 0-1.236-3.805zm-7.623 2.45l-.612-1.904a2 2 0 0 0-1.008 3.077zm-1.822-15.45l1.622 1.17a2 2 0 0 0-3.236-2.351zm-4.686 6.493l-1.618 1.175a2 2 0 0 0 3.24-.005zm-.04-.03l-1.615-1.18a2 2 0 0 0 .995 3.082zm.025.009l-.62 1.901c.2.066.41.099.62.099zm0 0l1.618-1.176a2 2 0 0 0-1.618-.824zm-7.054 3.708l.618-1.902zM51.913 36v2a2 2 0 0 0 2-2zm-22.826 0h-2a2 2 0 0 0 2 2zm2.18-6.708l-1.618-1.176zm5.706-4.146l-.618-1.902zm5.552-7.144L42.5 9.994l-4 .012l.025 8.008zm-2.643 1.9l.025.008l1.236-3.804l-.025-.008zM40.5 20v-4zm.594-.09l.026-.008l-1.239-3.804l-.025.009zM38.5 9.994l-.025 8.008l4 .013l.025-8.009zm-14.897 6.152l4.727 6.464l3.23-2.36l-4.728-6.465zm7.923 4.143l-4.687-6.494l-3.243 2.341l4.687 6.494zm-3.224-.027l-.015.022l3.236 2.35l.015-.02zm1.618-.824v4zm-.593.09l-.025.008l1.236 3.804l.025-.008zM15.16 29.87l7.625 2.45l1.224-3.808l-7.624-2.45zm8.845-1.306l-7.609-2.499l-1.248 3.8l7.61 2.5zm-2.624 1.874v.026h4v-.026zm.398-1.197l-.016.021L25 31.613l.016-.02zm35.84-.803v4zm2 2.026v-.026h-4v.026zm4.984-4.399l-7.607 2.499l1.247 3.8l7.608-2.498zm-6.387 6.255l7.624-2.45l-1.225-3.809l-7.623 2.451zm1.024-3.055l-.016-.021l-3.24 2.345l.015.021zm-5.08-15.47l-4.686 6.493l3.244 2.341l4.686-6.493zm-1.49 8.815l4.727-6.464l-3.229-2.361l-4.727 6.464zm-.97-3.074l-.026-.008l-1.238 3.803l.025.008zm-.62-.098v4zm1.634.845l-.015-.02l-3.236 2.35l.015.021zm-1.363 7.833a13.4 13.4 0 0 0-6.706-4.872l-1.236 3.804a9.4 9.4 0 0 1 4.706 3.42zM53.913 36c0-2.833-.897-5.592-2.562-7.884l-3.236 2.351A9.4 9.4 0 0 1 49.913 36zm-24.826 2h22.826v-4H29.087zm.562-9.884A13.4 13.4 0 0 0 27.087 36h4c0-1.988.63-3.925 1.798-5.533zm6.706-4.872a13.4 13.4 0 0 0-6.706 4.872l3.236 2.351a9.4 9.4 0 0 1 4.706-3.419zm8.29 0a13.4 13.4 0 0 0-8.29 0l1.236 3.804a9.4 9.4 0 0 1 5.818 0z"/><path stroke="#f2994a" stroke-linecap="round" stroke-linejoin="round" stroke-width="4" d="M8.5 36h64"/><path fill="#2f80ed" d="M38.501 64a2 2 0 0 0 4 0zm4-18a2 2 0 1 0-4 0zm0 18V46h-4v18z"/><path fill="#2f80ed" stroke="#2f80ed" stroke-linecap="round" stroke-linejoin="round" stroke-width="4" d="M33.416 64h14.169c.819 0 1.117 1.079.415 1.5l-6.214 3.728a2.5 2.5 0 0 1-2.572 0L33 65.5c-.702-.421-.404-1.5.416-1.5"/></g></svg>

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

React

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

<Icon icon="glyphs-poly:sunset-1" width="24" />

Vue

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

<template>
  <Icon icon="glyphs-poly:sunset-1" width="24" />
</template>

Svelte

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

<Icon icon="glyphs-poly:sunset-1" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[glyphs-poly--sunset-1]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/glyphs-poly -->
<div class="i-glyphs-poly:sunset-1"></div>

مكوّن ويب

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

<iconify-icon icon="glyphs-poly:sunset-1"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/glyphs-poly/sunset-1.svg" alt="أيقونة Sunset 1" width="24" height="24">

أيقونات ذات صلة في Glyphs Poly

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

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

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

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

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

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

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

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

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