All You Need To Know About Earning First $100 from Google Adsense Visit Post

How to use Ionicons in Web Page | One of the best Free Icons for Commercial Purpose

Posted By : Nicket Singh | Last Update : 10:44 AM | Category : | | |

Ionicons are beautifully crafted open source icons. Unlike other icon providing websites they provide icons for free to use under MIT license. These icons are very easy to use and come along in two different styles, Material Style and iOS Style. You can use these icons into your website, projects or any where you may feel like. Since they preserve their rights under MIT License, therefore you are required to put a copy of MIT license where ever you are using these premium icons.

How can you use Ionicons?



There are two methods of using these ionicons, one by downloading .svg file and the other by web component code.

Follow these steps to correctly use these Ionicons :-

1. Goto https://ionicons.com/



2. Select any App icons with any of the style.



3. Method 1 - Downloading .SVG File


          a. To use these ionicons by downloading SVG File, first download .svg file.



           b. Now open your project and include the following stylesheet inside <head> tag of your website.


<link href="https://unpkg.com/ionicons@4.3.0/dist/css/ionicons.min.css" rel="stylesheet">

          c. Now you can access the icon by following code

<ion-icon src="/path/to/external/file.svg"></ion-icon>

Method 2 - Web Component Code


           a. To use web component code firstly include the stylesheet inside your website's <head> tag.

<link href="https://unpkg.com/ionicons@4.3.0/dist/css/ionicons.min.css" rel="stylesheet">

           b. Now click any one of the icons and just copy the web component code and paste it wherever you want to use. The Code will appear like this


<ion-icon name="airplane"></ion-icon>


4. Now after using the icon to your website, it's time to include the MIT License.
Since, ionicons are licensed under MIT License you need to include the MIT license so that you may use these icons legally. You can include this license anywhere inside the website.


Copyright <YEAR> <COPYRIGHT HOLDER>
Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

No comments:

Post a Comment

Although every comment is appreciated, Keep in mind that any link or keyword in the comments may be the reason for deletion of your comment. Thanks for understanding!

#Techno Geek Network

#Proudly Hosted on Blogger


DMCA.com Protection Status

©2014-2016 Techno Geek Network | Technology and Science is What You Make It! | Designed by Satyendra