Adding PNG files incl. stickers
- adapting README to suit - fixed how to draw image
119
README.md
|
@ -1,42 +1,131 @@
|
||||||
    
|
    
|
||||||
|
|
||||||
Social icons on a website or eepsite are often important to communicate where else we exist online. Previously, fedizens were left with two choices; use an inaccurate or deceptive icon based on a specific type of fediverse server (eg. Mastodon), or a gaudy icon with negative connotations. Most chose the former. This elevated one implementation of Fediverse software, at the expense of others. It created a false impression of fediverse's topology and had a negative effect on the fediverse generally.
|
**Presenting a fediverse icon EVERYONE in the fediverse can use!**
|
||||||
|
|
||||||
Since Feb 2021, a [supporters group](https://activism.openworlds.info/@dsfgs) in collaboration with /Freed Creative/ and others, worked on a Fediverse icon. This is the result of much feedback, review and iteration.
|
Social icons on a website (or I2P eepsite) are often important to communicate where else we exist online. Previously, fedizens were left with two choices; use an inaccurate or deceptive icon based on a specific type of fediverse server, or a gaudy icon with negative connotations. Most chose the former, elevating one implementation of the social network, at the expense of ALL others. It created a false impression of fediverse's topology and had a negative effect on the fediverse generally.
|
||||||
|
|
||||||
|
Since Feb 2021, a [supporters group](https://activism.openworlds.info/@dsfgs) in collaboration with FreedCreative and others, worked on a Fediverse icon. This is the result of much feedback, review and iteration.
|
||||||
|
|
||||||

|

|
||||||
|
|
||||||
This icon pack, called "#fediOrigami", is based on an origami boat turned on its side. The overlapping, semi-transparent "folds" are their own entities, but interact with each other to form an 'F' and also create a silhouette of part of a star. A star being an homage to the previous but seldom-used icon design (a connected five pointed star).
|
This icon pack, called "#fediOrigami", is based on an origami boat turned on its side. The overlapping, semi-transparent "folds" are their own entities, but interact with each other to form an 'F' and also create a silhouette of part of a star. A star being an homage to the previous but seldom-used icon design (a connected five pointed star).
|
||||||
|
|
||||||
*Some of the 'party' (     ) versions are shown here. See above list for different sizes and the 'organic' colored version.
|
|
||||||
|
|
||||||
(NOTE: Icons are Plain SVG but have yet to be properly optimised. The Scour (v0.31) export feature in Inkscape is broken. That project is hosted on MicrosoftGH (https://github.com/scour-project/scour) and our graphic designer was disinterested in contacting a Microsoft user.
|
# Fediverse icons ('party' style)
|
||||||
|
|
||||||
|
The 'party' style is for websites with a bold colour palette. (High-definition retina versions shown below. Find SVG format by removing '_retina', and by replacing 'png' with 'svg' from URL)
|
||||||
|
|
||||||
|
|
||||||
# Line-styled
|
## Hero icons
|
||||||
|
|
||||||
     
|
To draw attention specifically to fediverse on a high energy website.
|
||||||
|
|
||||||
|
   
|
||||||
|
|
||||||
|
|
||||||
# Black-and-white / greyscale
|
## In-circle
|
||||||
|
|
||||||
     
|
     
|
||||||
|
|
||||||
|
     
|
||||||
|
|
||||||
|
|
||||||
# Peertube
|
## Duotone
|
||||||
|
|
||||||
 
|
           
|
||||||
|
|
||||||
|
           
|
||||||
|
|
||||||
|
           
|
||||||
|
|
||||||
|
           
|
||||||
|
|
||||||
|
|
||||||
|
## Line-styled
|
||||||
|
|
||||||
|
 
|
||||||
|
|
||||||
|
 
|
||||||
|
|
||||||
|
 
|
||||||
|
|
||||||
|
        (on light)
|
||||||
|
|
||||||
|
        (on dark)
|
||||||
|
|
||||||
|
## Peertube
|
||||||
|
|
||||||
Peertube is the Fediverse's answer to YouTube. See [joinpeertube.org](https://joinpeertube.org/) for more info about it.
|
Peertube is the Fediverse's answer to YouTube. See [joinpeertube.org](https://joinpeertube.org/) for more info about it.
|
||||||
|
|
||||||
|
   
|
||||||
|
|
||||||
# How to Draw
|
|
||||||
|
|
||||||

|
|
||||||
|
## Fediverse icons ('organic' style)
|
||||||
|
|
||||||
|
The 'organic' style is for websites with a more subdued colour palette. (High-definition retina versions shown below. Find SVG format by removing '_retina', and by replacing 'png' with 'svg' from URL)
|
||||||
|
|
||||||
|
|
||||||
|
#### Organic 'hero' (minimum recomended size is 24px for these)
|
||||||
|
|
||||||
|
     
|
||||||
|
|
||||||
|
   
|
||||||
|
|
||||||
|
|
||||||
|
#### Organic duo-tone
|
||||||
|
|
||||||
|
           
|
||||||
|
|
||||||
|
           
|
||||||
|
|
||||||
|
           
|
||||||
|
|
||||||
|
|
||||||
|
#### Organic in-circle
|
||||||
|
|
||||||
|
         
|
||||||
|
|
||||||
|
         
|
||||||
|
|
||||||
|
|
||||||
|
#### Organic Peertube
|
||||||
|
|
||||||
|
   
|
||||||
|
|
||||||
|
   
|
||||||
|
|
||||||
|
|
||||||
|
## Black-and-white
|
||||||
|
|
||||||
|
 
|
||||||
|
|
||||||
|
 
|
||||||
|
|
||||||
|
     
|
||||||
|
|
||||||
|
           
|
||||||
|
|
||||||
|
#### In-circle
|
||||||
|
|
||||||
|
 
|
||||||
|
|
||||||
|
|
||||||
|
(NOTE: SVG icons are Plain SVG but have yet to be properly optimised. The Scour (v0.31) export feature in Inkscape is broken. That project is hosted on MicrosoftGH (https://github.com/scour-project/scour) and our graphic designer was not interested in contacting a Microsoft user.
|
||||||
|
|
||||||
|
|
||||||
|
# How to Draw (poster)
|
||||||
|
|
||||||
|
[](posters/how-to-draw_fediverse-icon.png)
|
||||||
|
|
||||||
|
|
||||||
|
# Fedi Stickers
|
||||||
|
|
||||||
|
Click stickers for higher resolution.
|
||||||
|
|
||||||
|
[](fediverse-icons/organic_hero_sticker_onLight.png) [](fediverse-icons/organic_hero_sticker_onDark.png)
|
||||||
|
|
||||||
|
|
||||||
## If you are looking for a mastodon icon for your website, you probably want to use a fediverse icon instead.
|
## If you are looking for a mastodon icon for your website, you probably want to use a fediverse icon instead.
|
||||||
|
|
||||||
Coming soon... PNGs.
|
|
||||||
|
|
||||||
Copyright DSFGS Copyleft GPLv3 for Fediverse AGPLv3 licensed softwares for everyone.
|
Copyright DSFGS Copyleft GPLv3 for Fediverse AGPLv3 licensed softwares for everyone.
|
||||||
|
|
BIN
fediverse-icons/bnw_large_mixed_a_48.png
Normal file
After Width: | Height: | Size: 1.5 KiB |
BIN
fediverse-icons/bnw_large_mixed_a_48_retina.png
Normal file
After Width: | Height: | Size: 3.5 KiB |
BIN
fediverse-icons/bnw_large_mixed_b_48.png
Normal file
After Width: | Height: | Size: 1.6 KiB |
BIN
fediverse-icons/bnw_large_mixed_b_48_retina.png
Normal file
After Width: | Height: | Size: 3.8 KiB |
BIN
fediverse-icons/bnw_large_mixed_c_48.png
Normal file
After Width: | Height: | Size: 1.8 KiB |
BIN
fediverse-icons/bnw_large_mixed_c_48_retina.png
Normal file
After Width: | Height: | Size: 3.9 KiB |
BIN
fediverse-icons/bnw_medium_line.png
Normal file
After Width: | Height: | Size: 977 B |
BIN
fediverse-icons/bnw_medium_line_retina.png
Normal file
After Width: | Height: | Size: 2 KiB |
BIN
fediverse-icons/bnw_small.png
Normal file
After Width: | Height: | Size: 438 B |
BIN
fediverse-icons/bnw_small_18.png
Normal file
After Width: | Height: | Size: 476 B |
BIN
fediverse-icons/bnw_small_18_retina.png
Normal file
After Width: | Height: | Size: 871 B |
BIN
fediverse-icons/bnw_small_22.png
Normal file
After Width: | Height: | Size: 552 B |
BIN
fediverse-icons/bnw_small_22_retina.png
Normal file
After Width: | Height: | Size: 1 KiB |
BIN
fediverse-icons/bnw_small_24.png
Normal file
After Width: | Height: | Size: 608 B |
BIN
fediverse-icons/bnw_small_24_retina.png
Normal file
After Width: | Height: | Size: 1.2 KiB |
BIN
fediverse-icons/bnw_small_28.png
Normal file
After Width: | Height: | Size: 705 B |
BIN
fediverse-icons/bnw_small_28_retina.png
Normal file
After Width: | Height: | Size: 1.3 KiB |
BIN
fediverse-icons/bnw_small_32.png
Normal file
After Width: | Height: | Size: 795 B |
BIN
fediverse-icons/bnw_small_32_retina.png
Normal file
After Width: | Height: | Size: 1.4 KiB |
BIN
fediverse-icons/bnw_small_line.png
Normal file
After Width: | Height: | Size: 552 B |
BIN
fediverse-icons/bnw_small_line_retina.png
Normal file
After Width: | Height: | Size: 1.1 KiB |
BIN
fediverse-icons/bnw_small_retina.png
Normal file
After Width: | Height: | Size: 795 B |
BIN
fediverse-icons/organic_circled_black_32.png
Normal file
After Width: | Height: | Size: 1.3 KiB |
BIN
fediverse-icons/organic_circled_black_32_retina.png
Normal file
After Width: | Height: | Size: 2.6 KiB |
BIN
fediverse-icons/organic_circled_black_48.png
Normal file
After Width: | Height: | Size: 2 KiB |
BIN
fediverse-icons/organic_circled_black_48_retina.png
Normal file
After Width: | Height: | Size: 4.1 KiB |
BIN
fediverse-icons/organic_circled_blue_32.png
Normal file
After Width: | Height: | Size: 1.2 KiB |
BIN
fediverse-icons/organic_circled_blue_32_retina.png
Normal file
After Width: | Height: | Size: 2.4 KiB |
BIN
fediverse-icons/organic_circled_blue_48.png
Normal file
After Width: | Height: | Size: 1.9 KiB |
BIN
fediverse-icons/organic_circled_blue_48_retina.png
Normal file
After Width: | Height: | Size: 3.6 KiB |
BIN
fediverse-icons/organic_circled_green_32.png
Normal file
After Width: | Height: | Size: 1.2 KiB |
BIN
fediverse-icons/organic_circled_green_32_retina.png
Normal file
After Width: | Height: | Size: 2.4 KiB |
BIN
fediverse-icons/organic_circled_green_48.png
Normal file
After Width: | Height: | Size: 1.8 KiB |
BIN
fediverse-icons/organic_circled_green_48_retina.png
Normal file
After Width: | Height: | Size: 3.6 KiB |
BIN
fediverse-icons/organic_circled_hero_white_32.png
Normal file
After Width: | Height: | Size: 1.2 KiB |
BIN
fediverse-icons/organic_circled_hero_white_32_retina.png
Normal file
After Width: | Height: | Size: 2.3 KiB |
BIN
fediverse-icons/organic_circled_hero_white_48.png
Normal file
After Width: | Height: | Size: 1.7 KiB |
BIN
fediverse-icons/organic_circled_hero_white_48_retina.png
Normal file
After Width: | Height: | Size: 3.6 KiB |
BIN
fediverse-icons/organic_circled_red_32.png
Normal file
After Width: | Height: | Size: 1.2 KiB |
BIN
fediverse-icons/organic_circled_red_32_retina.png
Normal file
After Width: | Height: | Size: 2.4 KiB |
BIN
fediverse-icons/organic_circled_red_48.png
Normal file
After Width: | Height: | Size: 1.8 KiB |
BIN
fediverse-icons/organic_circled_red_48_retina.png
Normal file
After Width: | Height: | Size: 3.7 KiB |
BIN
fediverse-icons/organic_duotone_blue_16.png
Normal file
After Width: | Height: | Size: 612 B |
BIN
fediverse-icons/organic_duotone_blue_16_retina.png
Normal file
After Width: | Height: | Size: 1.1 KiB |
BIN
fediverse-icons/organic_duotone_blue_18.png
Normal file
After Width: | Height: | Size: 673 B |
BIN
fediverse-icons/organic_duotone_blue_18_retina.png
Normal file
After Width: | Height: | Size: 1.2 KiB |
BIN
fediverse-icons/organic_duotone_blue_22.png
Normal file
After Width: | Height: | Size: 782 B |
BIN
fediverse-icons/organic_duotone_blue_22_retina.png
Normal file
After Width: | Height: | Size: 1.5 KiB |
BIN
fediverse-icons/organic_duotone_blue_24.png
Normal file
After Width: | Height: | Size: 861 B |
BIN
fediverse-icons/organic_duotone_blue_24_retina.png
Normal file
After Width: | Height: | Size: 1.6 KiB |
BIN
fediverse-icons/organic_duotone_blue_28.png
Normal file
After Width: | Height: | Size: 991 B |
BIN
fediverse-icons/organic_duotone_blue_28_retina.png
Normal file
After Width: | Height: | Size: 1.9 KiB |
BIN
fediverse-icons/organic_duotone_blue_32.png
Normal file
After Width: | Height: | Size: 1.1 KiB |
BIN
fediverse-icons/organic_duotone_blue_32_retina.png
Normal file
After Width: | Height: | Size: 2.1 KiB |
BIN
fediverse-icons/organic_duotone_green_16.png
Normal file
After Width: | Height: | Size: 606 B |
BIN
fediverse-icons/organic_duotone_green_16_retina.png
Normal file
After Width: | Height: | Size: 1.1 KiB |
BIN
fediverse-icons/organic_duotone_green_18.png
Normal file
After Width: | Height: | Size: 657 B |
BIN
fediverse-icons/organic_duotone_green_18_retina.png
Normal file
After Width: | Height: | Size: 1.2 KiB |
BIN
fediverse-icons/organic_duotone_green_22.png
Normal file
After Width: | Height: | Size: 774 B |
BIN
fediverse-icons/organic_duotone_green_22_retina.png
Normal file
After Width: | Height: | Size: 1.4 KiB |
BIN
fediverse-icons/organic_duotone_green_24.png
Normal file
After Width: | Height: | Size: 844 B |
BIN
fediverse-icons/organic_duotone_green_24_retina.png
Normal file
After Width: | Height: | Size: 1.6 KiB |
BIN
fediverse-icons/organic_duotone_green_28.png
Normal file
After Width: | Height: | Size: 986 B |
BIN
fediverse-icons/organic_duotone_green_28_retina.png
Normal file
After Width: | Height: | Size: 1.8 KiB |
BIN
fediverse-icons/organic_duotone_green_32.png
Normal file
After Width: | Height: | Size: 1.1 KiB |
BIN
fediverse-icons/organic_duotone_green_32_retina.png
Normal file
After Width: | Height: | Size: 2.1 KiB |
BIN
fediverse-icons/organic_duotone_red_16.png
Normal file
After Width: | Height: | Size: 600 B |
BIN
fediverse-icons/organic_duotone_red_16_retina.png
Normal file
After Width: | Height: | Size: 1.1 KiB |
BIN
fediverse-icons/organic_duotone_red_18.png
Normal file
After Width: | Height: | Size: 662 B |
BIN
fediverse-icons/organic_duotone_red_18_retina.png
Normal file
After Width: | Height: | Size: 1.2 KiB |
BIN
fediverse-icons/organic_duotone_red_22.png
Normal file
After Width: | Height: | Size: 767 B |
BIN
fediverse-icons/organic_duotone_red_22_retina.png
Normal file
After Width: | Height: | Size: 1.5 KiB |
BIN
fediverse-icons/organic_duotone_red_24.png
Normal file
After Width: | Height: | Size: 869 B |
BIN
fediverse-icons/organic_duotone_red_24_retina.png
Normal file
After Width: | Height: | Size: 1.6 KiB |
BIN
fediverse-icons/organic_duotone_red_28.png
Normal file
After Width: | Height: | Size: 958 B |
BIN
fediverse-icons/organic_duotone_red_28_retina.png
Normal file
After Width: | Height: | Size: 1.8 KiB |
BIN
fediverse-icons/organic_duotone_red_32.png
Normal file
After Width: | Height: | Size: 1.1 KiB |
BIN
fediverse-icons/organic_duotone_red_32_retina.png
Normal file
After Width: | Height: | Size: 2.1 KiB |
BIN
fediverse-icons/organic_hero_24.png
Normal file
After Width: | Height: | Size: 1 KiB |
BIN
fediverse-icons/organic_hero_24_retina.png
Normal file
After Width: | Height: | Size: 2 KiB |
BIN
fediverse-icons/organic_hero_28.png
Normal file
After Width: | Height: | Size: 1.2 KiB |
BIN
fediverse-icons/organic_hero_28_retina.png
Normal file
After Width: | Height: | Size: 2.3 KiB |
BIN
fediverse-icons/organic_hero_32.png
Normal file
After Width: | Height: | Size: 1.4 KiB |
BIN
fediverse-icons/organic_hero_32_retina.png
Normal file
After Width: | Height: | Size: 2.7 KiB |
BIN
fediverse-icons/organic_hero_48.png
Normal file
After Width: | Height: | Size: 2 KiB |
BIN
fediverse-icons/organic_hero_48_retina.png
Normal file
After Width: | Height: | Size: 4 KiB |
BIN
fediverse-icons/organic_hero_64.png
Normal file
After Width: | Height: | Size: 2.7 KiB |
BIN
fediverse-icons/organic_hero_64_retina.png
Normal file
After Width: | Height: | Size: 5.4 KiB |
BIN
fediverse-icons/organic_hero_sticker_onDark.png
Normal file
After Width: | Height: | Size: 164 KiB |
BIN
fediverse-icons/organic_hero_sticker_onDark_thumbnail.png
Normal file
After Width: | Height: | Size: 10 KiB |
BIN
fediverse-icons/organic_hero_sticker_onLight.png
Normal file
After Width: | Height: | Size: 156 KiB |
BIN
fediverse-icons/organic_hero_sticker_onLight_thumbnail.png
Normal file
After Width: | Height: | Size: 11 KiB |
BIN
fediverse-icons/organic_red_profile_32.png
Normal file
After Width: | Height: | Size: 1.1 KiB |
BIN
fediverse-icons/organic_red_profile_32_retina.png
Normal file
After Width: | Height: | Size: 2 KiB |
BIN
fediverse-icons/organic_red_profile_48.png
Normal file
After Width: | Height: | Size: 1.5 KiB |
BIN
fediverse-icons/organic_red_profile_48_retina.png
Normal file
After Width: | Height: | Size: 3 KiB |
BIN
fediverse-icons/organic_red_wide_32.png
Normal file
After Width: | Height: | Size: 979 B |
BIN
fediverse-icons/organic_red_wide_32_retina.png
Normal file
After Width: | Height: | Size: 1.9 KiB |
BIN
fediverse-icons/organic_red_wide_48.png
Normal file
After Width: | Height: | Size: 1.4 KiB |