Ikon Flutter Icon
logos:flutter-icon
Ikon Flutter Icon (logos:flutter-icon) adalah ikon SVG gratis dari set SVG Logos karya Gil Barbara. Ikon ini digambar pada grid 256 × 284. SVG Logos icons dirilis di bawah lisensi CC0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- SVG Logos
- Pembuat
- Gil Barbara
- Lisensi
- CC0-1.0
- Ukuran
- 256 × 284
- Tag
- fluttericon
Kode 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>Cara memakai ikon 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>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:flutter-icon"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/logos/flutter-icon.svg" alt="Ikon Flutter Icon" width="24" height="24">Ikon terkait di SVG Logos
FAQ Ikon Flutter Icon
Apakah ikon Flutter Icon gratis untuk penggunaan komersial?
Ya. SVG Logos icons dirilis di bawah lisensi CC0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Flutter Icon di React?
Pasang @iconify/react lalu render <Icon icon="logos:flutter-icon" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Flutter Icon ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/logos/flutter-icon.svg" alt="Ikon Flutter Icon">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.