Kan ik het Headless UI icoon gebruiken voor commerciële projecten?

Ja, je mag het Headless UI icoon in je commerciële projecten gebruiken. Houd er echter rekening mee dat het Headless UI logo een geregistreerd handelsmerk is. Je dient hun merkrichtlijnen te volgen en geen goedkeuring te suggereren.

Hoe gebruik ik het Headless UI icoon in Figma?

De makkelijkste manier is om de Headless UI SVG code van onze site te kopiëren en direct in Figma te plakken. Je kunt ook het Headless UI SVG bestand downloaden en op je Figma canvas slepen.

Welke formaten van het Headless UI icoon zijn beschikbaar om te downloaden?

We bieden het Headless UI icoon aan in hoogwaardig SVG (vector) formaat, perfect voor web en print. Je kunt het ook downloaden als een transparante Headless UI PNG afbeelding of de React component code kopiëren.

Headless UI Icoon

Ontwerp#66E3FF

Hoge kwaliteit Headless UI transparante PNG voor web & print.

Geoptimaliseerde Headless UI SVG-vectorcode voor ontwikkelaars.

Klaar voor gebruik Headless UI React-icooncomponent.

Hoe gebruik je het Headless UI Icoon

Kopieer het Headless UI icoon als inline SVG, React-code, HTML-embed of CSS-masker.

Inline SVG

Plak de Headless UI SVG direct in HTML of JSX.

React Component

Gebruik Headless UI als een getypeerd React-icooncomponent.

import React from 'react';

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

HTML Embed

Gebruik een gehoste Headless UI icoon-URL met bronvermelding.

CSS-masker

Gebruik Headless UI als een kleurbaar CSS-masker icoon.

.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;
}

Headless UI Icoon Details

Merkkleur

#66E3FF

Categorie

Ontwerp

Formaten

SVG, PNG, React, HTML, CSS-masker

SVG viewBox

0 0 24 24

SVG-bestand

1.4 KB · 1 pad

Licentie

Raadpleeg de merkrichtlijnen

Bron

headlessui.dev

Over het Headless UI Icoon

Het Headless UI icoon is hier beschikbaar als merkicoon in SVG-formaat. Het is gecategoriseerd onder Ontwerp en gebruikt de merkkleur #66E3FF. Je kunt het downloaden als een transparante PNG, de inline SVG kopiëren, een React-component kopiëren of het embedden met HTML.

Gebruik de links naar de bron en merkrichtlijnen op deze pagina om de huidige regels voor handelsmerkgebruik te controleren voordat je het Headless UI logo gebruikt in commerciële projecten, documentatie, UI-mockups of marketingpagina's.

Tags:uicomponentsreacttailwind

Headless UI Icoon Veelgestelde Vragen

Probeer AI Icon Generator

Een compleet uniek icoon nodig? Gebruik onze AI-aangedreven SVG Generator om in enkele seconden aangepaste, professionele iconen te maken.

Probeer AI Icon Generator

Headless UI Gerelateerde Iconen