أيقونة Uv Index

carbon:uv-index

أيقونة Uv Index (carbon:uv-index) أيقونة SVG مجانية من مجموعة Carbon من تصميم IBM. مرسومة على شبكة 32 × 32. تُنشر Carbon icons بموجب ترخيص Apache 2.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة: Carbon
المؤلف: IBM
الترخيص: Apache-2.0
الحجم: 32 × 32
الفئة: التخطيط
الوسوم: uvindex

تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="m16 5.912l1.744 2.933l.783 1.315L20 9.749l3.121-.87l-.87 3.121l-.411 1.473l1.315.782L26.088 16l-2.933 1.744l-1.315.782l.411 1.474l.87 3.121l-3.12-.87l-1.474-.411l-.783 1.315L16 26.088l-1.744-2.933l-.783-1.315l-1.473.411l-3.12.87L9.748 20l.41-1.474l-1.314-.782L5.912 16l2.933-1.745l1.315-.782L9.749 12l-.87-3.12L12 9.748l1.474.41l.782-1.314zM16 2l-3.463 5.822L6 6l1.822 6.537L2 16l5.822 3.463L6 26l6.537-1.822L16 30l3.463-5.822L26 26l-1.822-6.537L30 16l-5.822-3.463L26 6l-6.537 1.822z"/></svg>

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

React

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

<Icon icon="carbon:uv-index" width="24" />

Vue

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

<template>
  <Icon icon="carbon:uv-index" width="24" />
</template>

Svelte

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

<Icon icon="carbon:uv-index" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[carbon--uv-index]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/carbon -->
<div class="i-carbon:uv-index"></div>

مكوّن ويب

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

<iconify-icon icon="carbon:uv-index"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/carbon/uv-index.svg" alt="أيقونة Uv Index" width="24" height="24">

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

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

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

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

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

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

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

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

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

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