obsidian-creases icon indicating copy to clipboard operation
obsidian-creases copied to clipboard

FR: ability to change lucide icon in settings

Open riddlew opened this issue 2 years ago • 7 comments

Would it be possible to add an option in the settings to change the lucide icon used for creases. I'm not a fan of having shirt icons throughout my notes, and wanted to change it to something a little more minimal.

riddlew avatar Sep 29 '23 19:09 riddlew

Any update on this? I've been looking for a fix but no luck.

nydcroxas avatar Dec 04 '23 14:12 nydcroxas

Wish we didn't have to have an icon at all. This plugin won't be usable for me until the icon is removed.

sicahjes avatar Mar 15 '24 00:03 sicahjes

This CSS snippet hides the shirt icon:

.cm-creases-icon {
    display: none;
}

FeralFlora avatar Mar 15 '24 09:03 FeralFlora

I would love this feature, shirt icon is out of place a bit

Iwuaa avatar Jun 05 '24 08:06 Iwuaa

Anybody every figure out how to do this?

mattmaiorana avatar Jun 12 '24 01:06 mattmaiorana

I would love this feature, shirt icon is out of place a bit

This one should work. Just replace the URL with whatever icon you like from https://lucide.dev/icons/

.svg-icon.lucide-shirt {
  color: transparent;
}
.cm-creases-icon{
  background: url(
    data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJsdWNpZGUgbHVjaWRlLWdyaXAiPjxjaXJjbGUgY3g9IjEyIiBjeT0iNSIgcj0iMSIvPjxjaXJjbGUgY3g9IjE5IiBjeT0iNSIgcj0iMSIvPjxjaXJjbGUgY3g9IjUiIGN5PSI1IiByPSIxIi8+PGNpcmNsZSBjeD0iMTIiIGN5PSIxMiIgcj0iMSIvPjxjaXJjbGUgY3g9IjE5IiBjeT0iMTIiIHI9IjEiLz48Y2lyY2xlIGN4PSI1IiBjeT0iMTIiIHI9IjEiLz48Y2lyY2xlIGN4PSIxMiIgY3k9IjE5IiByPSIxIi8+PGNpcmNsZSBjeD0iMTkiIGN5PSIxOSIgcj0iMSIvPjxjaXJjbGUgY3g9IjUiIGN5PSIxOSIgcj0iMSIvPjwvc3ZnPg==
    );
  background-repeat: no-repeat;
  background-size: .7em;
  background-position: 5% 75%;
}

yett1873 avatar Jun 20 '24 15:06 yett1873

I would love this feature, shirt icon is out of place a bit

This one should work. Just replace the URL with whatever icon you like from https://lucide.dev/icons/

.svg-icon.lucide-shirt {
  color: transparent;
}
.cm-creases-icon{
  background: url(
    data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJsdWNpZGUgbHVjaWRlLWdyaXAiPjxjaXJjbGUgY3g9IjEyIiBjeT0iNSIgcj0iMSIvPjxjaXJjbGUgY3g9IjE5IiBjeT0iNSIgcj0iMSIvPjxjaXJjbGUgY3g9IjUiIGN5PSI1IiByPSIxIi8+PGNpcmNsZSBjeD0iMTIiIGN5PSIxMiIgcj0iMSIvPjxjaXJjbGUgY3g9IjE5IiBjeT0iMTIiIHI9IjEiLz48Y2lyY2xlIGN4PSI1IiBjeT0iMTIiIHI9IjEiLz48Y2lyY2xlIGN4PSIxMiIgY3k9IjE5IiByPSIxIi8+PGNpcmNsZSBjeD0iMTkiIGN5PSIxOSIgcj0iMSIvPjxjaXJjbGUgY3g9IjUiIGN5PSIxOSIgcj0iMSIvPjwvc3ZnPg==
    );
  background-repeat: no-repeat;
  background-size: .7em;
  background-position: 5% 75%;
}

Civilian here :wave:, While this does work, it seems to not size well, and it will not be white, instead grey even when selecting #ffffff. I want to assume that if you have lucide Icons either from Iconize or Make.MD, they would fit better. How would you write it if you were to switch it out for another .svg-icon? For example square-chevron-down.

Bluemandan avatar Aug 02 '24 03:08 Bluemandan