Adding PNG files incl. stickers
- adapting README to suit - fixed how to draw image
119
README.md
|
@ -1,42 +1,131 @@
|
|||
![](fediverse-icons/party_circled_purple_48.svg) ![](fediverse-icons/party_circled_yellow_48.svg) ![](fediverse-icons/party_circled_blue_48.svg) ![](fediverse-icons/party_circled_green_48.svg) ![](fediverse-icons/party_circled_red_48.svg)
|
||||
![](fediverse-icons/party_circled_green_48_retina.png) ![](fediverse-icons/party_circled_purple_48_retina.png) ![](fediverse-icons/party_circled_yellow_48_retina.png) ![](fediverse-icons/party_circled_blue_48_retina.png) ![](fediverse-icons/party_circled_red_48_retina.png)
|
||||
|
||||
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.
|
||||
|
||||
![Fediverse icon display showing the version of the icon for more websites with a more muted color palette](posters/fediorigami_organic_display.jpg)
|
||||
|
||||
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' ( ![](fediverse-icons/party_duotone_purple_16.svg) ![](fediverse-icons/party_duotone_blue_16.svg) ![](fediverse-icons/party_duotone_green_16.svg) ![](fediverse-icons/party_duotone_red_16.svg) ) 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
|
||||
|
||||
![](fediverse-icons/party_line_16.svg) ![](fediverse-icons/party_line_28.svg) ![](fediverse-icons/party_line_32.svg) ![](fediverse-icons/party_mixed_onLight_purple_48.svg)![](fediverses-icons/party_mixed_onLight_blue_48.svg) ![](fediverse-icons/party_mixed_onLight_green_48.svg) ![](fediverse-icons/party_mixed_onLight_red_48.svg)
|
||||
To draw attention specifically to fediverse on a high energy website.
|
||||
|
||||
![](fediverse-icons/party_hero_onLight_48.png) ![](fediverse-icons/party_hero_onLight_48_retina.png) ![](fediverse-icons/party_hero_onLight_64.png) ![](fediverse-icons/party_hero_onLight_64_retina.png)
|
||||
|
||||
|
||||
# Black-and-white / greyscale
|
||||
## In-circle
|
||||
|
||||
![](fediverse-icons/bnw_small_line.svg) ![](fediverse-icons/bnw_small.svg) ![](fediverse-icons/bnw_medium_line.svg) ![](fediverse-icons/bnw_large_mixed_a_48.svg) ![](fediverse-icons/bnw_large_mixed_b_48.svg) ![](fediverse-icons/bnw_large_mixed_c_48.svg)
|
||||
![](fediverse-icons/party_circled_purple_48.png) ![](fediverse-icons/party_circled_purple_48_retina.png) ![](fediverse-icons/party_circled_yellow_48.png) ![](fediverse-icons/party_circled_yellow_48_retina.png) ![](fediverse-icons/party_circled_blue_48.png) ![](fediverse-icons/party_circled_blue_48_retina.png)
|
||||
|
||||
![](fediverse-icons/party_circled_green_48.png) ![](fediverse-icons/party_circled_green_48_retina.png) ![](fediverse-icons/party_circled_red_48.png) ![](fediverse-icons/party_circled_red_48_retina.png) ![](fediverse-icons/party_circled_white_48.png) ![](fediverse-icons/party_circled_white_48_retina.png)
|
||||
|
||||
|
||||
# Peertube
|
||||
## Duotone
|
||||
|
||||
![](fediverse-icons/party_red_profile_32.svg) ![](fediverse-icons/party_red_wide_32.svg)
|
||||
![](fediverse-icons/party_duotone_purple_16.png) ![](fediverse-icons/party_duotone_purple_16_retina.png) ![](fediverse-icons/party_duotone_purple_18.png) ![](fediverse-icons/party_duotone_purple_18_retina.png) ![](fediverse-icons/party_duotone_purple_22.png) ![](fediverse-icons/party_duotone_purple_22_retina.png) ![](fediverse-icons/party_duotone_purple_24.png) ![](fediverse-icons/party_duotone_purple_24_retina.png) ![](fediverse-icons/party_duotone_purple_28.png) ![](fediverse-icons/party_duotone_purple_28_retina.png) ![](fediverse-icons/party_duotone_purple_32.png) ![](fediverse-icons/party_duotone_purple_32_retina.png)
|
||||
|
||||
![](fediverse-icons/party_duotone_blue_16.png) ![](fediverse-icons/party_duotone_blue_16_retina.png) ![](fediverse-icons/party_duotone_blue_18.png) ![](fediverse-icons/party_duotone_blue_18_retina.png) ![](fediverse-icons/party_duotone_blue_22.png) ![](fediverse-icons/party_duotone_blue_22_retina.png) ![](fediverse-icons/party_duotone_blue_24.png) ![](fediverse-icons/party_duotone_blue_24_retina.png) ![](fediverse-icons/party_duotone_blue_28.png) ![](fediverse-icons/party_duotone_blue_28_retina.png) ![](fediverse-icons/party_duotone_blue_32.png) ![](fediverse-icons/party_duotone_blue_32_retina.png)
|
||||
|
||||
![](fediverse-icons/party_duotone_green_16.png) ![](fediverse-icons/party_duotone_green_16_retina.png) ![](fediverse-icons/party_duotone_green_18.png) ![](fediverse-icons/party_duotone_green_18_retina.png) ![](fediverse-icons/party_duotone_green_22.png) ![](fediverse-icons/party_duotone_green_22_retina.png) ![](fediverse-icons/party_duotone_green_24.png) ![](fediverse-icons/party_duotone_green_24_retina.png) ![](fediverse-icons/party_duotone_green_28.png) ![](fediverse-icons/party_duotone_green_28_retina.png) ![](fediverse-icons/party_duotone_green_32.png) ![](fediverse-icons/party_duotone_green_32_retina.png)
|
||||
|
||||
![](fediverse-icons/party_duotone_red_16.png) ![](fediverse-icons/party_duotone_red_16_retina.png) ![](fediverse-icons/party_duotone_red_18.png) ![](fediverse-icons/party_duotone_red_18_retina.png) ![](fediverse-icons/party_duotone_red_22.png) ![](fediverse-icons/party_duotone_red_22_retina.png) ![](fediverse-icons/party_duotone_red_24.png) ![](fediverse-icons/party_duotone_red_24_retina.png) ![](fediverse-icons/party_duotone_red_28.png) ![](fediverse-icons/party_duotone_red_28_retina.png) ![](fediverse-icons/party_duotone_red_32.png) ![](fediverse-icons/party_duotone_red_32_retina.png)
|
||||
|
||||
|
||||
## Line-styled
|
||||
|
||||
![](fediverse-icons/party_line_16.png) ![](fediverse-icons/party_line_16_retina.png)
|
||||
|
||||
![](fediverse-icons/party_line_28.png) ![](fediverse-icons/party_line_28_retina.png)
|
||||
|
||||
![](fediverse-icons/party_line_32.png) ![](fediverse-icons/party_line_32_retina.png)
|
||||
|
||||
![](fediverse-icons/party_mixed_onLight_purple_48.png) ![](fediverse-icons/party_mixed_onLight_purple_48_retina.png) ![](fediverses-icons/party_mixed_onLight_blue_48.png) ![](fediverses-icons/party_mixed_onLight_blue_48_retina.png) ![](fediverse-icons/party_mixed_onLight_green_48.png) ![](fediverse-icons/party_mixed_onLight_green_48_retina.png) ![](fediverse-icons/party_mixed_onLight_red_48.png) ![](fediverse-icons/party_mixed_onLight_red_48_retina.png) (on light)
|
||||
|
||||
![](fediverse-icons/party_mixed_onDark_purple_48.png) ![](fediverse-icons/party_mixed_onDark_purple_48_retina.png) ![](fediverses-icons/party_mixed_onDark_blue_48.png) ![](fediverses-icons/party_mixed_onDark_blue_48_retina.png) ![](fediverse-icons/party_mixed_onDark_green_48.png) ![](fediverse-icons/party_mixed_onDark_green_48_retina.png) ![](fediverse-icons/party_mixed_onDark_red_48.png) ![](fediverse-icons/party_mixed_onDark_red_48_retina.png) (on dark)
|
||||
|
||||
## Peertube
|
||||
|
||||
Peertube is the Fediverse's answer to YouTube. See [joinpeertube.org](https://joinpeertube.org/) for more info about it.
|
||||
|
||||
![](fediverse-icons/party_red_profile_32.png) ![](fediverse-icons/party_red_profile_32_retina.png) ![](fediverse-icons/party_red_wide_32.png) ![](fediverse-icons/party_red_wide_32_retina.png)
|
||||
|
||||
# How to Draw
|
||||
|
||||
![Poster showing how to draw the Fediverse icon](posters/how-to-draw_fediverse-icon_400px.png)
|
||||
|
||||
## 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)
|
||||
|
||||
![](fediverse-icons/organic_hero_24.png) ![](fediverse-icons/organic_hero_24_retina.png) ![](fediverse-icons/organic_hero_28.png) ![](fediverse-icons/organic_hero_28_retina.png) ![](fediverse-icons/organic_hero_32.png) ![](fediverse-icons/organic_hero_32_retina.png)
|
||||
|
||||
![](fediverse-icons/organic_hero_48.png) ![](fediverse-icons/organic_hero_48_retina.png) ![](fediverse-icons/organic_hero_64.png) ![](fediverse-icons/organic_hero_64_retina.png)
|
||||
|
||||
|
||||
#### Organic duo-tone
|
||||
|
||||
![](fediverse-icons/organic_duotone_blue_16.png) ![](fediverse-icons/organic_duotone_blue_16_retina.png) ![](fediverse-icons/organic_duotone_blue_18.png) ![](fediverse-icons/organic_duotone_blue_18_retina.png) ![](fediverse-icons/organic_duotone_blue_22.png) ![](fediverse-icons/organic_duotone_blue_22_retina.png) ![](fediverse-icons/organic_duotone_blue_24.png) ![](fediverse-icons/organic_duotone_blue_24_retina.png) ![](fediverse-icons/organic_duotone_blue_28.png) ![](fediverse-icons/organic_duotone_blue_28_retina.png) ![](fediverse-icons/organic_duotone_blue_32.png) ![](fediverse-icons/organic_duotone_blue_32_retina.png)
|
||||
|
||||
![](fediverse-icons/organic_duotone_red_16.png) ![](fediverse-icons/organic_duotone_red_16_retina.png) ![](fediverse-icons/organic_duotone_red_18.png) ![](fediverse-icons/organic_duotone_red_18_retina.png) ![](fediverse-icons/organic_duotone_red_22.png) ![](fediverse-icons/organic_duotone_red_22_retina.png) ![](fediverse-icons/organic_duotone_red_24.png) ![](fediverse-icons/organic_duotone_red_24_retina.png) ![](fediverse-icons/organic_duotone_red_28.png) ![](fediverse-icons/organic_duotone_red_28_retina.png) ![](fediverse-icons/organic_duotone_red_32.png) ![](fediverse-icons/organic_duotone_red_32_retina.png)
|
||||
|
||||
![](fediverse-icons/organic_duotone_green_16.png) ![](fediverse-icons/organic_duotone_green_16_retina.png) ![](fediverse-icons/organic_duotone_green_18.png) ![](fediverse-icons/organic_duotone_green_18_retina.png) ![](fediverse-icons/organic_duotone_green_22.png) ![](fediverse-icons/organic_duotone_green_22_retina.png) ![](fediverse-icons/organic_duotone_green_24.png) ![](fediverse-icons/organic_duotone_green_24_retina.png) ![](fediverse-icons/organic_duotone_green_28.png) ![](fediverse-icons/organic_duotone_green_28_retina.png) ![](fediverse-icons/organic_duotone_green_32.png) ![](fediverse-icons/organic_duotone_green_32_retina.png)
|
||||
|
||||
|
||||
#### Organic in-circle
|
||||
|
||||
![](fediverse-icons/organic_circled_blue_32.png) ![](fediverse-icons/organic_circled_blue_32_retina.png) ![](fediverse-icons/organic_circled_black_32.png) ![](fediverse-icons/organic_circled_black_32_retina.png) ![](fediverse-icons/organic_circled_hero_white_32.png) ![](fediverse-icons/organic_circled_hero_white_32_retina.png) ![](fediverse-icons/organic_circled_green_32.png) ![](fediverse-icons/organic_circled_green_32_retina.png) ![](fediverse-icons/organic_circled_red_32.png) ![](fediverse-icons/organic_circled_red_32_retina.png)
|
||||
|
||||
![](fediverse-icons/organic_circled_blue_48.png) ![](fediverse-icons/organic_circled_blue_48_retina.png) ![](fediverse-icons/organic_circled_black_48.png) ![](fediverse-icons/organic_circled_black_48_retina.png) ![](fediverse-icons/organic_circled_hero_white_48.png) ![](fediverse-icons/organic_circled_hero_white_48_retina.png) ![](fediverse-icons/organic_circled_green_48.png) ![](fediverse-icons/organic_circled_green_48_retina.png) ![](fediverse-icons/organic_circled_red_48.png) ![](fediverse-icons/organic_circled_red_48_retina.png)
|
||||
|
||||
|
||||
#### Organic Peertube
|
||||
|
||||
![](fediverse-icons/organic_red_profile_32.png) ![](fediverse-icons/organic_red_profile_32_retina.png) ![](fediverse-icons/organic_red_profile_48.png) ![](fediverse-icons/organic_red_profile_48_retina.png)
|
||||
|
||||
![](fediverse-icons/organic_red_wide_32.png) ![](fediverse-icons/organic_red_wide_32_retina.png) ![](fediverse-icons/organic_red_wide_48.png) ![](fediverse-icons/organic_red_wide_48_retina.png)
|
||||
|
||||
|
||||
## Black-and-white
|
||||
|
||||
![](fediverse-icons/bnw_small_line.png) ![](fediverse-icons/bnw_small_line_retina.png)
|
||||
|
||||
![](fediverse-icons/bnw_medium_line.png) ![](fediverse-icons/bnw_medium_line_retina.png)
|
||||
|
||||
![](fediverse-icons/bnw_large_mixed_a_48.png) ![](fediverse-icons/bnw_large_mixed_a_48_retina.png) ![](fediverse-icons/bnw_large_mixed_b_48.png) ![](fediverse-icons/bnw_large_mixed_b_48_retina.png) ![](fediverse-icons/bnw_large_mixed_c_48.png) ![](fediverse-icons/bnw_large_mixed_c_48_retina.png)
|
||||
|
||||
![](fediverse-icons/bnw_small.png) ![](fediverse-icons/bnw_small_retina.png) ![](fediverse-icons/bnw_small_18.png) ![](fediverse-icons/bnw_small_18_retina.png) ![](fediverse-icons/bnw_small_22.png) ![](fediverse-icons/bnw_small_22_retina.png) ![](fediverse-icons/bnw_small_24.png) ![](fediverse-icons/bnw_small_24_retina.png) ![](fediverse-icons/bnw_small_28.png) ![](fediverse-icons/bnw_small_28_retina.png) ![](fediverse-icons/bnw_small_32.png) ![](fediverse-icons/bnw_small_32_retina.png)
|
||||
|
||||
#### In-circle
|
||||
|
||||
![](fediverse-icons/party_circled_white_48.png) ![](fediverse-icons/party_circled_white_48_retina.png)
|
||||
|
||||
|
||||
(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)
|
||||
|
||||
[![Poster showing how to draw the Fediverse icon](posters/how-to-draw_fediverse-icon_400px.png)](posters/how-to-draw_fediverse-icon.png)
|
||||
|
||||
|
||||
# Fedi Stickers
|
||||
|
||||
Click stickers for higher resolution.
|
||||
|
||||
[![Fediverse sticker for light surfaces](fediverse-icons/organic_hero_sticker_onLight_thumbnail.png)](fediverse-icons/organic_hero_sticker_onLight.png) [![Fediverse sticker for dark surfaces](fediverse-icons/organic_hero_sticker_onDark_thumbnail.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.
|
||||
|
||||
Coming soon... PNGs.
|
||||
|
||||
Copyright DSFGS Copyleft GPLv3 for Fediverse AGPLv3 licensed softwares for everyone.
|
||||
|
|
After Width: | Height: | Size: 1.5 KiB |
After Width: | Height: | Size: 3.5 KiB |
After Width: | Height: | Size: 1.6 KiB |
After Width: | Height: | Size: 3.8 KiB |
After Width: | Height: | Size: 1.8 KiB |
After Width: | Height: | Size: 3.9 KiB |
After Width: | Height: | Size: 977 B |
After Width: | Height: | Size: 2.0 KiB |
After Width: | Height: | Size: 438 B |
After Width: | Height: | Size: 476 B |
After Width: | Height: | Size: 871 B |
After Width: | Height: | Size: 552 B |
After Width: | Height: | Size: 1.0 KiB |
After Width: | Height: | Size: 608 B |
After Width: | Height: | Size: 1.2 KiB |
After Width: | Height: | Size: 705 B |
After Width: | Height: | Size: 1.3 KiB |
After Width: | Height: | Size: 795 B |
After Width: | Height: | Size: 1.4 KiB |
After Width: | Height: | Size: 552 B |
After Width: | Height: | Size: 1.1 KiB |
After Width: | Height: | Size: 795 B |
After Width: | Height: | Size: 1.3 KiB |
After Width: | Height: | Size: 2.6 KiB |
After Width: | Height: | Size: 2.0 KiB |
After Width: | Height: | Size: 4.1 KiB |
After Width: | Height: | Size: 1.2 KiB |
After Width: | Height: | Size: 2.4 KiB |
After Width: | Height: | Size: 1.9 KiB |
After Width: | Height: | Size: 3.6 KiB |
After Width: | Height: | Size: 1.2 KiB |
After Width: | Height: | Size: 2.4 KiB |
After Width: | Height: | Size: 1.8 KiB |
After Width: | Height: | Size: 3.6 KiB |
After Width: | Height: | Size: 1.2 KiB |
After Width: | Height: | Size: 2.3 KiB |
After Width: | Height: | Size: 1.7 KiB |
After Width: | Height: | Size: 3.6 KiB |
After Width: | Height: | Size: 1.2 KiB |
After Width: | Height: | Size: 2.4 KiB |
After Width: | Height: | Size: 1.8 KiB |
After Width: | Height: | Size: 3.7 KiB |
After Width: | Height: | Size: 612 B |
After Width: | Height: | Size: 1.1 KiB |
After Width: | Height: | Size: 673 B |
After Width: | Height: | Size: 1.2 KiB |
After Width: | Height: | Size: 782 B |
After Width: | Height: | Size: 1.5 KiB |
After Width: | Height: | Size: 861 B |
After Width: | Height: | Size: 1.6 KiB |
After Width: | Height: | Size: 991 B |
After Width: | Height: | Size: 1.9 KiB |
After Width: | Height: | Size: 1.1 KiB |
After Width: | Height: | Size: 2.1 KiB |
After Width: | Height: | Size: 606 B |
After Width: | Height: | Size: 1.1 KiB |
After Width: | Height: | Size: 657 B |
After Width: | Height: | Size: 1.2 KiB |
After Width: | Height: | Size: 774 B |
After Width: | Height: | Size: 1.4 KiB |
After Width: | Height: | Size: 844 B |
After Width: | Height: | Size: 1.6 KiB |
After Width: | Height: | Size: 986 B |
After Width: | Height: | Size: 1.8 KiB |
After Width: | Height: | Size: 1.1 KiB |
After Width: | Height: | Size: 2.1 KiB |
After Width: | Height: | Size: 600 B |
After Width: | Height: | Size: 1.1 KiB |
After Width: | Height: | Size: 662 B |
After Width: | Height: | Size: 1.2 KiB |
After Width: | Height: | Size: 767 B |
After Width: | Height: | Size: 1.5 KiB |
After Width: | Height: | Size: 869 B |
After Width: | Height: | Size: 1.6 KiB |
After Width: | Height: | Size: 958 B |
After Width: | Height: | Size: 1.8 KiB |
After Width: | Height: | Size: 1.1 KiB |
After Width: | Height: | Size: 2.1 KiB |
After Width: | Height: | Size: 1.0 KiB |
After Width: | Height: | Size: 2.0 KiB |
After Width: | Height: | Size: 1.2 KiB |
After Width: | Height: | Size: 2.3 KiB |
After Width: | Height: | Size: 1.4 KiB |
After Width: | Height: | Size: 2.7 KiB |
After Width: | Height: | Size: 2.0 KiB |
After Width: | Height: | Size: 4.0 KiB |
After Width: | Height: | Size: 2.7 KiB |
After Width: | Height: | Size: 5.4 KiB |
After Width: | Height: | Size: 164 KiB |
After Width: | Height: | Size: 10 KiB |
After Width: | Height: | Size: 156 KiB |
After Width: | Height: | Size: 11 KiB |
After Width: | Height: | Size: 1.1 KiB |
After Width: | Height: | Size: 2.0 KiB |
After Width: | Height: | Size: 1.5 KiB |
After Width: | Height: | Size: 3.0 KiB |
After Width: | Height: | Size: 979 B |
After Width: | Height: | Size: 1.9 KiB |
After Width: | Height: | Size: 1.4 KiB |