Kan jeg bruke Headless UI-ikonet for kommersielle prosjekter?

Ja, du kan bruke Headless UI-ikonet i dine kommersielle prosjekter. Vær imidlertid oppmerksom på at Headless UI-logoen er et registrert varemerke. Du bør følge deres retningslinjer for merkevarebygging og ikke antyde godkjenning.

Hvordan bruker jeg Headless UI-ikonet i Figma?

Den enkleste måten er å kopiere Headless UI SVG-koden fra nettstedet vårt og lime den direkte inn i Figma. Alternativt kan du laste ned Headless UI SVG-filen og dra den over på Figma-lerretet.

Hvilke formater av Headless UI-ikonet er tilgjengelig for nedlasting?

Vi tilbyr Headless UI-ikonet i høykvalitets SVG-format (vektor), som er perfekt for web og trykk. Du kan også laste det ned som et transparent Headless UI PNG-bilde eller kopiere React-komponentkoden.

Headless UI-ikon

Design#66E3FF

Høykvalitets gjennomsiktig Headless UI PNG for web og trykk.

Optimalisert Headless UI SVG-vektorkode for utviklere.

Klar til bruk Headless UI React-ikonkomponent.

Slik bruker du Headless UI-ikonet

Kopier Headless UI-ikonet som inline SVG, React-kode, HTML-innbygging eller CSS-maske.

Inline SVG

Lim Headless UI SVG direkte inn i HTML eller JSX.

React-komponent

Bruk Headless UI som en typet React-ikonkomponent.

import React from 'react';

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

HTML-innbygging

Bruk en hostet URL for Headless UI-ikonet med kreditering.

CSS-maske

Bruk Headless UI som et fargeleggbart CSS-maskeikon.

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

Detaljer om Headless UI-ikonet

Merkevarefarge

#66E3FF

Kategori

Design

Formater

SVG, PNG, React, HTML, CSS-maske

SVG viewBox

0 0 24 24

SVG-fil

1.4 KB · 1 bane

Lisens

Sjekk merkevareveiledningen

Kilde

headlessui.dev

Om Headless UI-ikonet

Headless UI-ikonet er tilgjengelig her som en merkevareressurs i SVG-format. Det er kategorisert under Design og bruker merkevarefargen #66E3FF. Du kan laste det ned som en gjennomsiktig PNG, kopiere inline SVG, kopiere en React-komponent eller bygge det inn med HTML.

Bruk lenkene til kilde og merkevareveiledning på denne siden for å verifisere gjeldende regler for bruk av varemerker før du bruker Headless UI-logoen i kommersielle prosjekter, dokumentasjon, UI-skisser eller markedsføringssider.

Tags:uicomponentsreacttailwind

Headless UI Ikon Ofte Stilte Spørsmål

Prøv AI-ikongenerator

Trenger du et helt unikt ikon? Bruk vår AI-drevne SVG-generator for å lage tilpassede, profesjonelle ikoner på få sekunder.

Prøv AI-ikongenerator

Headless UI Relaterte ikoner