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