أيقونة Thermometer Raindrop

meteocons:thermometer-raindrop

أيقونة Thermometer Raindrop (meteocons:thermometer-raindrop) أيقونة SVG مجانية من مجموعة Meteocons من تصميم Bas Milius. مرسومة على شبكة 512 × 512. تُنشر Meteocons icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة: Meteocons
المؤلف: Bas Milius
الترخيص: MIT
الحجم: 512 × 512
الوسوم: thermometerraindrop

تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><defs><symbol id="SVG7o6ULbmV" viewBox="0 0 175 260.9"><path fill="none" stroke="#2885c7" stroke-miterlimit="10" stroke-width="15" d="M87.5 13.4c-48.7 72-80 117-80 160.7s35.8 79.3 80 79.3s80-35.5 80-79.3s-31.3-88.8-80-160.7Z"/></symbol><symbol id="SVGfxACtb4E" viewBox="0 0 72 168"><circle cx="36" cy="132" r="36" fill="#ef4444"/><path fill="none" stroke="#ef4444" stroke-linecap="round" stroke-miterlimit="10" stroke-width="24" d="M36 12v120"><animateTransform attributeName="transform" calcMode="spline" dur="1s" keySplines=".42, 0, .58, 1; .42, 0, .58, 1" repeatCount="indefinite" type="translate" values="0 0; 0 18; 0 0"/></path></symbol><symbol id="SVGyUQRqbXk" viewBox="0 0 118 278"><path fill="none" stroke="#cbd5e1" stroke-linecap="round" stroke-linejoin="round" stroke-width="6" d="M115 218.2c0 31.4-25 56.8-56 56.8S3 249.6 3 218.2a57 57 0 0 1 24-46.6V35.5a32 32 0 1 1 64 0v136a57 57 0 0 1 24 46.7ZM63 83h28M63 51h28m-28 64h28"/></symbol><symbol id="SVG7WuMycTc" viewBox="0 0 118 278"><use width="72" height="168" href="#SVGfxACtb4E" transform="translate(23 87)"/><use width="118" height="278" href="#SVGyUQRqbXk"/></symbol><clipPath id="SVGf4cxJc3D"><path fill="none" d="M334 392c-31 0-56-25.4-56-56.8a57 57 0 0 1 24-46.6V152.5a32.2 32.2 0 0 1 32-32.5H167.3v272Zm4-192h28m-28-32h28m-28 64h28"/></clipPath></defs><g clip-path="url(#SVGf4cxJc3D)"><use width="175" height="260.9" href="#SVG7o6ULbmV" transform="translate(168.43 123.18)"/></g><use width="118" height="278" href="#SVG7WuMycTc" transform="translate(275 117)"/></svg>

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

React

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

<Icon icon="meteocons:thermometer-raindrop" width="24" />

Vue

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

<template>
  <Icon icon="meteocons:thermometer-raindrop" width="24" />
</template>

Svelte

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

<Icon icon="meteocons:thermometer-raindrop" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[meteocons--thermometer-raindrop]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/meteocons -->
<div class="i-meteocons:thermometer-raindrop"></div>

مكوّن ويب

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

<iconify-icon icon="meteocons:thermometer-raindrop"></iconify-icon>

صورة HTML

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

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

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

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

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

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

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

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

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

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