My-naam.svg

A simple svg generator.

Overview

my-naam.svg is a simple svg generator with couple of themes and fonts, simple to use with CSS namespaces.

Themes

1. Flicker



2. Glow



3. Transform



4. Wave

Usage

[![my-naame.svg](https://my-naam-svg.000webhostapp.com/?theme=wave&text=my-naam.svg)](https://github.com/KodingKhurram/my-naam.svg/)

url/?parameter1=value&parameter2=value&parameter3=value&.........

Parameters

global parameters

• height: - specify height of svg.
• width: - specify width of svg.

theme

Theme is the root paramater of svg generator, there are currently 4 themes namely,

1. flicker
2. glow
3. tranform
4. wave

?theme=flicker

text

The text for svg to contain.

?theme=flicker&text1=my-&text2=naam&text3=.svg

?theme=glow&text=my-naam.svg

?theme=transform&text=my_naam.svg

?theme=wave&text=my-naam.svg

CSS utilities

• background-color
• font
• font-size
• font-weight
• letter-spacing
• color
• text-align

special parameters

• container: - Only applicable on flicker theme, default value "on".
• border-color: - Only applicable on flicker theme, default value "#FF00E6".
• transform-color: - Only applicable on transform theme, default value "#37b9f1".

More detailed documentation in demo page :)

Fonts

1. codystar
2. icklips
3. lakkireddy
4. neonled

Demo

Demo page

Example usage

?theme=wave&text=SVGs%20Are%20Amazing&text-align=center&font-weight=bold&height=50&font-size=2rem&letter-spacing=2px

More examples on My profile

Version and release

• v1.0.0 {initial}

License

My-naam.svg is licensed under MIT license (https://opensource.org/licenses/MIT)

---

Made by Mohammed Khurram with ❤ .