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