AI UI Designer Logo
AI UI Designer

Ikona Qwik

Programowanie#AC7EF4

Wysokiej jakości przezroczysty plik PNG Qwik do sieci i druku.

Zoptymalizowany wektorowy kod SVG Qwik dla programistów.

Gotowy do użycia komponent ikony React Qwik.

Use Qwik in a generated UI

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

Jak używać ikony Qwik

Skopiuj ikonę Qwik jako wbudowany kod SVG, kod React, osadzenie HTML lub maskę CSS.

Wbudowany SVG

Wklej SVG Qwik bezpośrednio do HTML lub JSX.

Komponent React

Użyj Qwik jako typowanego komponentu ikony React.

import React from 'react';

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

Osadzanie HTML

Użyj hostowanego adresu URL ikony Qwik z przypisaniem autorstwa.

Maska CSS

Użyj Qwik jako ikony maski CSS, której można zmieniać kolor.

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

Szczegóły ikony Qwik

Kolor marki

#AC7EF4

Kategoria

Programowanie

Formaty

SVG, PNG, React, HTML, maska CSS

SVG viewBox

0 0 24 24

Plik SVG

455 B · 1 ścieżka

Licencja

Sprawdź wytyczne marki

Źródło

github.com

O ikonie Qwik

icons.aboutParagraph1

Przed użyciem logo Qwik w projektach komercyjnych, dokumentacji, makietach UI lub na stronach marketingowych, skorzystaj z linków do źródła i wytycznych marki na tej stronie, aby zweryfikować aktualne zasady użytkowania znaków towarowych.

Tagi:frameworkresumablefrontend

Ikona Qwik - Najczęściej Zadawane Pytania

Design a UI with the Qwik icon

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

Qwik Powiązane ikony