Canvas Support

Using Non Font Icons

5 replies · opened Oct 13, 2018

AankushkbOct 13, 2018

Hello,

I want to use my custom icons which are basically PNG files to layout on my website in a way similar to what is attached in the image

How can I do this ?

I have also attached a sample icon image that I want to use.

Your help will be greatly appreciated

Regards,
Ankush

SSemicolon WebSTAFFOct 17, 2018

Hello,

This is Definitely Possible!

Simply replace the <i> Tag with your <img> Tag. Example: 


	
		[
![attachment](image.png)
](#)
	
	Responsive Layout
	
Powerful Layout with Responsive functionality that can be adapted to any screen size.

This will definitely work fine. Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

AankushkbOct 21, 2018

Thanks for your reply,

I have done the same but was wondering whether it was possible to somehow convert it to icons so that I can use it with <i> tag and get rollover effects etc..

SSemicolon WebSTAFFOct 21, 2018

Hello,

You can simply use the IcoMoon.io App: https://icomoon.io/app/#/select to Generate the Icon Stylesheet for this Specific Icon and then link it in the Document <head> to use it on your HTML Page.

This will definitely work fine. Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

AankushkbMar 6, 2019

Hello,

I am looking for some support to get my company web icon integrated into the website.
Basically i need
a) the icon to integrate properly with the website - there are some issues i am currently facing and i think you can help me on that
b) The icon must appear appropriately when browsed from mobile
c) Must work in IE 11
d) favicon

Can we do a 1 hour or 2 hour skype call to go over this and resolve please

Regards,
Ankush

SSemicolon WebSTAFFMar 7, 2019

Hello,

You can consider using the Icomoon Generator: https://icomoon.io/app/#/select to add your own Icons.

Unfortunately, we currently do not provide Customization Services according to the Item Support Policy: https://themeforest.net/page/item_support_policy . While we are always here to help you with any issues you face with any of the Templates/Features included with Canvas. So for any further customizations you will either need to manually code this yourself or Hire a Freelancer in order to help you with this.

Thanks for Understanding.

Let us know if we can help you with anything else or if you find any further issues.

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard