Kan jeg bruke Notion-ikonet for kommersielle prosjekter?

Ja, du kan bruke Notion-ikonet i dine kommersielle prosjekter. Vær imidlertid oppmerksom på at Notion-logoen er et registrert varemerke. Du bør følge deres retningslinjer for merkevarebygging og ikke antyde godkjenning.

Hvordan bruker jeg Notion-ikonet i Figma?

Den enkleste måten er å kopiere Notion SVG-koden fra nettstedet vårt og lime den direkte inn i Figma. Alternativt kan du laste ned Notion SVG-filen og dra den over på Figma-lerretet.

Hvilke formater av Notion-ikonet er tilgjengelig for nedlasting?

Vi tilbyr Notion-ikonet i høykvalitets SVG-format (vektor), som er perfekt for web og trykk. Du kan også laste det ned som et transparent Notion PNG-bilde eller kopiere React-komponentkoden.

Notion-ikon

Produktivitet#000000

Høykvalitets gjennomsiktig Notion PNG for web og trykk.

Optimalisert Notion SVG-vektorkode for utviklere.

Klar til bruk Notion React-ikonkomponent.

Use Notion in a generated UI

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

Describe the UI to generate

Slik bruker du Notion-ikonet

Kopier Notion-ikonet som inline SVG, React-kode, HTML-innbygging eller CSS-maske.

Inline SVG

Lim Notion SVG direkte inn i HTML eller JSX.

React-komponent

Bruk Notion som en typet React-ikonkomponent.

import React from 'react';

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

HTML-innbygging

Bruk en hostet URL for Notion-ikonet med kreditering.

CSS-maske

Bruk Notion som et fargeleggbart CSS-maskeikon.

.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;
}

Detaljer om Notion-ikonet

Merkevarefarge

#000000

Kategori

Produktivitet

Formater

SVG, PNG, React, HTML, CSS-maske

SVG viewBox

0 0 24 24

SVG-fil

978 B · 1 bane

Lisens

Sjekk merkevareveiledningen

Kilde

notion.so

Om Notion-ikonet

Notion-ikonet er tilgjengelig her som en merkevareressurs i SVG-format. Det er kategorisert under Produktivitet og bruker merkevarefargen #000000. Du kan laste det ned som en gjennomsiktig PNG, kopiere inline SVG, kopiere en React-komponent eller bygge det inn med HTML.

Bruk lenkene til kilde og merkevareveiledning på denne siden for å verifisere gjeldende regler for bruk av varemerker før du bruker Notion-logoen i kommersielle prosjekter, dokumentasjon, UI-skisser eller markedsføringssider.

Tags:noteswikiworkspace

Notion Ikon Ofte Stilte Spørsmål

Design a UI with the Notion icon

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

Describe the UI to generate

Notion Relaterte ikoner