SVG collection. Turn the pretty heart into your own branded heart using SVG
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.
Name | Code | SVG | PNGs |
---|---|---|---|
Among Us | : among_us : | 16px, 32px, 64px, 128px, 256px, 512px, 1024px | |
Black Heart | : black_heart : | 16px, 32px, 64px, 128px, 256px, 512px, 1024px | |
Blue Heart | : blue_heart : | 16px, 32px, 64px, 128px, 256px, 512px, 1024px | |
Canada Heart | : canada_heart : | 16px, 32px, 64px, 128px, 256px, 512px, 1024px | |
Deepgram Heart | : deepgram_heart : | 16px, 32px, 64px, 128px, 256px, 512px, 1024px | |
Digital Ocean Heart | : digital_ocean_heart : | 16px, 32px, 64px, 128px, 256px, 512px, 1024px | |
England Heart | : england_heart : | 16px, 32px, 64px, 128px, 256px, 512px, 1024px | |
European Union Heart | : european_union_heart : | 16px, 32px, 64px, 128px, 256px, 512px, 1024px | |
Fall Guys Heart | : fall_guys_heart : | 16px, 32px, 64px, 128px, 256px, 512px, 1024px | |
Germany Heart | : germany_heart : | 16px, 32px, 64px, 128px, 256px, 512px, 1024px | |
Green Heart | : green_heart : | 16px, 32px, 64px, 128px, 256px, 512px, 1024px | |
Hf Heart 2019 | : hf_heart_2019 : | 16px, 32px, 64px, 128px, 256px, 512px, 1024px | |
Hf Heart 2020 | : hf_heart_2020 : | 16px, 32px, 64px, 128px, 256px, 512px, 1024px | |
Hf Heart 2021 | : hf_heart_2021 : | 16px, 32px, 64px, 128px, 256px, 512px, 1024px | |
Hf Pixel Heart 21 | : hf_pixel_heart_21 : | 16px, 32px, 64px, 128px, 256px, 512px, 1024px | |
India Heart | : india_heart : | 16px, 32px, 64px, 128px, 256px, 512px, 1024px | |
Indigo Heart | : indigo_heart : | 16px, 32px, 64px, 128px, 256px, 512px, 1024px | |
Italian Heart | : italian_heart : | 16px, 32px, 64px, 128px, 256px, 512px, 1024px | |
Javascript Heart | : javascript_heart : | 16px, 32px, 64px, 128px, 256px, 512px, 1024px | |
Orange Heart | : orange_heart : | 16px, 32px, 64px, 128px, 256px, 512px, 1024px | |
Pink Heart | : pink_heart : | 16px, 32px, 64px, 128px, 256px, 512px, 1024px | |
Pixel Heart | : pixel_heart : | 16px, 32px, 64px, 128px, 256px, 512px, 1024px | |
Pride Heart | : pride_heart : | 16px, 32px, 64px, 128px, 256px, 512px, 1024px | |
Purple Heart | : purple_heart : | 16px, 32px, 64px, 128px, 256px, 512px, 1024px | |
Red Heart | : red_heart : | 16px, 32px, 64px, 128px, 256px, 512px, 1024px | |
Scotland Heart | : scotland_heart : | 16px, 32px, 64px, 128px, 256px, 512px, 1024px | |
Trans Pride Flag | : trans_pride_flag : | 16px, 32px, 64px, 128px, 256px, 512px, 1024px | |
Uk Heart | : uk_heart : | 16px, 32px, 64px, 128px, 256px, 512px, 1024px | |
Usa Heart | : usa_heart : | 16px, 32px, 64px, 128px, 256px, 512px, 1024px | |
Vonage Heart | : vonage_heart : | 16px, 32px, 64px, 128px, 256px, 512px, 1024px | |
Wales Heart | : wales_heart : | 16px, 32px, 64px, 128px, 256px, 512px, 1024px | |
White Heart | : white_heart : | 16px, 32px, 64px, 128px, 256px, 512px, 1024px | |
Yellow Heart | : yellow_heart : | 16px, 32px, 64px, 128px, 256px, 512px, 1024px |
src
directory.npm install
(first time only).npm run build
to generate the PNG versions and update the READMEBecause, open source at its finest. And, good heart emojis are hard.
The contents of this project are licensed under the MIT license.