Ikon Notion
PNG transparan Notion berkualitas tinggi untuk web & cetak.
Kode vektor SVG Notion yang dioptimalkan untuk pengembang.
Komponen ikon React Notion yang siap digunakan.
Use Notion in a generated UI
Turn this icon into a login page, dashboard, landing page, or integration screen.
Cara menggunakan Ikon Notion
Salin ikon Notion sebagai SVG inline, kode React, sematan HTML, atau CSS mask.
SVG Inline
Tempelkan SVG Notion langsung ke dalam HTML atau JSX.
Komponen React
Gunakan Notion sebagai komponen ikon React yang bertipe.
import React from 'react';
export const NotionIcon = ({ className = "w-6 h-6" }: { className?: string }) => (
);Sematkan HTML
Gunakan URL ikon Notion yang di-host dengan atribusi.
CSS Mask
Gunakan Notion sebagai ikon CSS mask yang warnanya bisa diubah.
.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;
}Detail Ikon Notion
Warna merek
Kategori
Produktivitas
Format
SVG, PNG, React, HTML, CSS mask
SVG viewBox
0 0 24 24
File SVG
978 B · 1 path
Lisensi
Periksa panduan merek
Sumber
notion.soTentang Ikon Notion
icons.aboutParagraph1
Gunakan tautan sumber dan panduan merek di halaman ini untuk memverifikasi aturan penggunaan merek dagang saat ini sebelum menggunakan logo Notion dalam proyek komersial, dokumentasi, mockup UI, atau halaman pemasaran.
Notion Ikon Pertanyaan yang Sering Diajukan
Design a UI with the Notion icon
Generate a complete page that already uses this icon, color, and brand context.