ICONYZ
العربية
أيقونة Thermometer Loss من Material Symbols

أيقونة Thermometer Loss

material-symbols:thermometer-loss

أيقونة Thermometer Loss (material-symbols:thermometer-loss) أيقونة 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
الفئة
المنزل
الوسوم
thermometerloss، thermometer loss sharp
تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M22 8h-8V6h8zM8 21q-2.075 0-3.537-1.463T3 16q0-1.2.525-2.238T5 12V6q0-1.25.875-2.125T8 3t2.125.875T11 6v6q.95.725 1.475 1.763T13 16q0 2.075-1.463 3.538T8 21M7 10h2V6q0-.425-.288-.712T8 5t-.712.288T7 6z"/></svg>

كيفية استخدام أيقونة Thermometer Loss

React

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

<Icon icon="material-symbols:thermometer-loss" width="24" />

Vue

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

<template>
  <Icon icon="material-symbols:thermometer-loss" width="24" />
</template>

Svelte

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

<Icon icon="material-symbols:thermometer-loss" width="24" />

Tailwind CSS

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

UnoCSS

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

مكوّن ويب

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

<iconify-icon icon="material-symbols:thermometer-loss"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/material-symbols/thermometer-loss.svg" alt="أيقونة Thermometer Loss" width="24" height="24">

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

أيقونة Thermometer Loss في مجموعات أخرى

الأسئلة الشائعة حول أيقونة Thermometer Loss

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

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

كيف أستخدم أيقونة Thermometer Loss في React؟

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

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

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

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