AI UI Designer Logo
AI UI Designer

Ikona Brave

Przeglądarka#FB542B

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

Zoptymalizowany wektorowy kod SVG Brave dla programistów.

Gotowy do użycia komponent ikony React Brave.

Use Brave in a generated UI

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

Jak używać ikony Brave

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

Wbudowany SVG

Wklej SVG Brave bezpośrednio do HTML lub JSX.

Komponent React

Użyj Brave jako typowanego komponentu ikony React.

import React from 'react';

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

Osadzanie HTML

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

Maska CSS

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

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

Szczegóły ikony Brave

Kolor marki

#FB542B

Kategoria

Przeglądarka

Formaty

SVG, PNG, React, HTML, maska CSS

SVG viewBox

0 0 24 24

Plik SVG

2.1 KB · 1 ścieżka

Licencja

Sprawdź wytyczne marki

Źródło

brave.com

Wytyczne marki

brave.com

O ikonie Brave

icons.aboutParagraph1

Przed użyciem logo Brave 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:browserprivacy

Ikona Brave - Najczęściej Zadawane Pytania

Design a UI with the Brave icon

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

Brave Powiązane ikony