أيقونة Sun Outline

glyphs:sun-outline

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

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

تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><g fill="none" fill-rule="evenodd" clip-rule="evenodd"><path fill="currentColor" fill-opacity=".25" d="M52.09 34.992a13.086 13.086 0 1 0-24.18 10.016a13.086 13.086 0 0 0 24.18-10.016m-20.485 1.53a9.087 9.087 0 1 1 16.79 6.956a9.087 9.087 0 0 1-16.79-6.955"/><path fill="currentColor" fill-opacity=".25" d="M41.698 10.943a2 2 0 0 0-3.396 0l-6.208 9.97l-11.44-2.66a2 2 0 0 0-2.401 2.401l2.66 11.44l-9.97 6.208a2 2 0 0 0 0 3.396l9.97 6.208l-2.66 11.44a2 2 0 0 0 2.401 2.401l11.44-2.66l6.208 9.97a2 2 0 0 0 3.396 0l6.208-9.97l11.44 2.66a2 2 0 0 0 2.401-2.401l-2.66-11.44l9.97-6.208a2 2 0 0 0 0-3.396l-9.97-6.208l2.66-11.44a2 2 0 0 0-2.401-2.401l-11.44 2.66zm-6.965 13.3L40 15.782l5.267 8.46a2 2 0 0 0 2.15.89l9.706-2.256l-2.256 9.705a2 2 0 0 0 .89 2.15L64.218 40l-8.46 5.267a2 2 0 0 0-.89 2.15l2.257 9.706l-9.706-2.256a2 2 0 0 0-2.15.89L40 64.218l-5.267-8.46a2 2 0 0 0-2.15-.89l-9.706 2.257l2.256-9.706a2 2 0 0 0-.89-2.15L15.782 40l8.46-5.267a2 2 0 0 0 .89-2.15l-2.256-9.706l9.705 2.256a2 2 0 0 0 2.15-.89"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M52.09 34.992a13.086 13.086 0 1 0-24.18 10.016a13.086 13.086 0 0 0 24.18-10.016m-20.485 1.53a9.087 9.087 0 1 1 16.79 6.956a9.087 9.087 0 0 1-16.79-6.955"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M41.698 10.943a2 2 0 0 0-3.396 0l-6.208 9.97l-11.44-2.66a2 2 0 0 0-2.401 2.401l2.66 11.44l-9.97 6.208a2 2 0 0 0 0 3.396l9.97 6.208l-2.66 11.44a2 2 0 0 0 2.401 2.401l11.44-2.66l6.208 9.97a2 2 0 0 0 3.396 0l6.208-9.97l11.44 2.66a2 2 0 0 0 2.401-2.401l-2.66-11.44l9.97-6.208a2 2 0 0 0 0-3.396l-9.97-6.208l2.66-11.44a2 2 0 0 0-2.401-2.401l-11.44 2.66zm-6.965 13.3L40 15.782l5.267 8.46a2 2 0 0 0 2.15.89l9.706-2.256l-2.256 9.705a2 2 0 0 0 .89 2.15L64.218 40l-8.46 5.267a2 2 0 0 0-.89 2.15l2.257 9.706l-9.706-2.256a2 2 0 0 0-2.15.89L40 64.218l-5.267-8.46a2 2 0 0 0-2.15-.89l-9.706 2.257l2.256-9.706a2 2 0 0 0-.89-2.15L15.782 40l8.46-5.267a2 2 0 0 0 .89-2.15l-2.256-9.706l9.705 2.256a2 2 0 0 0 2.15-.89"/></g></svg>

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

React

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

<Icon icon="glyphs:sun-outline" width="24" />

Vue

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

<template>
  <Icon icon="glyphs:sun-outline" width="24" />
</template>

Svelte

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

<Icon icon="glyphs:sun-outline" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[glyphs--sun-outline]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/glyphs -->
<div class="i-glyphs:sun-outline"></div>

مكوّن ويب

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

<iconify-icon icon="glyphs:sun-outline"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/glyphs/sun-outline.svg" alt="أيقونة Sun Outline" width="24" height="24">

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

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

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

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

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

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

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

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

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

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