Skip to content

Instantly share code, notes, and snippets.

Embed
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 ❤ -->
<style>.heart{color:#e25555;}</style>
Made with <span class="heart"></span> in Switzerland
<!-- Example #4 - external ♥-icon -->
<link rel="stylesheet" type="text/css" href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css" />
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="http://www.w3.org/2000/svg" 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 -->
<script>
console.info(
'Made with %c♥%c in Switzerland',
'color: #e25555', 'color: unset'
);
</script>
@Fredo-XVII
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?

@oliveratgithub
Copy link
Author

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 http://unicodeheart.com

@jpcmf
Copy link

jpcmf commented Apr 17, 2018

Thank you! :)

@bhshravankumar
Copy link

bhshravankumar commented Jun 30, 2018

Thank you

@Edward-Aidi
Copy link

Edward-Aidi commented Nov 19, 2018

Thanks a lot!!

@davidomego
Copy link

davidomego commented Apr 16, 2019

Thank you totally what I needed

@shakilbinkarim
Copy link

shakilbinkarim commented May 30, 2019

Thanks a lot

@beevk
Copy link

beevk commented Jun 12, 2019

Thanks a lot

@uurtech
Copy link

uurtech commented Jul 3, 2019

thank you

@adesal120
Copy link

adesal120 commented Feb 2, 2020

Thanks a lot

@hidaytrahman
Copy link

hidaytrahman commented May 9, 2020

Beautiful

@F94Olivera
Copy link

F94Olivera commented May 21, 2020

Thanks! I used example #2 btw

@shantanu1905
Copy link

shantanu1905 commented Jun 20, 2020

Thanks a lot

@SerkZex
Copy link

SerkZex commented Jul 21, 2020

Simple and consist just like how everything should be!

@SamX23
Copy link

SamX23 commented Jul 25, 2020

Thank you so much !

@LiDraco
Copy link

LiDraco commented Aug 7, 2020

Thanks!

@jlearna
Copy link

jlearna commented Aug 15, 2020

Thanks for this

@webnuk
Copy link

webnuk commented Oct 11, 2020

Thank you

@talzcloning
Copy link

talzcloning commented Nov 22, 2020

Thanks

@oldphones68
Copy link

oldphones68 commented Mar 23, 2021

Thanks a lot!

@oliveratgithub
Copy link
Author

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 Nova.app for macOS: «Made with love»-clip extension

@dotnethabib
Copy link

dotnethabib commented Jun 21, 2021

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

@steve-gale
Copy link

steve-gale commented May 19, 2022

Thankeee

@andideve
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