Learn Svg | Table O Contents

Place the introducing line of text ie.) the ‘tagline’ here …

Note. The Flammarion Logo Badge in the page header above is an .svg image file set to the dimensions of 5% width, auto height, and zoom. Go ahead and test the zoom-out feature by hovering over the badge to engage the expansion of the image.

SVG In Markup

Hint. Place the intro paragraph ie.) the ‘hypothesis’ here …

More to come …

![MMI™ Flammarion Logo Badge](/Browser-Lessons-Project/assets/img/svg/MMI-Medmj-Org-Got-Tree-Flammarion-Person-Through-Celestial-Sphere-circle-543-x-543.svg){:height="500px" width="500px"}

Here, we are using an original ( .xcf ) file that has been exported from GIMP as a ( .psd ) of dimensions 725px x 725px x 96dpi and then imported via Adobe Illustrator, or AI.

Once inside AI, the ( .psd ) file is then “save as” an ( .svg ).

Out comes an ( .svg ) file of dimensions 543.75px x 543.75px.

Now, an SVG file is both expandable and responsive.

To render a smaller version of the ( .svg ), simply append an appropriate height and width, as follows:

{:height="120px" width="120px"}

Live Image: SVG In Markup

The following Live rendition of the MMI™ Flammarion Logo Badge ( .svg ) image file is set to the dimensions of 500.00px x 500.00px.

MMI™ Flammarion Logo Badge

Last Subtitle

More to come …

Note. The above synopsis was derived from an article written by Blank Author [1].

  1. A Narrative of Psychology by Blank Author, Jan #1999


Please support the co-workers who aggregate the Source Links for our projects.


Like what you see in this project? If so, then support the authors and machine-elves who aggregate the source links and pages for our projects via Patreon.