أيقونة Bubbles
fluent-emoji:bubbles
أيقونة Bubbles (fluent-emoji:bubbles) أيقونة SVG مجانية من مجموعة Fluent Emoji من تصميم Microsoft Corporation. مرسومة على شبكة 32 × 32. تُنشر Fluent Emoji icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.
- المجموعة
- Fluent Emoji
- المؤلف
- Microsoft Corporation
- الترخيص
- MIT
- الحجم
- 32 × 32
- الوسوم
- bubble
شيفرة SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><path fill="url(#i74syXy)" d="M21.174 18.895a8.348 8.348 0 1 0 0-16.695a8.348 8.348 0 0 0 0 16.695"/><path fill="url(#ixHmj6d)" d="M21.174 18.895a8.348 8.348 0 1 0 0-16.695a8.348 8.348 0 0 0 0 16.695"/><g filter="url(#iY3CPLi)"><path fill="url(#iIMw59X)" d="M21.174 17.84a7.293 7.293 0 1 0 0-14.586a7.293 7.293 0 0 0 0 14.587"/><path fill="url(#iDo63Ad)" d="M21.174 17.84a7.293 7.293 0 1 0 0-14.586a7.293 7.293 0 0 0 0 14.587"/></g><g filter="url(#ivRfded)"><path fill="url(#irL4FPP)" d="M21.174 17.525a6.977 6.977 0 1 0 0-13.955a6.977 6.977 0 0 0 0 13.955"/><path fill="url(#iAMNLyb)" d="M21.174 17.525a6.977 6.977 0 1 0 0-13.955a6.977 6.977 0 0 0 0 13.955"/></g><path fill="url(#iVUtm5d)" d="M6.21 19.595a4.524 4.524 0 1 0 0-9.047a4.524 4.524 0 0 0 0 9.047"/><path fill="url(#iSlvLJd)" d="M6.21 19.595a4.524 4.524 0 1 0 0-9.047a4.524 4.524 0 0 0 0 9.047"/><path fill="url(#iqYdZPc)" d="M14.376 30.232a5.83 5.83 0 1 0 0-11.661a5.83 5.83 0 0 0 0 11.66"/><path fill="url(#iUXcY2k)" d="M14.376 30.232a5.83 5.83 0 1 0 0-11.661a5.83 5.83 0 0 0 0 11.66"/><path fill="url(#iSO0tGB)" d="M14.376 30.232a5.83 5.83 0 1 0 0-11.661a5.83 5.83 0 0 0 0 11.66"/><path fill="url(#ikZdNvb)" d="M23.119 11.553a3.991 3.991 0 1 0 0-7.983a3.991 3.991 0 0 0 0 7.983"/><g filter="url(#idG6bya)"><path fill="url(#ipPt8oW)" d="M14.376 29.027a4.626 4.626 0 1 0 0-9.251a4.626 4.626 0 0 0 0 9.251"/><path fill="url(#iemjGcd)" d="M14.376 29.027a4.626 4.626 0 1 0 0-9.251a4.626 4.626 0 0 0 0 9.251"/></g><g filter="url(#iM0spMd)"><path fill="url(#ilcHRuc)" d="M6.21 18.59a3.519 3.519 0 1 0 0-7.037a3.519 3.519 0 0 0 0 7.037"/><path fill="url(#i3Aepyb)" d="M6.21 18.59a3.519 3.519 0 1 0 0-7.037a3.519 3.519 0 0 0 0 7.037"/></g><path fill="url(#i0mWZMc)" d="M7.263 15.616a2.163 2.163 0 1 0 0-4.326a2.163 2.163 0 0 0 0 4.326"/><path fill="url(#iqSMtXc)" d="M15.734 25.104a2.788 2.788 0 1 0 0-5.576a2.788 2.788 0 0 0 0 5.576"/><defs><radialGradient id="ixHmj6d" cx="0" cy="0" r="1" gradientTransform="matrix(-2.09057 4.52378 -11.29538 -5.21992 25.818 3.668)" gradientUnits="userSpaceOnUse"><stop stop-color="#FF9CEA"/><stop offset="1" stop-color="#FF9CEA" stop-opacity="0"/></radialGradient><radialGradient id="iIMw59X" cx="0" cy="0" r="1" gradientTransform="rotate(-45 28.126 -13.07)scale(11.1316 8.49872)" gradientUnits="userSpaceOnUse"><stop offset=".415" stop-color="#D893FF"/><stop offset="1" stop-color="#E8EEFE"/></radialGradient><radialGradient id="iDo63Ad" cx="0" cy="0" r="1" gradientTransform="rotate(-138.606 14.834 1.739)scale(11.5986 13.3739)" gradientUnits="userSpaceOnUse"><stop offset=".723" stop-color="#9FD2F5" stop-opacity="0"/><stop offset="1" stop-color="#9FD2F5"/></radialGradient><radialGradient id="irL4FPP" cx="0" cy="0" r="1" gradientTransform="rotate(-45 27.916 -13.383)scale(10.64959 8.13066)" gradientUnits="userSpaceOnUse"><stop offset=".415" stop-color="#D893FF"/><stop offset="1" stop-color="#E8EEFE"/></radialGradient><radialGradient id="iAMNLyb" cx="0" cy="0" r="1" gradientTransform="matrix(-8.32423 -7.33724 8.46035 -9.5984 24.655 12.753)" gradientUnits="userSpaceOnUse"><stop offset=".723" stop-color="#9FD2F5" stop-opacity="0"/><stop offset="1" stop-color="#9FD2F5"/></radialGradient><radialGradient id="iSlvLJd" cx="0" cy="0" r="1" gradientTransform="rotate(114.803 .736 8.462)scale(2.70071 6.74341)" gradientUnits="userSpaceOnUse"><stop stop-color="#FF9CEA"/><stop offset="1" stop-color="#FF9CEA" stop-opacity="0"/></radialGradient><radialGradient id="iUXcY2k" cx="0" cy="0" r="1" gradientTransform="rotate(114.803 2.544 15.432)scale(3.48077 8.69114)" gradientUnits="userSpaceOnUse"><stop stop-color="#FF9CEA"/><stop offset="1" stop-color="#FF9CEA" stop-opacity="0"/></radialGradient><radialGradient id="iSO0tGB" cx="0" cy="0" r="1" gradientTransform="matrix(-.85676 2.9816 -6.12948 -1.7613 16.017 17.65)" gradientUnits="userSpaceOnUse"><stop offset=".154" stop-color="#A876BA"/><stop offset="1" stop-color="#A876BA" stop-opacity="0"/></radialGradient><radialGradient id="ikZdNvb" cx="0" cy="0" r="1" gradientTransform="matrix(3.902 -5.1578 7.63526 5.77624 20.507 9.489)" gradientUnits="userSpaceOnUse"><stop offset=".435" stop-color="ivory" stop-opacity="0"/><stop offset="1" stop-color="#fff"/></radialGradient><radialGradient id="ipPt8oW" cx="0" cy="0" r="1" gradientTransform="rotate(-45 39.691 -.576)scale(7.06008 5.39018)" gradientUnits="userSpaceOnUse"><stop offset=".415" stop-color="#D893FF"/><stop offset="1" stop-color="#E8EEFE"/></radialGradient><radialGradient id="iemjGcd" cx="0" cy="0" r="1" gradientTransform="matrix(-5.5185 -4.8642 5.60873 -6.3632 16.684 25.863)" gradientUnits="userSpaceOnUse"><stop offset=".723" stop-color="#9FD2F5" stop-opacity="0"/><stop offset="1" stop-color="#9FD2F5"/></radialGradient><radialGradient id="ilcHRuc" cx="0" cy="0" r="1" gradientTransform="rotate(-45 23.616 3.522)scale(5.37065 4.10035)" gradientUnits="userSpaceOnUse"><stop offset=".415" stop-color="#D893FF"/><stop offset="1" stop-color="#E8EEFE"/></radialGradient><radialGradient id="i3Aepyb" cx="0" cy="0" r="1" gradientTransform="matrix(-4.19796 -3.70022 4.2666 -4.84053 7.964 16.183)" gradientUnits="userSpaceOnUse"><stop offset=".723" stop-color="#9FD2F5" stop-opacity="0"/><stop offset="1" stop-color="#9FD2F5"/></radialGradient><radialGradient id="i0mWZMc" cx="0" cy="0" r="1" gradientTransform="matrix(2.1146 -2.7952 4.13782 3.13032 5.848 14.497)" gradientUnits="userSpaceOnUse"><stop offset=".435" stop-color="ivory" stop-opacity="0"/><stop offset="1" stop-color="#fff"/></radialGradient><radialGradient id="iqSMtXc" cx="0" cy="0" r="1" gradientTransform="matrix(2.7254 -3.60254 5.33295 4.0345 13.91 23.662)" gradientUnits="userSpaceOnUse"><stop offset=".435" stop-color="ivory" stop-opacity="0"/><stop offset="1" stop-color="#fff"/></radialGradient><filter id="iY3CPLi" width="18.587" height="18.587" x="11.881" y="1.254" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_4793_1042" stdDeviation="1"/></filter><filter id="ivRfded" width="17.955" height="17.955" x="12.197" y="1.57" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_4793_1042" stdDeviation="1"/></filter><filter id="idG6bya" width="12.751" height="12.751" x="8" y="18.026" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_4793_1042" stdDeviation=".875"/></filter><filter id="iM0spMd" width="9.537" height="9.538" x="1.44" y="10.303" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_4793_1042" stdDeviation=".625"/></filter><linearGradient id="i74syXy" x1="14.988" x2="28.8" y1="3.977" y2="14.601" gradientUnits="userSpaceOnUse"><stop stop-color="#55EBFF"/><stop offset=".061" stop-color="#83C9F0"/><stop offset=".115" stop-color="#AFA8E1"/><stop offset=".218" stop-color="#CA5BC0"/><stop offset=".533" stop-color="#CA5BC0"/><stop offset=".694" stop-color="#FF99A9"/><stop offset="1" stop-color="#FADF9E"/></linearGradient><linearGradient id="iVUtm5d" x1="2.857" x2="10.342" y1="11.511" y2="17.268" gradientUnits="userSpaceOnUse"><stop stop-color="#55EBFF"/><stop offset=".061" stop-color="#83C9F0"/><stop offset=".115" stop-color="#AFA8E1"/><stop offset=".218" stop-color="#CA5BC0"/><stop offset=".533" stop-color="#CA5BC0"/><stop offset=".694" stop-color="#FF99A9"/><stop offset="1" stop-color="#FADF9E"/></linearGradient><linearGradient id="iqYdZPc" x1="10.056" x2="19.702" y1="19.812" y2="27.232" gradientUnits="userSpaceOnUse"><stop stop-color="#55EBFF"/><stop offset=".061" stop-color="#83C9F0"/><stop offset=".115" stop-color="#AFA8E1"/><stop offset=".218" stop-color="#CA5BC0"/><stop offset=".533" stop-color="#CA5BC0"/><stop offset=".694" stop-color="#FF99A9"/><stop offset="1" stop-color="#FADF9E"/></linearGradient></defs></g></svg>كيفية استخدام أيقونة Bubbles
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji:bubbles" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji:bubbles" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji:bubbles" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji--bubbles]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji -->
<div class="i-fluent-emoji:bubbles"></div>مكوّن ويب
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji:bubbles"></iconify-icon>صورة HTML
<img src="https://iconyz.com/api/public/svg/fluent-emoji/bubbles.svg" alt="أيقونة Bubbles" width="24" height="24">أيقونة Bubbles في مجموعات أخرى
الأسئلة الشائعة حول أيقونة Bubbles
هل أيقونة Bubbles مجانية للاستخدام التجاري؟
نعم. تُنشر Fluent Emoji icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.
كيف أستخدم أيقونة Bubbles في React؟
ثبّت @iconify/react واعرض <Icon icon="fluent-emoji:bubbles" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.
كيف أضيف أيقونة Bubbles إلى صفحة ويب؟
اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/fluent-emoji/bubbles.svg" alt="أيقونة Bubbles">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.