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

gust4v0di4scgust4v0di4sc741 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.

HealthGood
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
6 months ago
Created
6 months ago
Updates
2 releases
Downloads
741
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.

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.

Minimal Theme Settings

Control the colors and fonts in Minimal Theme.

Hider

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

Claudian

Embeds Claude Code/Codex and other local Agents as AI collaborators in your vault.

Advanced URI

Control everything with URI.

Thino

Quickly capture memos and display them in the sidebar with a heatmap. (Closed source)

Local REST API with MCP

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

ChatGPT MD

A seamless integration of ChatGPT, OpenRouter.ai and local LLMs via Ollama into your notes.