<!-- option 1 just the image -->
<img src="sample.svg" />
<!-- option 2 svg with animations or interactions -->
<object type="image/svg+xml" data="sample.svg"></object>
<!-- option 3 with animations and if you want to search the image -->
<object type="image/svg+xml" data="sample.svg">
<img src="sample.svg" />
</object>
<!-- option 4 directly on the html all the svg file -->
<body>
<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
<circle cx="50" cy="50" r="40" stroke="blue" stroke-width="4" fill="red" />
</svg>
</body>
Code Example |
---|
Html :: iframe center |
Html :: bootstrap 5 background color |
Html :: text bold in .md file |
Html :: Get Session content on cshtml |
Html :: aos |
Html :: embed recaptcha in html |
Html :: website |
Html :: text monospace bootstrap |
Html :: tailwind rotate 180 |
Html :: onsubmit in html |
Html :: asp net mvc 5 add logo to navbar |
Html :: how to import popper.js |
Html :: alert tailwind css |
Html :: laravel raw html |
Html :: rowspan |
Html :: append button in div |
Html :: mailto in html |
Html :: HTML Image Maps |
Html :: how to add function to button in html |
Html :: flutter web load html |
Html :: placeholder in date input html |
Html :: discord widget html code |
Html :: how to accossate an id to html elemtnts |
Html :: html element hover help text |
Html :: how to increaase font size on html |
Html :: link href |
Html :: create a container in html |
Html :: submit button out of from |
Html :: html select default value |
Html :: html insert image |