ICONYZ
العربية
أيقونة Butterfly Duo من Kameleon color icons

أيقونة Butterfly Duo

streamline-kameleon-color:butterfly-duo

أيقونة Butterfly Duo (streamline-kameleon-color:butterfly-duo) أيقونة SVG مجانية من مجموعة Kameleon color icons من تصميم Streamline. مرسومة على شبكة 48 × 48. تُنشر Kameleon color icons بموجب ترخيص CC BY 4.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية بشرط نسب العمل إلى مؤلفه. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة
Kameleon color icons
المؤلف
Streamline
الترخيص
CC-BY-4.0
الحجم
48 × 48
الفئة
البيئة
الوسوم
butterflyduo
تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none"><path fill="#deeeff" d="M24 48c13.255 0 24-10.746 24-24S37.255 0 24 0S0 10.745 0 24c0 13.254 10.745 24 24 24"/><path fill="#2e3ecd" d="M23.977 28.359c-.214 5.022-4.071 7.876-6.61 9.207a2.62 2.62 0 0 1-3.47-.986c-3.156-5.389-2.872-9.95 2.85-12.58h-3.378a1.745 1.745 0 0 1-1.736-1.584l-1.589-10.473a1.746 1.746 0 0 1 2.278-1.82c4.717 1.532 8.998 4.988 10.097 8.78c-.113.24-.165.502-.165.733v6.982q0 .097.013.196a1.74 1.74 0 0 0 1.71 1.545M34.63 24h-3.378c3.897 1.789 7.104 5.389 2.85 12.58a2.62 2.62 0 0 1-3.47.986c-2.54-1.33-6.397-4.185-6.61-9.207a1.74 1.74 0 0 0 1.723-1.741v-6.986c0-.25-.061-.507-.166-.73c1.104-3.791 5.38-7.247 10.098-8.779a1.75 1.75 0 0 1 1.632.297c.447.358.708.92.645 1.523l-1.588 10.473A1.745 1.745 0 0 1 34.63 24"/><path fill="#6bafff" d="M22.255 26.617v-2.521c-2.617.248-7.141 1.134-6.064 4.295a3.053 3.053 0 0 0 .39 6.08c3.928 0 5.437-2.143 7.419-6.108a1.745 1.745 0 0 1-1.745-1.746"/><path fill="#2e3ecd" d="M17.018 33.162a1.31 1.31 0 1 0 0-2.618a1.31 1.31 0 0 0 0 2.618"/><path fill="#6bafff" d="M22.255 20.508c-2.42-4.604-5.027-6.669-7.763-6.954a.873.873 0 0 0-.965.868v7.116c0 .415.294.774.702.855c2.14 1.002 4.8 1.55 8.026 1.606zm9.554 7.882c1.078-3.16-3.447-4.046-6.064-4.294v2.52c0 .965-.781 1.746-1.745 1.746c1.982 3.965 3.49 6.11 7.418 6.11a3.053 3.053 0 0 0 .39-6.081"/><path fill="#2e3ecd" d="M29.008 10.961c-1.097-.599-2.058-.65-2.857-.152c-1.909 1.19-2.156 5.225-2.166 7.082L24 17.89c.315 0 .605.09.86.235c-.005-1.957.288-5.662 1.754-6.576c.518-.323 1.165-.265 1.977.178a.436.436 0 1 0 .418-.766"/><path fill="#2e3ecd" d="M23.14 18.125c.255-.146.546-.236.86-.236l.014.002c-.01-1.858-.257-5.892-2.166-7.082c-.798-.498-1.76-.446-2.857.152a.436.436 0 1 0 .418.766c.812-.443 1.459-.5 1.977-.178c1.466.914 1.76 4.619 1.754 6.576"/><path fill="#2e3ecd" d="M25.745 19.635a1.745 1.745 0 0 0-3.491 0v6.982a1.746 1.746 0 0 0 3.49 0zm5.237 13.527a1.31 1.31 0 1 0 0-2.618a1.31 1.31 0 0 0 0 2.618M15.927 18.327a1.09 1.09 0 1 0 0-2.182a1.09 1.09 0 0 0 0 2.182"/><path fill="#6bafff" d="M25.745 20.508c2.42-4.604 5.027-6.669 7.763-6.954a.873.873 0 0 1 .964.868v7.116a.87.87 0 0 1-.701.855c-2.51 1.118-5.204 1.589-8.026 1.606z"/><path fill="#2e3ecd" d="M31.636 18.327a1.09 1.09 0 1 0 0-2.182a1.09 1.09 0 0 0 0 2.182"/></g></svg>

كيفية استخدام أيقونة Butterfly Duo

React

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

<Icon icon="streamline-kameleon-color:butterfly-duo" width="24" />

Vue

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

<template>
  <Icon icon="streamline-kameleon-color:butterfly-duo" width="24" />
</template>

Svelte

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

<Icon icon="streamline-kameleon-color:butterfly-duo" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-kameleon-color--butterfly-duo]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/streamline-kameleon-color -->
<div class="i-streamline-kameleon-color:butterfly-duo"></div>

مكوّن ويب

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

<iconify-icon icon="streamline-kameleon-color:butterfly-duo"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/streamline-kameleon-color/butterfly-duo.svg" alt="أيقونة Butterfly Duo" width="24" height="24">

أيقونات ذات صلة في Kameleon color icons

أيقونة butterfly
butterfly

الأسئلة الشائعة حول أيقونة Butterfly Duo

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

نعم. تُنشر Kameleon color icons بموجب ترخيص CC BY 4.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية بشرط نسب العمل إلى مؤلفه.

كيف أستخدم أيقونة Butterfly Duo في React؟

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

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

اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/streamline-kameleon-color/butterfly-duo.svg" alt="أيقونة Butterfly Duo">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.

تصفح كل Kameleon color icons →