Icona Cloud Foundry
PNG trasparente di alta qualità di Cloud Foundry per web e stampa.
Codice vettoriale SVG di Cloud Foundry ottimizzato per sviluppatori.
Componente icona React Cloud Foundry pronto all'uso.
Use Cloud Foundry in a generated UI
Turn this icon into a login page, dashboard, landing page, or integration screen.
Come usare l'icona Cloud Foundry
Copia l'icona Cloud Foundry come SVG inline, codice React, incorporamento HTML o maschera CSS.
SVG Inline
Incolla l'SVG di Cloud Foundry direttamente in HTML o JSX.
Componente React
Usa Cloud Foundry come componente icona React tipizzato.
import React from 'react';
export const CloudFoundryIcon = ({ className = "w-6 h-6" }: { className?: string }) => (
);Incorporamento HTML
Usa un URL ospitato dell'icona Cloud Foundry con attribuzione.
Maschera CSS
Usa Cloud Foundry come icona maschera CSS colorabile.
.cloudfoundry-icon {
display: inline-block;
width: 32px;
height: 32px;
background-color: #0c9ed5;
mask: url("https://www.aiuidesigner.com/icons/cloudfoundry.svg") center / contain no-repeat;
-webkit-mask: url("https://www.aiuidesigner.com/icons/cloudfoundry.svg") center / contain no-repeat;
}Dettagli icona Cloud Foundry
Colore del brand
Categoria
Cloud
Formati
SVG, PNG, React, HTML, maschera CSS
SVG viewBox
0 0 24 24
File SVG
1.7 KB · 1 percorso
Licenza
Controlla le linee guida del brand
Sorgente
cloudfoundry.orgLinee guida del brand
cloudfoundry.orgInformazioni sull'icona Cloud Foundry
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 Cloud Foundry in progetti commerciali, documentazione, mockup di interfacce utente o pagine di marketing.
Cloud Foundry Icon Frequently Asked Questions
Design a UI with the Cloud Foundry icon
Generate a complete page that already uses this icon, color, and brand context.