Obsidian Stats logoObsidian Stats

SVG Style Editor

by ARGOSTA
5
4
3
2
1
Score: 32/100
Install Code

Description

Category: Note Enhancements
#svg#styler

The SVG Styler Plugin for Obsidian brings convenient customization for SVG files directly into your note-taking workspace. With this plugin, users can adjust various style properties-like color, border, and opacity-of embedded SVGs, all within the editor. It's particularly useful for those who use icons or other SVG visuals in their notes and want to personalize their appearance without switching to external tools. The plugin allows you to save changes directly to the original SVG or create a duplicate with the new styles applied, giving flexibility for different use cases. A simple command palette action makes styling easy, offering a streamlined way to manage SVG visuals right from within Obsidian.

Reviews

No reviews yet.

Stats

7
stars
1,182
downloads
0
forks
544
days
264
days
547
days
0
total PRs
0
open PRs
0
closed PRs
0
merged PRs
3
total issues
3
open issues
0
closed issues
24
commits

Latest Version

1.1.2
2 years ago

Changelog

:wrench: Patch 1.1.2: In response to #4436:eyes:, this patch fixed UI, naming, code style, and API usage issues.

See all version on GitHub

README file from

Github

SVG Styler Plugin

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.

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.

Similar Plugins

info
• Similar plugins are suggested based on the common tags between the plugins.
Icon Swapper
5 years ago by mgmeyers
Allows swapping out Obsidian's icons
SwiftLaTeX Render
2 years ago by gboyd068
Iconoir Icons
3 years ago by @gapmiss
A plugin for creating customized icons in Obsidian.md
Textgrams
a year ago by Akop Kesheshyan
Create and store ASCII graphics in your Obsidian
My SVGs
4 months ago by Omar Badawy
An Obsidian plugin that Registers your own SVGs into Obsidian's global icon library for use with other plugins or however you want.
Sponsors