Can I use the Headless UI icon for commercial projects?

Yes, you can use the Headless UI icon in your commercial projects. However, please be aware that the Headless UI logo is a registered trademark. You should follow their brand guidelines and not imply endorsement.

How to use the Headless UI icon in Figma?

The easiest way is to copy the Headless UI SVG code from our site and paste it directly into Figma. Alternatively, you can download the Headless UI SVG file and drag it onto your Figma canvas.

What formats of the Headless UI icon are available for download?

We provide the Headless UI icon in high-quality SVG (vector) format, which is perfect for web and print. You can also download it as a transparent Headless UI PNG image or copy the React component code.

Icona Headless UI

Design#66E3FF

PNG trasparente di alta qualità di Headless UI per web e stampa.

Codice vettoriale SVG di Headless UI ottimizzato per sviluppatori.

Componente icona React Headless UI pronto all'uso.

Come usare l'icona Headless UI

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

SVG Inline

Incolla l'SVG di Headless UI direttamente in HTML o JSX.

Componente React

Usa Headless UI come componente icona React tipizzato.

import React from 'react';

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

Incorporamento HTML

Usa un URL ospitato dell'icona Headless UI con attribuzione.

Maschera CSS

Usa Headless UI come icona maschera CSS colorabile.

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

Dettagli icona Headless UI

Colore del brand

#66E3FF

Categoria

Design

Formati

SVG, PNG, React, HTML, maschera CSS

SVG viewBox

0 0 24 24

File SVG

1.4 KB · 1 percorso

Licenza

Controlla le linee guida del brand

Sorgente

headlessui.dev

Informazioni sull'icona Headless UI

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

Tag:uicomponentsreacttailwind

Headless UI Icon Frequently Asked Questions

Prova il generatore di icone AI

Hai bisogno di un'icona completamente unica? Usa il nostro generatore SVG basato sull'intelligenza artificiale per creare icone personalizzate e professionali in pochi secondi.

Prova il generatore di icone AI

Headless UI Icone correlate