AI UI Designer Logo
AI UI Designer

Ikona Xcode

Narzędzia#1575F9

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

Zoptymalizowany wektorowy kod SVG Xcode dla programistów.

Gotowy do użycia komponent ikony React Xcode.

Use Xcode in a generated UI

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

Jak używać ikony Xcode

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

Wbudowany SVG

Wklej SVG Xcode bezpośrednio do HTML lub JSX.

Komponent React

Użyj Xcode jako typowanego komponentu ikony React.

import React from 'react';

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

Osadzanie HTML

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

Maska CSS

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

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

Szczegóły ikony Xcode

Kolor marki

#1575F9

Kategoria

Narzędzia

Formaty

SVG, PNG, React, HTML, maska CSS

SVG viewBox

0 0 24 24

Plik SVG

2.6 KB · 1 ścieżka

Licencja

Sprawdź wytyczne marki

O ikonie Xcode

icons.aboutParagraph1

Przed użyciem logo Xcode 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:editorideapple

Ikona Xcode - Najczęściej Zadawane Pytania

Design a UI with the Xcode icon

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

Xcode Powiązane ikony