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

SVG Style Editor

arg1998arg19981k downloads

Change the color and other style properies of an embded SVG file

Add to Obsidian
  • Overview
  • Scorecard
  • Updates4

SVG Styler is a simple Obsidian community plugin designed to help you easily modify the style properties of SVG images directly within the editor. With this plugin, you can customize properties like color, border, opacity, and more. Supported drawable tags include: path, line, rect, circle, ellipse, and polygon.

How to Use

  1. Select your embedded SVG file (e.g., ![[my-icon.svg]]).
  2. Press Ctrl + P to open the command palette.
  3. Type SVG Styler and press Enter.

Command Palette

Command Palette

SVG Styler Plugin

SVG Styler Plugin

Available Options

  • Save In-place: Inserts new style properties directly into the original SVG file.
  • Save as Duplicate: Creates a new copy of the SVG with the updated styles applied.
  • Clear Styles: Removes any existing styles from the SVG.

Changelog

To see version history, changelog and upcoming features, visit CHANGELOG.md.

73%
HealthGood
ReviewCaution
About
Edit SVG styles directly inside the editor. Modify color, border, opacity and other style properties on path, line, rect, circle, ellipse and polygon elements. Save changes in-place, create a styled duplicate, or clear styles.
ImagesEditingCSS
Details
Current version
1.1.2
Last updated
2 years ago
Created
2 years ago
Updates
4 releases
Downloads
1k
Compatible with
Obsidian 1.1.9+
Platforms
Desktop only
License
MIT
Report bugRequest featureReport plugin
Author
arg1998arg1998
argosta.me
GitHubarg1998
  1. Community
  2. Plugins
  3. Images
  4. SVG Style Editor

Related plugins

Lapel

Show the heading levels in the gutter of the editor.

CSS Editor

Edit CSS snippet files.

Show Whitespace

CSS styles and CM6 extensions to highlight whitespace in Source and Live Preview modes.

Auto Card Link

Automatically fetches metadata from a URL and makes it as a card-styled link.

Advanced Tables

Improved table navigation, formatting, and manipulation.

Meta Bind

Make your notes interactive with inline input fields, metadata displays, and buttons.

Outliner

Work with your lists like in Workflowy or Roam Research.

Various Complements

Complete words similar to auto-completion in an IDE.

Style Settings

Adjust theme, plugin, and snippet CSS variables.

Creases

Tools for effectively folding Markdown sections.