ICONYZ
العربية
أيقونة Polar Light من theSVG Color

أيقونة Polar Light

thesvg-color:polar-light

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

المجموعة
theSVG Color
المؤلف
thesvg.org
الترخيص
MIT
الحجم
300 × 300
الوسوم
polarlight
تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="300" height="300" viewBox="0 0 300 300"><g fill="none"><g clip-path="url(#SVGDTtXObki)"><path fill="#0062ff" fill-rule="evenodd" d="M66.428 274.26c68.448 46.333 161.497 28.406 207.83-40.041c46.335-68.448 28.408-161.497-40.04-207.83C165.77-19.946 72.721-2.019 26.388 66.428c-46.336 68.45-28.408 161.5 40.039 207.832ZM47.956 116.67c-17.119 52.593-11.412 105.223 11.29 139.703C18.04 217.361 7.275 150.307 36.943 92.318c18.971-37.082 50.623-62.924 85.556-73.97C90.59 36.711 62.554 71.814 47.955 116.67Zm127.391 166.467c36.03-10.531 68.864-36.752 88.338-74.815c29.416-57.497 19.083-123.905-21.258-163.055c21.793 34.496 27.046 86.275 10.204 138.02c-15.016 46.134-44.246 81.952-77.284 99.85m8.28-16.908c24.318-20.811 44.389-55.625 53.309-97.439c14.097-66.097-4.385-127.592-41.824-148.113c19.858 26.718 29.91 78.613 23.712 136.656c-4.739 44.391-18.01 83.26-35.197 108.896M63.717 131.844c-14.201 66.586 4.66 128.501 42.657 148.561c-20.378-26.396-30.777-78.891-24.498-137.694c4.661-43.657 17.574-81.974 34.349-107.614c-23.957 20.886-43.687 55.392-52.507 96.747Zm136.117 17.717c1.074 67.912-20.244 123.317-47.612 123.748c-27.369.433-50.425-54.27-51.498-122.182s20.244-123.318 47.613-123.75c27.368-.432 50.425 54.271 51.497 122.184" clip-rule="evenodd"/></g><defs><clipPath id="SVGDTtXObki"><path fill="#fff" d="M0 0h300v300H0z"/></clipPath></defs></g></svg>

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

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

مكوّن ويب

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

<iconify-icon icon="thesvg-color:polar-light"></iconify-icon>

صورة HTML

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

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

أيقونة polar-dark
polar-dark
 أيقونة polars
polars

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

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

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

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

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

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

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

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