أيقونة Sunglasses Light

ph:sunglasses-light

أيقونة Sunglasses Light (ph:sunglasses-light) أيقونة SVG مجانية من مجموعة Phosphor من تصميم Phosphor Icons. مرسومة على شبكة 256 × 256. تُنشر Phosphor icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة: Phosphor
المؤلف: Phosphor Icons
الترخيص: MIT
الحجم: 256 × 256
الوسوم: vision، sun، spectacles، sunglasseslight، sunglass

تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><path fill="currentColor" d="M200 42a6 6 0 0 0 0 12a18 18 0 0 1 18 18v58H38V72a18 18 0 0 1 18-18a6 6 0 0 0 0-12a30 30 0 0 0-30 30v92a42 42 0 0 0 84 0v-22h36v22a42 42 0 0 0 84 0V72a30 30 0 0 0-30-30M38 164v-21.52L84.53 189A30 30 0 0 1 38 164m60 0a29.83 29.83 0 0 1-5 16.53L54.48 142H98Zm60 0v-21.52L204.53 189A30 30 0 0 1 158 164m55 16.53L174.48 142H218v22a29.83 29.83 0 0 1-5 16.53"/></svg>

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

React

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

<Icon icon="ph:sunglasses-light" width="24" />

Vue

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

<template>
  <Icon icon="ph:sunglasses-light" width="24" />
</template>

Svelte

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

<Icon icon="ph:sunglasses-light" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[ph--sunglasses-light]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/ph -->
<div class="i-ph:sunglasses-light"></div>

مكوّن ويب

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

<iconify-icon icon="ph:sunglasses-light"></iconify-icon>

صورة HTML

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

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

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

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

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

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

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

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

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

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