AI UI Designer Logo
AI UI Designer

Ikona Solid

Programowanie#2C4F7C

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

Zoptymalizowany wektorowy kod SVG Solid dla programistów.

Gotowy do użycia komponent ikony React Solid.

Use Solid in a generated UI

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

Jak używać ikony Solid

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

Wbudowany SVG

Wklej SVG Solid bezpośrednio do HTML lub JSX.

Komponent React

Użyj Solid jako typowanego komponentu ikony React.

import React from 'react';

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

Osadzanie HTML

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

Maska CSS

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

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

Szczegóły ikony Solid

Kolor marki

#2C4F7C

Kategoria

Programowanie

Formaty

SVG, PNG, React, HTML, maska CSS

SVG viewBox

0 0 24 24

Plik SVG

1.1 KB · 1 ścieżka

Licencja

Sprawdź wytyczne marki

Źródło

solidjs.com

O ikonie Solid

icons.aboutParagraph1

Przed użyciem logo Solid 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:reactiveframeworkfrontend

Ikona Solid - Najczęściej Zadawane Pytania

Design a UI with the Solid icon

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

Solid Powiązane ikony