Icona Fly.io
PNG trasparente di alta qualità di Fly.io per web e stampa.
Codice vettoriale SVG di Fly.io ottimizzato per sviluppatori.
Componente icona React Fly.io pronto all'uso.
Use Fly.io in a generated UI
Turn this icon into a login page, dashboard, landing page, or integration screen.
Come usare l'icona Fly.io
Copia l'icona Fly.io come SVG inline, codice React, incorporamento HTML o maschera CSS.
SVG Inline
Incolla l'SVG di Fly.io direttamente in HTML o JSX.
Componente React
Usa Fly.io come componente icona React tipizzato.
import React from 'react';
export const FlyioIcon = ({ className = "w-6 h-6" }: { className?: string }) => (
);Incorporamento HTML
Usa un URL ospitato dell'icona Fly.io con attribuzione.
Maschera CSS
Usa Fly.io come icona maschera CSS colorabile.
.flydotio-icon {
display: inline-block;
width: 32px;
height: 32px;
background-color: #24175b;
mask: url("https://www.aiuidesigner.com/icons/flydotio.svg") center / contain no-repeat;
-webkit-mask: url("https://www.aiuidesigner.com/icons/flydotio.svg") center / contain no-repeat;
}Dettagli icona Fly.io
Informazioni sull'icona Fly.io
L<strong class="highlight">icona {name}</strong> è disponibile qui come risorsa del brand in formato SVG. È classificata sotto <strong class="highlight">{category}</strong> e utilizza il colore del brand <code class="highlight">{hex}</code>. Puoi scaricarla come PNG trasparente, copiare lSVG inline, copiare un componente React o incorporarla tramite HTML.
Utilizza i link alla sorgente e alle linee guida del brand in questa pagina per verificare le regole attuali di utilizzo del marchio prima di usare il logo Fly.io in progetti commerciali, documentazione, mockup di interfacce utente o pagine di marketing.
Fly.io Icon Frequently Asked Questions
Design a UI with the Fly.io icon
Generate a complete page that already uses this icon, color, and brand context.