Skip to content

Instantly share code, notes, and snippets.

What would you like to do?
Various snippets to add "Made with love" to your website using HTML, CSS and JavaScript
<!-- Example #1 - no styling -->
Made with ❤ in Switzerland
Made with ♥ in Switzerland
Made with ♡ in Switzerland
Made with ❤️ in Switzerland
Made with ♥️ in Switzerland
<!-- Example #2 - inline-styled ❤ -->
Made with <span style="color: #e25555;">&#9829;</span> in Switzerland
Made with <span style="color: #e25555;">&hearts;</span> in Switzerland
<!-- Example #3 - CSS-style class for ❤ -->
Made with <span class="heart"></span> in Switzerland
<!-- Example #4 - external ♥-icon -->
<link rel="stylesheet" type="text/css" href="" />
Made with <i class="icon ion-heart"></i> in Switzerland
Made with <i class="icon ion-heart" style="color: #e25555;"></i> in Switzerland
<!-- Example #5 - inline svg (provided by FontAwesome) -->
Made with <svg viewBox="0 0 1792 1792" preserveAspectRatio="xMidYMid meet" xmlns="" style="height: 0.8rem;"><path d="M896 1664q-26 0-44-18l-624-602q-10-8-27.5-26T145 952.5 77 855 23.5 734 0 596q0-220 127-344t351-124q62 0 126.5 21.5t120 58T820 276t76 68q36-36 76-68t95.5-68.5 120-58T1314 128q224 0 351 124t127 344q0 221-229 450l-623 600q-18 18-44 18z" fill="#e25555"></path></svg> in Switzerland
<!-- Example #6 - JavaScript Console log -->
'Made with %c♥%c in Switzerland',
'color: #e25555', 'color: unset'
Copy link

Fredo-XVII commented Apr 4, 2018

I'm not a CS major, could you explain how to make the heart in the first example? Is it just <3?

Copy link

oliveratgithub commented Apr 4, 2018

@Fredo-XVII the in the first example is actually the real Unicode char. You can copy it e.g. from

Copy link

jpcmf commented Apr 17, 2018

Thank you! :)

Copy link

bhshravankumar commented Jun 30, 2018

Thank you

Copy link

Edward-Aidi commented Nov 19, 2018

Thanks a lot!!

Copy link

davidomego commented Apr 16, 2019

Thank you totally what I needed

Copy link

shakilbinkarim commented May 30, 2019

Thanks a lot

Copy link

beevk commented Jun 12, 2019

Thanks a lot

Copy link

uurtech commented Jul 3, 2019

thank you

Copy link

adesal120 commented Feb 2, 2020

Thanks a lot

Copy link

hidaytrahman commented May 9, 2020


Copy link

F94Olivera commented May 21, 2020

Thanks! I used example #2 btw

Copy link

shantanu1905 commented Jun 20, 2020

Thanks a lot

Copy link

SerkZex commented Jul 21, 2020

Simple and consist just like how everything should be!

Copy link

SamX23 commented Jul 25, 2020

Thank you so much !

Copy link

LiDraco commented Aug 7, 2020


Copy link

jlearna commented Aug 15, 2020

Thanks for this

Copy link

webnuk commented Oct 11, 2020

Thank you

Copy link

talzcloning commented Nov 22, 2020


Copy link

oldphones68 commented Mar 23, 2021

Thanks a lot!

Copy link

oliveratgithub commented Mar 27, 2021

Rev. 5 update (968cdd2)

  • Enhanced example 1 with Emojis (thanks @A7bert for the contribution)
  • Added new Inline SVG example (thanks @bre7 for the contribution)

Rev. 7 update (968cdd2)

  • Added new JavaScript console log example

Rev. 8 update (968cdd2)

  • Added more Unicode chars to example 1

P.s.: these snippets are now also available directly within for macOS: «Made with love»-clip extension

Copy link

dotnethabib commented Jun 21, 2021

Love it, Thnx a lot, Hope near future get lots of snippet

Copy link

steve-gale commented May 19, 2022


Copy link

andideve commented Jul 29, 2022

Thank you so much!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment