أيقونة Thunderstorm One
icon-park:thunderstorm-one
أيقونة Thunderstorm One (icon-park:thunderstorm-one) أيقونة SVG مجانية من مجموعة IconPark من تصميم ByteDance. مرسومة على شبكة 48 × 48. تُنشر IconPark icons بموجب ترخيص Apache 2.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.
- المجموعة
- IconPark
- المؤلف
- ByteDance
- الترخيص
- Apache-2.0
- الحجم
- 48 × 48
- الفئة
- الطقس
- الوسوم
- thunderstormone
شيفرة SVG
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke="#000" stroke-linejoin="round" stroke-width="4"><path fill="#2F88FF" d="M20.5294 20L17 31.5L23.1765 32.3846L20.5294 43L32 29.7308L24.9412 27.9615L30.2353 20H20.5294Z"/><path stroke-linecap="round" d="M9.45455 29.9942C6.14242 27.461 4 23.4278 4 18.8851C4 11.2166 10.1052 5 17.6364 5C23.9334 5 29.2336 9.34618 30.8015 15.2533C32.0353 14.6159 33.431 14.2567 34.9091 14.2567C39.9299 14.2567 44 18.4011 44 23.5135C44 27.3094 41.7562 30.5716 38.5455 32"/></g></svg>كيفية استخدام أيقونة Thunderstorm One
React
import { Icon } from "@iconify/react";
<Icon icon="icon-park:thunderstorm-one" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icon-park:thunderstorm-one" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icon-park:thunderstorm-one" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park--thunderstorm-one]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icon-park -->
<div class="i-icon-park:thunderstorm-one"></div>مكوّن ويب
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="icon-park:thunderstorm-one"></iconify-icon>صورة HTML
<img src="https://iconyz.com/api/public/svg/icon-park/thunderstorm-one.svg" alt="أيقونة Thunderstorm One" width="24" height="24">أيقونات ذات صلة في IconPark
أيقونة Thunderstorm One في مجموعات أخرى
الأسئلة الشائعة حول أيقونة Thunderstorm One
هل أيقونة Thunderstorm One مجانية للاستخدام التجاري؟
نعم. تُنشر IconPark icons بموجب ترخيص Apache 2.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.
كيف أستخدم أيقونة Thunderstorm One في React؟
ثبّت @iconify/react واعرض <Icon icon="icon-park:thunderstorm-one" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.
كيف أضيف أيقونة Thunderstorm One إلى صفحة ويب؟
اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/icon-park/thunderstorm-one.svg" alt="أيقونة Thunderstorm One">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.