Search...Search plugins and themes...
⌘K
Sign in
  • Get started
  • Download
  • Pricing
  • Enterprise
  • Account
  • Obsidian
  • Overview
  • Sync
  • Publish
  • Canvas
  • Mobile
  • Web Clipper
  • CLI
  • Learn
  • Help
  • Developers
  • Changelog
  • About
  • Roadmap
  • Blog
  • Resources
  • System status
  • License overview
  • Terms of service
  • Privacy policy
  • Security
  • Community
  • Plugins
  • Themes
  • Discord
  • Forum / 中文论坛
  • Merch store
  • Brand guidelines
Follow us
DiscordTwitterBlueskyThreadsMastodonYouTubeGitHub
© 2026 Obsidian

Material Icons

gust4v0di4scgust4v0di4sc183 downloads

Material Theme icons for files and folders in the file explorer.

Add to Obsidian
  • Overview
  • Scorecard
  • Updates2

Adiciona ícones no estilo Material Theme (igual ao VS Code) no explorador de arquivos do Obsidian.

✨ Ícones suportados

Arquivos

Extensão Cor
.md Azul
.js Amarelo
.ts Azul escuro
.py Azul/Amarelo
.json Amarelo
.css Azul
.html Laranja
.svg Âmbar
.png, .jpg, .jpeg, .gif Verde
.pdf Vermelho
.txt Cinza
.xml Laranja escuro
.yaml, .yml Vermelho
.sh Verde
.zip Laranja
.env Vermelho
.gitignore Laranja

Pastas especiais

src, assets, images, docs, notes, projects, templates, .git, config, archive, scripts


🚀 Como instalar e compilar

1. Pré-requisitos

  • Node.js v18 ou superior
  • npm (vem junto com o Node.js)

2. Clone ou baixe este repositório

git clone <url-do-repo> material-icons-obsidian
cd material-icons-obsidian

3. Instale as dependências

npm install

4. Compile o plugin

npm run build

Isso vai gerar o arquivo main.js na raiz do projeto.

5. Instale no Obsidian

Opção A — Manual (recomendado para desenvolvimento):

# No Mac/Linux:
cp main.js manifest.json styles.css ~/seu-vault/.obsidian/plugins/material-icons/

# No Windows (PowerShell):
# Primeiro crie a pasta:
# New-Item -ItemType Directory -Path "$env:USERPROFILE\seu-vault\.obsidian\plugins\material-icons"
# Depois copie:
# Copy-Item main.js, manifest.json, styles.css "$env:USERPROFILE\seu-vault\.obsidian\plugins\material-icons\"

Opção B — Script automático:

# Edite o caminho do vault antes de rodar:
VAULT="$HOME/MeuVault"
PLUGIN="$VAULT/.obsidian/plugins/material-icons"
mkdir -p "$PLUGIN"
cp main.js manifest.json styles.css "$PLUGIN/"
echo "✅ Plugin instalado com sucesso!"

6. Ative no Obsidian

  1. Abra o Obsidian
  2. Vá em Configurações → Plugins da Comunidade
  3. Desative o "Modo restrito" se ainda não fez isso
  4. Em Plugins instalados, localize Material Icons
  5. Ative o toggle

🛠️ Desenvolvimento

Para desenvolvimento com hot-reload:

npm run dev

📁 Estrutura do projeto

material-icons-obsidian/
├── main.ts          ← código fonte principal
├── main.js          ← arquivo compilado (gerado pelo build)
├── manifest.json    ← metadados do plugin
├── styles.css       ← estilos CSS
├── package.json
├── tsconfig.json
└── esbuild.config.mjs

🎨 Adicionando mais ícones

Edite o objeto SVG em main.ts e adicione novos mapeamentos no FOLDER_MAP ou na lógica de getFileIcon.

Os SVGs do Material Icon Theme são open source (MIT) e podem ser usados diretamente.

82%
HealthExcellent
ReviewSatisfactory
About
Add Material Theme–style icons (like VS Code) to Obsidian's file explorer. Display distinctive icons for common file types and special folders — markdown, code (js/ts/py), images, json, css/html, pdf, zip, env, .git and folders like src, assets, images, docs, templates.
IconsAppearanceFiles
Details
Current version
1.0.1
Last updated
2 months ago
Created
2 months ago
Updates
2 releases
Downloads
183
Compatible with
Obsidian 1.0.0+
Platforms
Desktop, Mobile
License
MIT
Report bugRequest featureReport plugin
Author
gust4v0di4scgust4v0di4sc
github.com/Gust4v0Di4sC
GitHubgust4v0di4sc
  1. Community
  2. Plugins
  3. Icons
  4. Material Icons

Related plugins

Link Favicons

See the favicon for a linked website.

Callout Manager

Easily create and customize callouts.

Inline Callouts

Add inline callouts/badges/icons to notes.

Notebook Navigator

A better file browser and calendar inspired by Apple Notes, Bear, Evernote and Day One.

Local REST API & MCP Server

Unlock your automation needs by interacting with your notes over a secure REST API.

Minimal Theme Settings

Control the colors and fonts in Minimal Theme.

QuickAdd

Quickly add new notes or content to your vault.

Recent Files

Display a list of recently opened files.

Hider

Hide interface elements such as tooltips, status bar, titlebar, and more.

Omnisearch

Intelligent search for your notes, PDFs, and OCR for images.