Add nice SVG buttons to your Markdown files 🎨
- Build your button URL:
https://md-buttons.francoisvoron.com/button.svg?text=Hello%20World
- Add it to your Markdown content as an image:
![Hello world](https://md-buttons.francoisvoron.com/button.svg?text=Hello%20World)
- Enjoy!
![](https://md-buttons.francoisvoron.com/button.svg?text=Hello%20World&w=300)
![](https://md-buttons.francoisvoron.com/button.svg?text=Hello%20World&h=100)
By default, the font size will be automatically guessed so that the text fits within the desired width and height. You can however force a specific size, but in this case the text may overflow the button.
![](https://md-buttons.francoisvoron.com/button.svg?text=Hello%20World&fs=48)
![](https://md-buttons.francoisvoron.com/button.svg?text=Hello%20World&bg=e74c3c)
![](https://md-buttons.francoisvoron.com/button.svg?text=Hello%20World&fg=e74c3c)
![](https://md-buttons.francoisvoron.com/button.svg?text=Hello%20World&px=50)
![](https://md-buttons.francoisvoron.com/button.svg?text=Hello%20World&py=50)
![](https://md-buttons.francoisvoron.com/button.svg?text=Hello%20World&br=0)
MIT