Icons done right.
Boxicons 2.0.5
Flag Icons 3.4.6
- Example: https://rawgit.com/lesichkovm/webicons/master/example/flags-1x1.html
- Example: https://rawgit.com/lesichkovm/webicons/master/example/flags-4x3.html
Fontawesome 5.12.1
Ionicons 5.0.0
Typicons 2.0.7
Add to the end of the page, requires JQuery to be incuded on the page before this library
<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
- Step 1. Include only the iconset(s) you want
<script src="https://cdn.jsdelivr.net/gh/lesichkovm/webicons@v1.6.0/webicons.boxicons.js"></script>
<script src="https://cdn.jsdelivr.net/gh/lesichkovm/webicons@v1.6.0/webicons.flags_1x1"></script>
<script src="https://cdn.jsdelivr.net/gh/lesichkovm/webicons@v1.6.0/webicons.flags_4x3.js"></script>
<script src="https://cdn.jsdelivr.net/gh/lesichkovm/webicons@v1.6.0/webicons.fontawesome.js"></script>
<script src="https://cdn.jsdelivr.net/gh/lesichkovm/webicons@v1.6.0/webicons.ionicons.js"></script>
<script src="https://cdn.jsdelivr.net/gh/lesichkovm/webicons@v1.6.0/webicons.typicons.js"></script>
- Step 2. Include the icon runtime
<script src="https://cdn.jsdelivr.net/gh/lesichkovm/webicons@v1.5.0/webicons.runtime.js"></script>
Add data-icon attribute. The data-icon attribute supports the following format "iconset iconname".
<img data-icon="ionicons ios-log-out" style="width:48px;height:48px;color:red;" />
<img data-icon="fontawesome fas-card" style="width:48px;height:48px;color:red;" />
<img data-icon="typicons zoom" style="width:48px;height:48px;color:red;" />
var iconsets = iconsets || {};
iconsets.myicons = iconsets.myicons || {};
iconsets.myicons['myiconname'] = 'data:image/svg+xml;base64,MYICONASBASE64';
https://github.com/lipis/flag-icon-css
https://www.s-ings.com/typicons/
https://github.com/ionic-team/ionicons/tree/master/src/svg
https://github.com/stephenhutchings/typicons.font
https://github.com/atisawd/boxicons/tree/master/svg/
https://github.com/lipis/flag-icon-css
https://base64.guru/converter/encode/image/svg
https://feathericons.com/ (MIT License)