Ikona Mocha
Wysokiej jakości przezroczysty plik PNG Mocha do sieci i druku.
Zoptymalizowany wektorowy kod SVG Mocha dla programistów.
Gotowy do użycia komponent ikony React Mocha.
Use Mocha in a generated UI
Turn this icon into a login page, dashboard, landing page, or integration screen.
Jak używać ikony Mocha
Skopiuj ikonę Mocha jako wbudowany kod SVG, kod React, osadzenie HTML lub maskę CSS.
Wbudowany SVG
Wklej SVG Mocha bezpośrednio do HTML lub JSX.
Komponent React
Użyj Mocha jako typowanego komponentu ikony React.
import React from 'react';
export const MochaIcon = ({ className = "w-6 h-6" }: { className?: string }) => (
);Osadzanie HTML
Użyj hostowanego adresu URL ikony Mocha z przypisaniem autorstwa.
Maska CSS
Użyj Mocha jako ikony maski CSS, której można zmieniać kolor.
.mocha-icon {
display: inline-block;
width: 32px;
height: 32px;
background-color: #8d6748;
mask: url("https://www.aiuidesigner.com/icons/mocha.svg") center / contain no-repeat;
-webkit-mask: url("https://www.aiuidesigner.com/icons/mocha.svg") center / contain no-repeat;
}Szczegóły ikony Mocha
Kolor marki
Kategoria
Programowanie
Formaty
SVG, PNG, React, HTML, maska CSS
SVG viewBox
0 0 24 24
Plik SVG
919 B · 1 ścieżka
Licencja
Sprawdź wytyczne marki
Źródło
mochajs.orgO ikonie Mocha
icons.aboutParagraph1
Przed użyciem logo Mocha 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.
Ikona Mocha - Najczęściej Zadawane Pytania
Design a UI with the Mocha icon
Generate a complete page that already uses this icon, color, and brand context.