Never wrestle with messy, lengthy SVG codes again! This project puts the power in your hands without the hassle. Select your desired SVG icon, and voilà! No more copying and pasting long, tangled codes. Let us handle the heavy lifting while you enjoy clean, efficient rendering from page load. It's the antidote to cluttered code chaos!
- Download the project files.
- Extract the files to your server directory.
- import the JS and CSS files on the pages using the link and script tags
// css
<link rel="stylesheet" href="css/style.css">
// JS
<script src="js/svg.js"></script>Once the files have been linked you can proceed to make use of the icons like:
<i svg="home" svg-width="25px" svg-class="svg-dark"></i>
<i svg="archive" svg-width="25px" svg-class="svg-dark"></i>
<i svg="calendar-edit" svg-width="25px" svg-class="svg-white" ></i>svg="" should contain the name of the icon you want to use
svg-width="" should contain the with you want to set your icon at
svg-class="" should contain all class names you want to apply to the svg
As this project contins few svg icons located at js/resources/icons.json, contributions to this project are welcomed! Feel free to fork the repository, make improvements, and submit pull requests.
##Dependencies
This project does not rely on any external dependencies, making it easy to set up and use.
This project is licensed under the MIT License.