Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

How to install ionicons to Squarespace?


gallop

Question

Site URL: https://ionicons.com/

Hi everyone,

I found out that https://ionicons.com/ is similar to Font Awesome, in which you can use designed icons on your website. However, I couldn't figure out how to use their icons in Squarespace. Does anyone know how to do it? I need to install it to the Squarespace 7.0 Brine template.

 

I installed this text from their website to do Code Injection Header 

<script src="https://unpkg.com/ionicons@5.1.2/dist/ionicons.js"></script>

Then add this code to the Markdown , but nothing happened.

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

Am I doing anything wrong? 

 

Thank you.

Link to post
  • Answers 6
  • Created
  • Last Reply

Top Posters For This Question

Popular Days

Top Posters For This Question

Popular Posts

Add to Code Block Also, can you share link to page where you inserted above code?

With Code Block, browser will show original code <icon...> With markdown block, browser will wrap p tag around your code <p><ion...</p>

Yes. Just tested with Markdown Block. You can only use Code Block

6 answers to this question

Recommended Posts

  • 0

Add to Code Block

Also, can you share link to page where you inserted above code?

You can send your question to my email to get faster answer. / How to Setup Password & Share URL 

-- I'm Tuan, work for a non-profit project (build free libraries). I check the forum once or twice a day to help out the community. If you don't see me answering your question, you can send it to the email above. 

Link to post
  • 0

@tuanphan You are right, I added the code to Code Block and it did the job, thank you. Do you know why the code didn't work for Markdown block? I thought Code Block and Markdown Block have similar function, do they?

 

My page is gallopapartments.com ; password: hello

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

 

Link to post
  • 0
1 minute ago, gallop said:

@tuanphan You are right, I added the code to Code Block and it did the job, thank you. Do you know why the code didn't work for Markdown block? I thought Code Block and Markdown Block have similar function, do they?

 

My page is gallopapartments.com ; password: hello


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

 

With Code Block, browser will show original code <icon...>

With markdown block, browser will wrap p tag around your code <p><ion...</p>

You can send your question to my email to get faster answer. / How to Setup Password & Share URL 

-- I'm Tuan, work for a non-profit project (build free libraries). I check the forum once or twice a day to help out the community. If you don't see me answering your question, you can send it to the email above. 

Link to post
  • 0

I see, so it means the html code from Ion Icons website can only be used in Code Block, is that correct? Thanks.

Link to post
  • 0
6 minutes ago, gallop said:

I see, so it means the html code from Ion Icons website can only be used in Code Block, is that correct? Thanks.

Yes. Just tested with Markdown Block.

You can only use Code Block

You can send your question to my email to get faster answer. / How to Setup Password & Share URL 

-- I'm Tuan, work for a non-profit project (build free libraries). I check the forum once or twice a day to help out the community. If you don't see me answering your question, you can send it to the email above. 

Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...