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