However, these icons are still very general. It gathers the essential icons that a website might need. Heroicons is an open source icon library created by Tailwind. By choice of optimization, this animation is light and made in CSS. In addition, and as indicated above, on some icons there is an animation when the mouse passes over them. A fill animation is done when the mouse passes over this icon line : this adds a line below the icon.circle : this adds a circle in the background of the icon.A fill animation is made when the mouse passes over this icon rect : it adds a square in the background of the icon.basic : it is the icon drawn in outline "stroke". You will surely notice it, but I prefer to indicate it to you, for each icon, there are 5 variants in the library: Here are the steps to follow:ġ- I go to the library and in the search bar I write LightbulbĢ- I choose among the displayed icons the one I want to recoverĬongratulations, you have recovered the Lightbulb icon! Second point, it is possible to use the SVGs of the library directly in HTML, by copying the SVG code available on the library. # Display an SVG from the HTML of Django or Wagtail This action allows you to select in one click the desired icon when creating a web page. Indeed, a simple command allows to import all the icons in the database. To simplify the use of the library, Snoweb has thought of everything.įirst of all, there is a Python module that allows to use the library with Django and Wagtail. No Javascript code is used, either in the library, in its installation or in its use. When the page is loaded, Snoweb SVG only needs to load a CSS file that gathers all the mechanisms of : Snoweb SVG does not require to load all the files when loading the web page which, as we know, increases the loading time of the page. Indeed, it is different from the current icon libraries. This library has been designed to respect the optimization constraints of a website.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |