أيقونة Hot Air Balloon
streamline-plump-color:hot-air-balloon
أيقونة Hot Air Balloon (streamline-plump-color:hot-air-balloon) أيقونة SVG مجانية من مجموعة Plump color icons من تصميم Streamline. مرسومة على شبكة 48 × 48. تُنشر Plump color icons بموجب ترخيص CC BY 4.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية بشرط نسب العمل إلى مؤلفه. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.
- المجموعة
- Plump color icons
- المؤلف
- Streamline
- الترخيص
- CC-BY-4.0
- الحجم
- 48 × 48
- الفئة
- الخرائط والسفر
- الوسوم
- hotair، airballoon، hotairballoon
شيفرة SVG
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke-width="3"><path fill="#8fbffa" d="M6 16a18 13 0 1 0 36 0a18 13 0 1 0-36 0"/><path fill="#8fbffa" d="M16 16a8 13 0 1 0 16 0a8 13 0 1 0-16 0"/><path fill="#fff" d="M16.893 35.132c-1.04.051-1.848.733-1.883 1.773a18 18 0 0 0 0 1.19a1.75 1.75 0 0 0 1.068 1.584c.106 1.463.305 2.595.491 3.396c.216.93.982 1.573 1.932 1.677C19.62 44.873 21.406 45 24 45s4.38-.127 5.499-.248c.95-.104 1.716-.746 1.932-1.677c.186-.801.385-1.933.491-3.396a1.75 1.75 0 0 0 1.068-1.584a18 18 0 0 0 0-1.19c-.035-1.04-.843-1.722-1.883-1.773C29.787 35.067 27.558 35 24 35s-5.787.067-7.107.132"/><path stroke="#2859c5" stroke-linecap="round" stroke-linejoin="round" d="m30 35l2-7M6 16a18 13 0 1 0 36 0a18 13 0 1 0-36 0"/><path stroke="#2859c5" stroke-linecap="round" stroke-linejoin="round" d="M16 16a8 13 0 1 0 16 0a8 13 0 1 0-16 0m.893 19.132c-1.04.051-1.848.733-1.883 1.773a18 18 0 0 0 0 1.19a1.75 1.75 0 0 0 1.068 1.584c.106 1.463.305 2.595.491 3.396c.216.93.982 1.573 1.932 1.677C19.62 44.873 21.406 45 24 45s4.38-.127 5.499-.248c.95-.104 1.716-.746 1.932-1.677c.186-.801.385-1.933.491-3.396a1.75 1.75 0 0 0 1.068-1.584a18 18 0 0 0 0-1.19c-.035-1.04-.843-1.722-1.883-1.773C29.787 35.067 27.558 35 24 35s-5.787.067-7.107.132M18 35l-2-7"/></g></svg>
كيفية استخدام أيقونة Hot Air Balloon
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-plump-color:hot-air-balloon" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-plump-color:hot-air-balloon" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-plump-color:hot-air-balloon" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-plump-color--hot-air-balloon]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-plump-color -->
<div class="i-streamline-plump-color:hot-air-balloon"></div>
مكوّن ويب
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-plump-color:hot-air-balloon"></iconify-icon>
صورة HTML
<img src="https://iconyz.com/api/public/svg/streamline-plump-color/hot-air-balloon.svg" alt="أيقونة Hot Air Balloon" width="24" height="24">
أيقونات ذات صلة في Plump color icons
أيقونة Hot Air Balloon في مجموعات أخرى
الأسئلة الشائعة حول أيقونة Hot Air Balloon
هل أيقونة Hot Air Balloon مجانية للاستخدام التجاري؟
نعم. تُنشر Plump color icons بموجب ترخيص CC BY 4.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية بشرط نسب العمل إلى مؤلفه.
كيف أستخدم أيقونة Hot Air Balloon في React؟
ثبّت @iconify/react واعرض <Icon icon="streamline-plump-color:hot-air-balloon" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.
كيف أضيف أيقونة Hot Air Balloon إلى صفحة ويب؟
اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/streamline-plump-color/hot-air-balloon.svg" alt="أيقونة Hot Air Balloon">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.
تصفح كل Plump color icons →
ICONYZ
