ICONYZ
العربية
أيقونة Flutter Icon من SVG Logos

أيقونة Flutter Icon

logos:flutter-icon

أيقونة Flutter Icon (logos:flutter-icon) أيقونة SVG مجانية من مجموعة SVG Logos من تصميم Gil Barbara. مرسومة على شبكة 256 × 284. تُنشر SVG Logos icons بموجب ترخيص CC0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة
SVG Logos
المؤلف
Gil Barbara
الترخيص
CC0-1.0
الحجم
256 × 284
الوسوم
fluttericon
تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="256" height="284" viewBox="0 0 256 284"><defs><radialGradient id="SVGXxQ1kd1i" cx="2.814%" cy="6.818%" r="151.475%" fx="2.814%" fy="6.818%" gradientTransform="matrix(1 0 0 .8077 0 .013)"><stop offset="0%" stop-color="#fff" stop-opacity=".1"/><stop offset="100%" stop-color="#fff" stop-opacity="0"/></radialGradient><linearGradient id="SVGL0EyQbrD" x1="19.657%" x2="69.874%" y1="81.493%" y2="47.643%"><stop offset="0%" stop-color="#1a237e" stop-opacity=".4"/><stop offset="100%" stop-color="#1a237e" stop-opacity="0"/></linearGradient></defs><path fill="#54c5f8" d="M228.864 130.789h-87.187l-76.278 76.296l43.585 43.584zM43.603 185.284L0 141.681L141.681 0h87.187z"/><path fill="#01579b" d="m108.988 250.67l32.693 32.693h87.187l-76.295-76.277z"/><path fill="url(#SVGL0EyQbrD)" d="m108.988 250.67l64.658-22.383l-21.073-21.201z"/><path fill="#29b6f6" d="m108.982 163.478l-43.586 43.585l43.586 43.586l43.585-43.586z"/><path fill="url(#SVGXxQ1kd1i)" d="m228.868 130.79l-76.277 76.277l76.277 76.296h-87.187l-32.693-32.693l-43.602-43.603l76.295-76.278zM141.681 0L0 141.681l43.603 43.603L228.868 0z"/></svg>

كيفية استخدام أيقونة Flutter Icon

React

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

<Icon icon="logos:flutter-icon" width="24" />

Vue

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

<template>
  <Icon icon="logos:flutter-icon" width="24" />
</template>

Svelte

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

<Icon icon="logos:flutter-icon" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--flutter-icon]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:flutter-icon"></div>

مكوّن ويب

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

<iconify-icon icon="logos:flutter-icon"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/logos/flutter-icon.svg" alt="أيقونة Flutter Icon" width="24" height="24">

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

أيقونة flutter
flutter

الأسئلة الشائعة حول أيقونة Flutter Icon

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

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

كيف أستخدم أيقونة Flutter Icon في React؟

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

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

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

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