/dev-hearts

SVG collection. Turn the pretty heart into your own branded heart using SVG

Primary LanguageJavaScriptMIT LicenseMIT

Dev Hearts

It all started with the beautiful rainbow "Vonage" heart emoji I made in Photoshop, that used the Vonage brand guidelines "gradient" as background colour. It was so pretty, it became popular on the Vonage internal Slack and then used by the Vonage community team on other platforms, like the Hacktoberfest Discord.

Now, it has been re-created as SVG to be remixed into other pretty hearts.


All the hearts

Name Code SVG PNGs
Among Us : among_us : among_us 16px, 32px, 64px, 128px, 256px, 512px, 1024px
Black Heart : black_heart : black_heart 16px, 32px, 64px, 128px, 256px, 512px, 1024px
Blue Heart : blue_heart : blue_heart 16px, 32px, 64px, 128px, 256px, 512px, 1024px
Canada Heart : canada_heart : canada_heart 16px, 32px, 64px, 128px, 256px, 512px, 1024px
Deepgram Heart : deepgram_heart : deepgram_heart 16px, 32px, 64px, 128px, 256px, 512px, 1024px
Digital Ocean Heart : digital_ocean_heart : digital_ocean_heart 16px, 32px, 64px, 128px, 256px, 512px, 1024px
England Heart : england_heart : england_heart 16px, 32px, 64px, 128px, 256px, 512px, 1024px
European Union Heart : european_union_heart : european_union_heart 16px, 32px, 64px, 128px, 256px, 512px, 1024px
Fall Guys Heart : fall_guys_heart : fall_guys_heart 16px, 32px, 64px, 128px, 256px, 512px, 1024px
Green Heart : green_heart : green_heart 16px, 32px, 64px, 128px, 256px, 512px, 1024px
Hf Heart 2019 : hf_heart_2019 : hf_heart_2019 16px, 32px, 64px, 128px, 256px, 512px, 1024px
Hf Heart 2020 : hf_heart_2020 : hf_heart_2020 16px, 32px, 64px, 128px, 256px, 512px, 1024px
Hf Heart 2021 : hf_heart_2021 : hf_heart_2021 16px, 32px, 64px, 128px, 256px, 512px, 1024px
Hf Pixel Heart 21 : hf_pixel_heart_21 : hf_pixel_heart_21 16px, 32px, 64px, 128px, 256px, 512px, 1024px
India Heart : india_heart : india_heart 16px, 32px, 64px, 128px, 256px, 512px, 1024px
Italian Heart : italian_heart : italian_heart 16px, 32px, 64px, 128px, 256px, 512px, 1024px
Orange Heart : orange_heart : orange_heart 16px, 32px, 64px, 128px, 256px, 512px, 1024px
Pixel Heart : pixel_heart : pixel_heart 16px, 32px, 64px, 128px, 256px, 512px, 1024px
Pride Heart : pride_heart : pride_heart 16px, 32px, 64px, 128px, 256px, 512px, 1024px
Purple Heart : purple_heart : purple_heart 16px, 32px, 64px, 128px, 256px, 512px, 1024px
Red Heart : red_heart : red_heart 16px, 32px, 64px, 128px, 256px, 512px, 1024px
Scotland Heart : scotland_heart : scotland_heart 16px, 32px, 64px, 128px, 256px, 512px, 1024px
Trans Pride Flag : trans_pride_flag : trans_pride_flag 16px, 32px, 64px, 128px, 256px, 512px, 1024px
Uk Heart : uk_heart : uk_heart 16px, 32px, 64px, 128px, 256px, 512px, 1024px
Usa Heart : usa_heart : usa_heart 16px, 32px, 64px, 128px, 256px, 512px, 1024px
Vonage Heart : vonage_heart : vonage_heart 16px, 32px, 64px, 128px, 256px, 512px, 1024px
Wales Heart : wales_heart : wales_heart 16px, 32px, 64px, 128px, 256px, 512px, 1024px
White Heart : white_heart : white_heart 16px, 32px, 64px, 128px, 256px, 512px, 1024px
Yellow Heart : yellow_heart : yellow_heart 16px, 32px, 64px, 128px, 256px, 512px, 1024px

Contributing

  • Fork this repository, then clone it to your machine.
  • Create your own heart SVG in the src directory.
  • Run npm install (first time only).
  • Run npm run build to generate the PNG versions and update the README
  • Commit changes.
  • Push!

Why?

Because, open source at its finest. And, good heart emojis are hard.

License

The contents of this project are licensed under the MIT license.