Logos: Difference between revisions

From Freegle Wiki
Wiki revamp: restructure & modernise
 
(17 intermediate revisions by 6 users not shown)
Line 1: Line 1:
This page shows the Freegle logos for use on websites or printed material. Make sure you choose the correct version for your intended use so you get the highest possible quality. There are also details of the original vector graphics files which you can use to create your own graphics or print at any size without loss of quality. You may like to have a look at [[Using the Logo|Using the Logo]].  
This page shows the Freegle logos for use on websites or printed material. Choose the version that best suits your intended use, so you get the highest possible quality. There are also links to the original vector graphics files, which you can use to create your own graphics or print at any size without loss of quality. You may also want to look at [[Using the Logo]].


Note there is also a page of website [[Badges|Badges]] with code ready for you to drop into a webpage or your group description.<br>
There's also a page of website [[Badges]] with code ready to drop into a webpage or your group description.


== Freegle Heart (with text)  ==
== Customised logos for your group ==


Freegle heart with text, white background. See below if you want to use this over a non-white background.  
To get a customised logo for your group, contact graphics@ilovefreegle.org


=== Web page sizes  ===
The logos and home page/Facebook images for Norfolk and north Suffolk are here: https://drive.google.com/drive/u/0/folders/153VgzX0IEpHWiFJoqbWnLKApxmM3lw6A


[[Image:FreegleHeartMesmer64.png|Heart with text 64x64 pixels]] [[Image:FreegleHeartMesmer128.png|Heart with text 128x128 pixels]] [[Image:FreegleHeartMesmer160.png|Heart with text 160x160 pixels]] [[Image:FreegleHeartMesmer240.png|Heart with text 240x240 pixels]] [[Image:FreegleHeartMesmer320.png|Heart with text 320x320 pixels]]
== New logo ==


=== Print size  ===
This vector graphic logo is suitable for resizing to large images such as banners:


Use this for printing up to about 13cm. If you need anything larger [mailto:graphics@ilovefreegle.org email the graphics team]. Click on the image and save the full size version.  
[http://wiki.ilovefreegle.org/File:FreegleLogoVector.svg FreegleLogoVector.svg]


[[Image:FreegleHeartMesmer1024 print.png|320px]] [[Image:FreegleHeartMesmer bw 1024.png|320px]]
This is a 2354 x 2354 image.


== Freegle Heart (no inner text)  ==
[[Image:FreegleLogoNew2354.png|320px|2354 x 2354 px]]


Freegle heart, white background
== Previous logo ==


=== Web page sizes  ===
=== Standard ===


[[Image:FreegleHeart notext64.png|Heart 64x64 pixels]] [[Image:FreegleHeart128.png|Heart 128x128 pixels]] [[Image:FreegleHeart160.png|Heart 160x160 pixels]] [[Image:FreegleHeart240.png|Heart 240x240 pixels]] [[Image:FreegleHeart320.png|Heart 320x320 pixels]]  
[[Image:FreegleLogoNeo.jpeg|Neo cover photo with Freegle Logo]]


=== Print size  ===
=== Inverted ===


Use this for printing up to about 13cm. If you need anything larger either use the vector version below or email the graphics team. Click on the image and save the full size version.
[[Image:FreegleLogoInvertedNeo.jpeg|Neo cover photo with Freegle Logo, white on green]]


[[Image:FreegleHeart1024 print.png|320px]]
== Freegle Heart (with text) ==


== Freegle Heart inverted  ==
Freegle heart with text, white background. See below if you want to use this over a non-white background.


Freegle heart with text, green background.
=== Web page sizes ===


=== Web page sizes  ===
[[Image:FreegleHeartMesmer64.png|Heart with text 64x64 pixels]] [[Image:FreegleHeartMesmer128.png|Heart with text 128x128 pixels]] [[Image:FreegleHeartMesmer160.png|Heart with text 160x160 pixels]] [[Image:FreegleHeartMesmer240.png|Heart with text 240x240 pixels]] [[Image:FreegleHeartMesmer320.png|Heart with text 320x320 pixels]]


Choose the size you want to appear on your web page.
=== Print size ===


[[Image:FreegleHeartMesmerInverted128.png|Inverted heart with text 128x128 pixels]] [[Image:FreegleHeartMesmerInverted160.png|Inverted heart with text 160x160 pixels]] [[Image:FreegleHeartMesmerInverted240.png|Inverted heart with text 240x240 pixels]] [[Image:FreegleHeartMesmerInverted320.png|Inverted heart with text 320x320 pixels]]
Use this for printing up to about 13cm. If you need anything larger, [mailto:graphics@ilovefreegle.org email the graphics team]. Click the image and save the full-size version.


=== Print size  ===
[[Image:FreegleHeartMesmer1024 print.png|320px]] [[Image:FreegleHeartMesmer bw 1024.png|320px]]


Use this for printing up to about 13cm. If you need anything larger [mailto:graphics@ilovefreegle.org email the graphics team]. Click on the image and save the full size version.
== Freegle Heart (no inner text) ==


[[Image:FreegleHeartInverted1024 print.png|320px|Inverted heart with text 1024x1024 pixels]]
Freegle heart, white background.


== Fully Transparent Freegle Heart (with text)  ==
=== Web page sizes ===


Freegle heart with text with transparent background for use on pale non white backgrounds.<br>
[[Image:FreegleHeart notext64.png|Heart 64x64 pixels]] [[Image:FreegleHeart128.png|Heart 128x128 pixels]] [[Image:FreegleHeart160.png|Heart 160x160 pixels]] [[Image:FreegleHeart240.png|Heart 240x240 pixels]] [[Image:FreegleHeart320.png|Heart 320x320 pixels]]


=== Web page sizes  ===
=== Print size ===


Choose the size you want to appear on your web page.  
Use this for printing up to about 13cm. If you need anything larger, either use the vector version below or email the graphics team. Click the image and save the full-size version.


[[Image:FreegleHeartMesmer trans 64.png|Heart with text 64x64 pixels]] [[Image:FreegleHeartMesmer trans 128.png|Heart with text 128x128 pixels]] [[Image:FreegleHeartMesmer trans 160.png|Heart with text 160x160 pixels]] [[Image:FreegleHeartMesmer trans 240.png|Heart with text 240x240 pixels]] [[Image:FreegleHeartMesmer trans 320.png|Heart with text 320x320 pixels]]  
[[Image:FreegleHeart1024 print.png|320px]]


=== Print size  ===
== Freegle Heart inverted ==


Use this for printing up to about 13cm. If you need anything larger [mailto:graphics@ilovefreegle.org email the graphics team]. Click on the image and save the full size version.  
Freegle heart with text, green background.


[[Image:FreegleHeartMesmer trans 1024.png|320px]]
=== Web page sizes ===


== Transparent Freegle Heart with solid heart (with text)  ==
Choose the size you want on your web page.


Freegle heart with text, transparent outer and solid white heart background for use on non white backgrounds. Works better on darker backgrounds than the fully transparent version above.  
[[Image:FreegleHeartMesmerInverted128.png|Inverted heart with text 128x128 pixels]] [[Image:FreegleHeartMesmerInverted160.png|Inverted heart with text 160x160 pixels]] [[Image:FreegleHeartMesmerInverted240.png|Inverted heart with text 240x240 pixels]] [[Image:FreegleHeartMesmerInverted320.png|Inverted heart with text 320x320 pixels]]


=== Web page sizes  ===
=== Print size ===


Choose the size you want to appear on your web page.  
Use this for printing up to about 13cm. If you need anything larger, [mailto:graphics@ilovefreegle.org email the graphics team]. Click the image and save the full-size version.


[[Image:FreegleHeartMesmer trans outer 64.png|Heart with text 64x64 pixels]] [[Image:FreegleHeartMesmer trans outer 128.png|Heart with text 128x128 pixels]] [[Image:FreegleHeartMesmer trans outer 160.png|Heart with text 160x160 pixels]] [[Image:FreegleHeartMesmer trans outer 240.png|Heart with text 240x240 pixels]] [[Image:FreegleHeartMesmer trans outer 320.png|Heart with text 320x320 pixels]]  
[[Image:FreegleHeartInverted1024 print.png|320px|Inverted heart with text 1024x1024 pixels]]


=== Print size  ===
== Fully transparent Freegle Heart (with text) ==


Use this for printing up to about 13cm. If you need anything larger [mailto:graphics@ilovefreegle.org email the graphics team]. Click on the image and save the full size version.  
Freegle heart with text, transparent background, for use on pale non-white backgrounds.


[[Image:FreegleHeartMesmer trans outer 1024.png|320px]]
=== Web page sizes ===


== Freegle heart with web address  ==
Choose the size you want on your web page.


Freegle heart with ilovefreegle.org
[[Image:FreegleHeartMesmer trans 64.png|Heart with text 64x64 pixels]] [[Image:FreegleHeartMesmer trans 128.png|Heart with text 128x128 pixels]] [[Image:FreegleHeartMesmer trans 160.png|Heart with text 160x160 pixels]] [[Image:FreegleHeartMesmer trans 240.png|Heart with text 240x240 pixels]] [[Image:FreegleHeartMesmer trans 320.png|Heart with text 320x320 pixels]]


=== Web page sizes  ===
=== Print size ===


Choose the size you want to appear on your web page.  
Use this for printing up to about 13cm. If you need anything larger, [mailto:graphics@ilovefreegle.org email the graphics team]. Click the image and save the full-size version.


[[Image:Ilovefreegle.org64.png|ilovefreegle.org 64x64 pixels]] [[Image:Ilovefreegle.org128.png|ilovefreegle.org 128x128 pixels]] [[Image:Ilovefreegle.org160.png|ilovefreegle.org 160x160 pixels]]  
[[Image:FreegleHeartMesmer trans 1024.png|320px]]


=== Print size  ===
== Transparent Freegle Heart with solid heart (with text) ==


Click on the image and download the full size version.  
Freegle heart with text, transparent outer and solid white heart background, for use on non-white backgrounds. Works better than the fully transparent version above on darker backgrounds.


[[Image:Ilovefreegle160 print.png|320px|ilovefreegle.org 1133x160 pixels]] Use for printing up to 14cm x 2cm.
=== Web page sizes ===


[[Image:Ilovefreegle320 print.png|320px|ilovefreegle.org 2266x320 pixels]] Use for printing up to 28cm x 4cm.  
Choose the size you want on your web page.


[[Image:Ilovefreegle1024 print.png|320px|ilovefreegle.org 7252x1024 pixels]] Use for printing up to 92cm x 13cm.  
[[Image:FreegleHeartMesmer trans outer 64.png|Heart with text 64x64 pixels]] [[Image:FreegleHeartMesmer trans outer 128.png|Heart with text 128x128 pixels]] [[Image:FreegleHeartMesmer trans outer 160.png|Heart with text 160x160 pixels]] [[Image:FreegleHeartMesmer trans outer 240.png|Heart with text 240x240 pixels]] [[Image:FreegleHeartMesmer trans outer 320.png|Heart with text 320x320 pixels]]


== Vector graphics  ==
=== Print size ===


There are versions of the above in SVG format. You can use these in many drawing programs including the free Inkscape. They can be printed at any size without loss of quality and so are ideal for large banners or posters.
Use this for printing up to about 13cm. If you need anything larger, [mailto:graphics@ilovefreegle.org email the graphics team]. Click the image and save the full-size version.
 
[[Image:FreegleHeartMesmer trans outer 1024.png|320px]]
 
== Freegle heart with web address ==
 
Freegle heart with ilovefreegle.org.
 
=== Web page sizes ===
 
Choose the size you want on your web page.
 
[[Image:Ilovefreegle.org64.png|ilovefreegle.org 64x64 pixels]] [[Image:Ilovefreegle.org128.png|ilovefreegle.org 128x128 pixels]] [[Image:Ilovefreegle.org160.png|ilovefreegle.org 160x160 pixels]]
 
=== Print size ===
 
Click the image and download the full-size version.
 
[[Image:Ilovefreegle160 print.png|320px|ilovefreegle.org 1133x160 pixels]] Use for printing up to 14cm x 2cm.
 
[[Image:Ilovefreegle320 print.png|320px|ilovefreegle.org 2266x320 pixels]] Use for printing up to 28cm x 4cm.
 
[[Image:Ilovefreegle1024 print.png|320px|ilovefreegle.org 7252x1024 pixels]] Use for printing up to 92cm x 13cm.
 
== Vector graphics ==
 
The above logos are also available in SVG format. You can use these in many drawing programs, including the free Inkscape. They can be printed at any size without loss of quality, so are ideal for large banners or posters.


=== Fully vector versions ===
=== Fully vector versions ===


Use these if you haven't got the Mesmer font.
Use these if you don't have the Mesmer font.


[[Image:FreegleHeartMesmer_vector.svg|240px]] Freegle heart on a white background.
[[Image:FreegleHeartMesmer_vector.svg|240px]] Freegle heart on a white background.
Line 111: Line 137:
[[Image:FreegleHeartMesmer_trans_outer_vector.svg|240px]] Freegle heart with transparent outer and white background for the heart. For use on most non-white backgrounds.
[[Image:FreegleHeartMesmer_trans_outer_vector.svg|240px]] Freegle heart with transparent outer and white background for the heart. For use on most non-white backgrounds.


[[Image:FreegleHeartMesmer_trans_vector.svg|240px]] Freegle heart with transparent background. For use on backgrounds that contrast with the Freegle green.
[[Image:FreegleHeartMesmer_trans_vector.svg|240px]] Freegle heart with transparent background. For use on backgrounds that contrast with Freegle green.


=== Versions with original text ===
=== Versions with original text ===


Use these if you have the Mesmer font and want to alter the text (eg. to make a customised version for your group). Note the thumbnails here uses the wrong font but if you download the SVG and have a copy of Mesmer then it will look correct.
Use these if you have the Mesmer font and want to alter the text (for example, to make a customised version for your group). The thumbnails here use the wrong font, but if you download the SVG and have a copy of Mesmer, it'll look correct.


[[Image:FreegleHeartMesmer.svg|240px]] Freegle heart on a white background.
[[Image:FreegleHeartMesmer.svg|240px]] Freegle heart on a white background.
Line 121: Line 147:
[[Image:FreegleHeartMesmer_trans_outer.svg|240px]] Freegle heart with transparent outer and white background for the heart. For use on most non-white backgrounds.
[[Image:FreegleHeartMesmer_trans_outer.svg|240px]] Freegle heart with transparent outer and white background for the heart. For use on most non-white backgrounds.


[[Image:FreegleHeartMesmer_trans.svg|240px]] Freegle heart with text, transparent background. For use on backgrounds that contrast with the Freegle green.
[[Image:FreegleHeartMesmer_trans.svg|240px]] Freegle heart with text, transparent background. For use on backgrounds that contrast with Freegle green.
 
== Loader ==
 
This ZIP file contains the assets for the loader animated image.
 
[https://drive.google.com/file/d/1jg0VeVXvCXES5__Ua0mc5bwu3uA4k_tk/view?usp=share_link ZIP file]


Back to [[PR Materials]]  
Back to [[PR Materials]]


[[Category:PR_Materials]] [[Category:Home_Page_Help]]
[[Category:Promotion & Publicity]]

Latest revision as of 12:00, 17 July 2026

This page shows the Freegle logos for use on websites or printed material. Choose the version that best suits your intended use, so you get the highest possible quality. There are also links to the original vector graphics files, which you can use to create your own graphics or print at any size without loss of quality. You may also want to look at Using the Logo.

There's also a page of website Badges with code ready to drop into a webpage or your group description.

Customised logos for your group

To get a customised logo for your group, contact graphics@ilovefreegle.org

The logos and home page/Facebook images for Norfolk and north Suffolk are here: https://drive.google.com/drive/u/0/folders/153VgzX0IEpHWiFJoqbWnLKApxmM3lw6A

This vector graphic logo is suitable for resizing to large images such as banners:

FreegleLogoVector.svg

This is a 2354 x 2354 image.

2354 x 2354 px

Standard

Neo cover photo with Freegle Logo

Inverted

Neo cover photo with Freegle Logo, white on green

Freegle Heart (with text)

Freegle heart with text, white background. See below if you want to use this over a non-white background.

Web page sizes

Heart with text 64x64 pixels Heart with text 128x128 pixels Heart with text 160x160 pixels Heart with text 240x240 pixels Heart with text 320x320 pixels

Print size

Use this for printing up to about 13cm. If you need anything larger, email the graphics team. Click the image and save the full-size version.

Freegle Heart (no inner text)

Freegle heart, white background.

Web page sizes

Heart 64x64 pixels Heart 128x128 pixels Heart 160x160 pixels Heart 240x240 pixels Heart 320x320 pixels

Print size

Use this for printing up to about 13cm. If you need anything larger, either use the vector version below or email the graphics team. Click the image and save the full-size version.

Freegle Heart inverted

Freegle heart with text, green background.

Web page sizes

Choose the size you want on your web page.

Inverted heart with text 128x128 pixels Inverted heart with text 160x160 pixels Inverted heart with text 240x240 pixels Inverted heart with text 320x320 pixels

Print size

Use this for printing up to about 13cm. If you need anything larger, email the graphics team. Click the image and save the full-size version.

Inverted heart with text 1024x1024 pixels

Fully transparent Freegle Heart (with text)

Freegle heart with text, transparent background, for use on pale non-white backgrounds.

Web page sizes

Choose the size you want on your web page.

Heart with text 64x64 pixels Heart with text 128x128 pixels Heart with text 160x160 pixels Heart with text 240x240 pixels Heart with text 320x320 pixels

Print size

Use this for printing up to about 13cm. If you need anything larger, email the graphics team. Click the image and save the full-size version.

Transparent Freegle Heart with solid heart (with text)

Freegle heart with text, transparent outer and solid white heart background, for use on non-white backgrounds. Works better than the fully transparent version above on darker backgrounds.

Web page sizes

Choose the size you want on your web page.

Heart with text 64x64 pixels Heart with text 128x128 pixels Heart with text 160x160 pixels Heart with text 240x240 pixels Heart with text 320x320 pixels

Print size

Use this for printing up to about 13cm. If you need anything larger, email the graphics team. Click the image and save the full-size version.

Freegle heart with web address

Freegle heart with ilovefreegle.org.

Web page sizes

Choose the size you want on your web page.

ilovefreegle.org 64x64 pixels ilovefreegle.org 128x128 pixels ilovefreegle.org 160x160 pixels

Print size

Click the image and download the full-size version.

ilovefreegle.org 1133x160 pixels Use for printing up to 14cm x 2cm.

ilovefreegle.org 2266x320 pixels Use for printing up to 28cm x 4cm.

ilovefreegle.org 7252x1024 pixels Use for printing up to 92cm x 13cm.

Vector graphics

The above logos are also available in SVG format. You can use these in many drawing programs, including the free Inkscape. They can be printed at any size without loss of quality, so are ideal for large banners or posters.

Fully vector versions

Use these if you don't have the Mesmer font.

File:FreegleHeartMesmer vector.svg Freegle heart on a white background.

Freegle heart with transparent outer and white background for the heart. For use on most non-white backgrounds.

Freegle heart with transparent background. For use on backgrounds that contrast with Freegle green.

Versions with original text

Use these if you have the Mesmer font and want to alter the text (for example, to make a customised version for your group). The thumbnails here use the wrong font, but if you download the SVG and have a copy of Mesmer, it'll look correct.

Freegle heart on a white background.

Freegle heart with transparent outer and white background for the heart. For use on most non-white backgrounds.

Freegle heart with text, transparent background. For use on backgrounds that contrast with Freegle green.

Loader

This ZIP file contains the assets for the loader animated image.

ZIP file

Back to PR Materials