Logoforge
Back

Flutter logo

The Flutter logo as clean SVG, in brand color and mono, with a dark-mode variant. Copy it, download it, or install it as a typed React component.

Flutter logo
Brand color
#02569b
Categories
Frameworks
Variants
5 SVG files
Website
flutter.dev
Brand guidelines
Read before use
Source
gilbarbara/logos · CC0
Your brand here$40 / 30 days

Use the Flutter logo

shadcn CLI
npx shadcn@latest add @logoforge/flutter

First time? Add the @logoforge registry to components.json, or use the MCP server.

React
import { FlutterLogo } from "@/components/logos/flutter";

<FlutterLogo className="size-8" />
<FlutterLogo variant="mono" />          {/* currentColor */}
<FlutterLogo type="wordmark" className="h-6 w-auto" />
icon.svg
<svg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid" viewBox="0 0 256 284"><title>Flutter</title><defs><radialGradient id="flutter-b" 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="flutter-a" 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.79h-87.187l-76.278 76.295 43.585 43.584zM43.603 185.284 0 141.68 141.681 0h87.187z"/><path fill="#01579b" d="m108.988 250.67 32.693 32.693h87.187l-76.295-76.277z"/><path fill="url(#flutter-a)" d="m108.988 250.67 64.658-22.383-21.073-21.201z"/><path fill="#29b6f6" d="m108.982 163.478-43.586 43.585 43.586 43.586 43.585-43.586z"/><path fill="url(#flutter-b)" d="m228.868 130.79-76.277 76.277 76.277 76.296h-87.187l-32.693-32.693-43.602-43.603 76.295-76.278zM141.681 0 0 141.681l43.603 43.603L228.868 0z"/></svg>

Download

Related logos

Flutter and the Flutter logo are trademarks of their respective owner. Logoforge is not affiliated with or endorsed by Flutter; the logo is provided to refer to the product. Follow the brand's own guidelines. Own this brand and want it removed? Contact us — handled within 72 hours.