AI UI Designer Logo
AI UI Designer

Icona CloudBees

Cloud#1997B5

PNG trasparente di alta qualità di CloudBees per web e stampa.

Codice vettoriale SVG di CloudBees ottimizzato per sviluppatori.

Componente icona React CloudBees pronto all'uso.

Use CloudBees in a generated UI

Turn this icon into a login page, dashboard, landing page, or integration screen.

Come usare l'icona CloudBees

Copia l'icona CloudBees come SVG inline, codice React, incorporamento HTML o maschera CSS.

SVG Inline

Incolla l'SVG di CloudBees direttamente in HTML o JSX.

Componente React

Usa CloudBees come componente icona React tipizzato.

import React from 'react';

export const CloudBeesIcon = ({ className = "w-6 h-6" }: { className?: string }) => (
  
);

Incorporamento HTML

Usa un URL ospitato dell'icona CloudBees con attribuzione.

Maschera CSS

Usa CloudBees come icona maschera CSS colorabile.

.cloudbees-icon {
  display: inline-block;
  width: 32px;
  height: 32px;
  background-color: #1997b5;
  mask: url("https://www.aiuidesigner.com/icons/cloudbees.svg") center / contain no-repeat;
  -webkit-mask: url("https://www.aiuidesigner.com/icons/cloudbees.svg") center / contain no-repeat;
}

Dettagli icona CloudBees

Colore del brand

#1997B5

Categoria

Cloud

Formati

SVG, PNG, React, HTML, maschera CSS

SVG viewBox

0 0 24 24

File SVG

736 B · 1 percorso

Licenza

Controlla le linee guida del brand

Informazioni sull'icona CloudBees

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 CloudBees in progetti commerciali, documentazione, mockup di interfacce utente o pagine di marketing.

Tag:cloudci-cdcloudbees

CloudBees Icon Frequently Asked Questions

Design a UI with the CloudBees icon

Generate a complete page that already uses this icon, color, and brand context.

CloudBees Icone correlate