AI UI Designer Logo
AI UI Designer

Ikona Hono

Programowanie#E36002

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

Zoptymalizowany wektorowy kod SVG Hono dla programistów.

Gotowy do użycia komponent ikony React Hono.

Use Hono in a generated UI

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

Jak używać ikony Hono

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

Wbudowany SVG

Wklej SVG Hono bezpośrednio do HTML lub JSX.

Komponent React

Użyj Hono jako typowanego komponentu ikony React.

import React from 'react';

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

Osadzanie HTML

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

Maska CSS

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

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

Szczegóły ikony Hono

Kolor marki

#E36002

Kategoria

Programowanie

Formaty

SVG, PNG, React, HTML, maska CSS

SVG viewBox

0 0 24 24

Plik SVG

762 B · 1 ścieżka

Licencja

Sprawdź wytyczne marki

Źródło

github.com

O ikonie Hono

icons.aboutParagraph1

Przed użyciem logo Hono 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:webframeworkedgeapi

Ikona Hono - Najczęściej Zadawane Pytania

Design a UI with the Hono icon

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

Hono Powiązane ikony