أيقونة Hdr Weak

material-symbols:hdr-weak

أيقونة Hdr Weak (material-symbols:hdr-weak) أيقونة SVG مجانية من مجموعة Material Symbols من تصميم Google. مرسومة على شبكة 24 × 24. تُنشر Material Symbols icons بموجب ترخيص Apache 2.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة: Material Symbols
المؤلف: Google
الترخيص: Apache-2.0
الحجم: 24 × 24
الفئة: الصور
الوسوم: circles، dots، dynamic، enhance، hdr، high، range، weak، image، hdrweak، hdr weak outline، hdr weak outline rounded، hdr weak sharp، hdr weak rounded، hdr weak outline sharp

تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M2.175 14.825Q1 13.65 1 12t1.175-2.825T5 8t2.825 1.175T9 12t-1.175 2.825T5 16t-2.825-1.175M12.75 16.25Q11 14.5 11 12t1.75-4.25T17 6t4.25 1.75T23 12t-1.75 4.25T17 18t-4.25-1.75m7.075-1.425Q21 13.65 21 12t-1.175-2.825T17 8t-2.825 1.175T13 12t1.175 2.825T17 16t2.825-1.175"/></svg>

كيفية استخدام أيقونة Hdr Weak

React

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

<Icon icon="material-symbols:hdr-weak" width="24" />

Vue

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

<template>
  <Icon icon="material-symbols:hdr-weak" width="24" />
</template>

Svelte

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

<Icon icon="material-symbols:hdr-weak" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[material-symbols--hdr-weak]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/material-symbols -->
<div class="i-material-symbols:hdr-weak"></div>

مكوّن ويب

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

<iconify-icon icon="material-symbols:hdr-weak"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/material-symbols/hdr-weak.svg" alt="أيقونة Hdr Weak" width="24" height="24">

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

أيقونة Hdr Weak في مجموعات أخرى

الأسئلة الشائعة حول أيقونة Hdr Weak

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

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

كيف أستخدم أيقونة Hdr Weak في React؟

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

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

اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/material-symbols/hdr-weak.svg" alt="أيقونة Hdr Weak">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.

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