Adding icons (line, hero, mixed colour)

It is often important to communicate that one is on a social platform from one's own website. Currently, users of the fediverse network are left with two choices; either use an incorrect/inaccurate icon based on specific fediverse software, or a gaudy icon with negative connotations (of witchcraft). Most choose the former. This has the ill-effect of elevating one implementation of Fediverse software, and creates a false impression of fediverse's network topology.

Since Feb 2021 DSFGS has been working on a Fediverse icon and this is the result of much feedback, review and iteration. 

This icon pack, the author calls "#fediOrigami", is developed 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 which was a connected five pointed star.

(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 the author was disinterested in contacting a Microsoft user.

# If you are looking for a mastodon icon for your website, you probably want to use a fediverse icon instead.

Fediverse was growing in popularity long before Mastodon.
This commit is contained in:
joseph 2023-03-06 11:40:02 +00:00
parent e2b1548c25
commit fe5f295c3f
5 changed files with 266 additions and 0 deletions

View File

@ -0,0 +1,119 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
width="64.0px"
height="64.0px"
viewBox="0 0 64.0 64.0"
version="1.1"
id="SVGRoot"
xmlns:xlink="http://www.w3.org/1999/xlink"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<defs
id="defs74137">
<linearGradient
xlink:href="#linearGradient30113"
id="linearGradient73167"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(4.218811,0,0,4.218811,-3.072969,-0.48013664)"
x1="3.0632455"
y1="11.561657"
x2="9.9407597"
y2="3.313194" />
<linearGradient
id="linearGradient30113">
<stop
style="stop-color:#38c76e;stop-opacity:1"
offset="0"
id="stop30111" />
<stop
style="stop-color:#4153d4;stop-opacity:1"
offset="1"
id="stop30109" />
</linearGradient>
<linearGradient
xlink:href="#linearGradient124266"
id="linearGradient73169"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(4.218811,0,0,4.218811,-3.072969,-0.48013664)"
x1="5.6339183"
y1="10.068818"
x2="15.868264"
y2="7.5873222" />
<linearGradient
id="linearGradient124266">
<stop
style="stop-color:#ff8d4e;stop-opacity:1"
offset="0"
id="stop124262" />
<stop
style="stop-color:#ff6566;stop-opacity:1"
offset="1"
id="stop124264" />
</linearGradient>
<linearGradient
xlink:href="#linearGradient35392"
id="linearGradient73171"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(4.218811,0,0,4.218811,-3.072969,-0.48013664)"
x1="5.6176314"
y1="14.049754"
x2="7.8836904"
y2="1.5791854" />
<linearGradient
id="linearGradient35392">
<stop
style="stop-color:#feff5f;stop-opacity:1"
offset="0"
id="stop35388" />
<stop
style="stop-color:#ffe38e;stop-opacity:1"
offset="1"
id="stop35390" />
</linearGradient>
<linearGradient
xlink:href="#linearGradient123804"
id="linearGradient73173"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(4.218811,0,0,4.218811,-3.075205,-0.49615546)"
x1="7.2182817"
y1="9.6813412"
x2="17.894133"
y2="4.7827544" />
<linearGradient
id="linearGradient123804">
<stop
style="stop-color:#96cffe;stop-opacity:1"
offset="0"
id="stop123800" />
<stop
style="stop-color:#a22afd;stop-opacity:1"
offset="1"
id="stop123802" />
</linearGradient>
</defs>
<g
id="layer1">
<path
id="path33061-2-2-7-63-1-4-5"
style="display:inline;mix-blend-mode:multiply;fill:url(#linearGradient73167);fill-opacity:1;stroke:none;stroke-width:4.21881px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="M 8.9659229,42.475784 3.3463316,36.089888 c -0.2769227,1.75195 0.5071602,3.567334 1.8951701,4.919201 0.9764607,0.95103 2.3665463,1.449499 3.7244212,1.466695 z M 8.5127298,20.813181 22.817136,2.1169254 c 0.01603,-0.020672 0.03333,-0.037126 0.04944,-0.057671 L 19.578873,1.7790831 C 17.488562,1.6015133 14.718048,2.7103307 13.720329,5.6188592 Z" />
<path
id="path33061-2-2-7-63-2-5-0"
style="display:inline;mix-blend-mode:multiply;fill:#6783ad;fill-opacity:1;stroke:none;stroke-width:4.21881px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m 23.954236,7.5387557 c -2.106102,0.032485 -4.204421,1.1125764 -4.762641,3.1888303 l -6.839089,25.419982 c -0.473967,1.762876 0.04219,3.599713 1.145339,4.943919 L 34.954457,28.74817 34.015113,13.825776 27.423221,8.6181807 C 26.486691,7.877598 25.217901,7.5192564 23.954236,7.5387557 Z" />
<path
style="display:inline;mix-blend-mode:multiply;fill:url(#linearGradient73169);fill-opacity:1;stroke:none;stroke-width:0.443098;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
d="m 19.37559,9.8933416 c 0.893156,-3.3220014 5.73287,-4.0820793 8.23028,-2.107199 L 56.226567,30.418583 c 4.269757,3.376403 1.781131,9.823691 -3.365106,10.085675 l -34.795192,1.771331 c -3.635501,0.185079 -6.449055,-3.525745 -5.526541,-6.956942 z"
id="path7252-2-8-4-0-1-3-4" />
<path
style="display:inline;mix-blend-mode:soft-light;fill:url(#linearGradient73171);fill-opacity:1;stroke:none;stroke-width:4.21881px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="M 34.125384,5.1481622 C 33.796528,-0.06115808 27.104,-1.7590059 24.135004,2.1203553 L 4.2516674,28.100409 c -1.818219,2.375727 -1.9398599,5.314972 -0.062438,7.446868 L 27.884797,62.454462 c 2.492807,2.83067 9.980686,1.938067 9.60252,-4.052156 z"
id="path25940-9-9-8-2-6-0-8" />
<path
id="path33061-2-2-7-63-9-6-1-2-6-1-0-6-8-9"
style="display:inline;mix-blend-mode:multiply;fill:url(#linearGradient73173);fill-opacity:1;stroke:none;stroke-width:4.21881px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m 32.801606,2.8260148 c 0.365771,0.6664835 0.604049,1.4333115 0.659189,2.3071622 l 0.552074,8.67658 11.313332,8.956734 13.225002,-7.605399 C 60.108071,14.265658 61.587144,11.920611 61.056122,9.2036715 60.545351,6.590405 58.164971,4.98354 56.046284,4.8035824 Z m 12.524595,19.9404762 -10.373972,5.96566 0.848698,13.44746 16.875244,-0.856946 c 5.146232,-0.261988 7.631618,-6.709192 3.361886,-10.085595 z m -9.525274,19.41312 -17.92172,0.914626 c -1.767639,0.08999 -3.339526,-0.746658 -4.383598,-2.018769 l -1.334873,0.766309 c -0.745296,0.428674 -1.632807,0.626671 -2.5295994,0.617988 L 27.223241,62.441438 c 2.492811,2.83067 9.977572,1.936211 9.59944,-4.054011 z" />
</g>
</svg>

After

Width:  |  Height:  |  Size: 5.8 KiB

View File

@ -0,0 +1,25 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
width="16.0px"
height="16.0px"
viewBox="0 0 16.0 16.0"
version="1.1"
id="SVGRoot"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<defs
id="defs923" />
<g
id="layer1">
<path
style="display:inline;mix-blend-mode:normal;fill:none;fill-opacity:1;stroke:#8800fa;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
d="M 3.7023688,2.3315643 C 3.9231166,1.5110123 5.1192584,1.3232613 5.7364992,1.8110783 L 12.810177,7.401455 c 1.055275,0.8339949 0.440213,2.4265173 -0.83169,2.4912303 L 3.3787702,10.330212 C 2.4802431,10.37596 1.7848632,9.4593273 2.0128681,8.6118063 Z"
id="path7252-2-8-4-0-1-37-5-1-2-7-0-4" />
<path
id="path33061-2-2-7-63-2-5-3-7-0-2-37-5-1-5-9"
style="display:inline;mix-blend-mode:normal;fill:none;fill-opacity:1;stroke:#8800fa;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
d="M 13.431432,3.4307156 2.2958331,9.8317551 M 13.431432,3.4307156 C 13.816216,3.2095348 14.181783,2.6302965 14.050529,1.9591886 13.924291,1.3136951 13.335974,0.9167889 12.812336,0.87233391 L 8.4969884,0.50598134 C 7.5821364,0.42834662 7.2401437,1.0953279 7.2852682,1.8105051 L 8.0611755,14.107824 c 0.093425,1.479634 -1.756421,1.700565 -2.3725253,1.001373 L 2.1430999,11.083363 C 1.8210862,10.717823 1.8277698,10.101727 2.2958331,9.8316509" />
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.6 KiB

View File

@ -0,0 +1,25 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
width="28.0px"
height="28.0px"
viewBox="0 0 28.0 28.0"
version="1.1"
id="SVGRoot"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<defs
id="defs6561" />
<g
id="layer1">
<path
style="display:inline;mix-blend-mode:normal;fill:none;fill-opacity:1;stroke:#8800fa;stroke-width:1.5;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
d="M 6.4785158,4.080026 C 6.8648609,2.6439246 8.9583064,2.3153294 10.03858,3.1690896 l 12.380103,9.7840814 c 1.846905,1.459629 0.770445,4.246806 -1.455595,4.360064 L 5.9121648,18.078979 c -1.5725707,0.08007 -2.7896002,-1.524192 -2.390554,-3.007493 z"
id="path7252-2-8-4-0-1-37-5-1-2-7-0-4" />
<path
id="path33061-2-2-7-63-2-5-3-7-0-2-37-5-1-5-9"
style="display:inline;mix-blend-mode:normal;fill:none;fill-opacity:1;stroke:#8800fa;stroke-width:1.5;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
d="M 23.505981,6.0037222 4.0168462,17.206598 M 23.505981,6.0037222 C 24.179417,5.6166193 24.81922,4.6028567 24.589503,3.4283071 24.368566,2.298587 23.338914,1.6039356 22.422461,1.5261321 l -7.55257,-0.6411775 c -1.601142,-0.13587357 -2.199686,1.0314537 -2.12071,2.2831318 l 1.357965,21.5223376 c 0.16351,2.589603 -3.074026,2.976269 -4.15231,1.752568 L 3.7495379,19.397118 C 3.1859608,18.757363 3.1976582,17.679093 4.0168462,17.206415" />
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.6 KiB

View File

@ -0,0 +1,25 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
width="32.0px"
height="32.0px"
viewBox="0 0 32.0 32.0"
version="1.1"
id="SVGRoot"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<defs
id="defs8088" />
<g
id="layer1">
<path
style="display:inline;mix-blend-mode:normal;fill:none;fill-opacity:1;stroke:#8800fa;stroke-width:1.5;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
d="M 7.4039874,4.6627899 C 7.8455262,3.0215253 10.238044,2.6459866 11.472646,3.621716 l 14.14874,11.181847 c 2.110756,1.668153 0.880512,4.85351 -1.663543,4.982948 L 6.7567268,20.66165 c -1.79723,0.0915 -3.1881259,-1.741939 -2.7320714,-3.437147 z"
id="path7252-2-8-4-0-1-37-5-1-2-7-0-4" />
<path
id="path33061-2-2-7-63-2-5-3-7-0-2-37-5-1-5-9"
style="display:inline;mix-blend-mode:normal;fill:none;fill-opacity:1;stroke:#8800fa;stroke-width:1.5;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
d="M 26.864017,6.8613076 4.5906407,19.664639 M 26.864017,6.8613076 C 27.633661,6.4189027 28.364866,5.2603127 28.102333,3.9179656 27.849832,2.6268523 26.673083,1.8329622 25.625704,1.7440436 L 16.994165,1.0112667 C 15.164282,0.8559821 14.480229,2.1900752 14.570487,3.6205695 l 1.551967,24.5970445 c 0.186868,2.959557 -3.513186,3.401462 -4.745515,2.002942 L 4.2851444,22.1681 C 3.641054,21.436948 3.6544225,20.204636 4.5906407,19.664431" />
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.6 KiB

View File

@ -0,0 +1,72 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
width="48.0px"
height="48.0px"
viewBox="0 0 48.0 48.0"
version="1.1"
id="SVGRoot"
xmlns:xlink="http://www.w3.org/1999/xlink"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<defs
id="defs58437">
<linearGradient
xlink:href="#linearGradient39046"
id="linearGradient1712"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(3.1532751,0,0,3.1532751,-5.634299,-2.8327783)"
x1="1.3894912"
y1="22.344736"
x2="15.531096"
y2="7.7256188" />
<linearGradient
id="linearGradient39046">
<stop
style="stop-color:#8cf1f0;stop-opacity:1"
offset="0"
id="stop39042" />
<stop
style="stop-color:#5f8fe2;stop-opacity:1"
offset="1"
id="stop39044" />
</linearGradient>
</defs>
<g
id="use29003"
style="display:inline"
transform="matrix(3.1532946,0,0,3.1534447,-131.76639,-2.832933)">
<path
id="path85168"
style="display:inline;mix-blend-mode:normal;fill:#72e632;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m 46.406356,1.90075 c -0.499217,0.008 -0.996589,0.26372 -1.128906,0.75586 L 43.656356,8.682 c -0.112346,0.41786 0.01,0.85325 0.271484,1.17187 L 49.013778,6.92809 48.791122,3.39098 47.228622,2.15661 C 47.006633,1.98106 46.705887,1.89612 46.406356,1.90075 Z" />
<path
id="path85170"
style="display:inline;mix-blend-mode:normal;fill:#5f8fe2;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m 48.712522,2.15568 0.0786,1.2353 2.68164,2.12305 3.134766,-1.80274 c 0.369031,-0.21224 0.719626,-0.7681 0.59375,-1.41211 -0.121073,-0.61943 -0.6853,-1.00031 -1.1875,-1.04296 L 49.874846,0.90409 c -0.815254,-0.0694 -1.210134,0.50018 -1.162324,1.25159 z m 2.76024,3.35835 -2.458984,1.41406 0.201172,3.1875 4,-0.20312 c 1.219831,-0.0621 1.808951,-1.59031 0.796875,-2.39063 z m -2.257812,4.60156 -4.248047,0.2168 c -0.418995,0.0213 -0.791587,-0.17699 -1.039063,-0.47852 -0.4489,0.25917 -0.455811,0.85084 -0.146981,1.20162 l 3.400888,3.86283 c 0.590879,0.67097 2.365028,0.45895 2.27539,-0.96093 z" />
</g>
<g
id="use57737-1"
style="display:inline"
transform="matrix(3.1532713,0,0,3.1532713,120.49658,-570.42154)">
<path
style="color:#000000;fill:#ffffff;fill-opacity:1;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
d="m -33.5996,182.73437 c 0.24234,0.007 0.501376,0.0418 0.724606,0.2187 l 0.6875,0.54493 c 0.07223,0.0574 0.177325,0.0451 0.234375,-0.0274 0.05737,-0.0722 0.04511,-0.1773 -0.02734,-0.23437 l -0.689453,-0.54297 c -0.272194,-0.21436 -0.638014,-0.29092 -0.93751,-0.29092 -0.134141,0 -0.199025,0.32632 0.0078,0.33203 z m 2.839834,1.53125 c -0.04363,0.005 -0.08364,0.0264 -0.111328,0.0605 -0.05738,0.0722 -0.04512,0.17731 0.02734,0.23438 l 0.6875,0.54492 c 0.0722,0.0574 0.177295,0.0451 0.234375,-0.0273 0.05737,-0.0722 0.04511,-0.1773 -0.02734,-0.23437 l -0.6875,-0.54492 c -0.03499,-0.0269 -0.07925,-0.0389 -0.123047,-0.0332 z m 2.03125,1.60547 c -0.04394,0.005 -0.084,0.0277 -0.111328,0.0625 -0.05738,0.0722 -0.04512,0.17731 0.02734,0.23438 l 0.689453,0.54297 c 0.0722,0.0574 0.177295,0.0451 0.234375,-0.0273 0.05605,-0.0719 0.04386,-0.17549 -0.02734,-0.23242 l -0.689453,-0.54492 c -0.03469,-0.0277 -0.07898,-0.0403 -0.123047,-0.0352 z m 2.033204,1.60743 c -0.04394,0.005 -0.084,0.0277 -0.111329,0.0625 -0.05737,0.0722 -0.04511,0.1773 0.02734,0.23437 l 0.6875,0.54297 c 0.0722,0.0574 0.177295,0.0451 0.234375,-0.0273 0.05738,-0.0722 0.04512,-0.17731 -0.02734,-0.23438 l -0.6875,-0.54297 c -0.0347,-0.0276 -0.07899,-0.0403 -0.123046,-0.0351 z m -4.964633,3.18306 -1.648649,0.0827 c -0.09161,0.004 -0.16235,0.0822 -0.158203,0.17383 0.0045,0.0924 0.08341,0.16346 0.175781,0.1582 l 1.648649,-0.0827 c 0.09241,-0.004 0.163467,-0.0834 0.158203,-0.17578 -0.0055,-0.0916 -0.08413,-0.16153 -0.175781,-0.15625 z"
id="path85138" />
<path
style="color:#000000;fill:#ffffff;fill-opacity:1;-inkscape-stroke:none"
d="m -30.111328,181.4043 c -0.440771,-0.0374 -0.805916,0.11587 -1.037109,0.38672 -0.231194,0.27084 -0.329728,0.64587 -0.304688,1.04296 l 0.294922,4.66797 -4.996094,2.87305 0.166016,0.28906 4.853515,-2.79101 0.425782,6.76172 c 0.04044,0.64049 -0.311102,0.96322 -0.761719,1.09375 -0.450617,0.13052 -0.987591,0.013 -1.222656,-0.25391 l -3.400391,-3.86328 c -0.12338,-0.14014 -0.185034,-0.33457 -0.169922,-0.51172 0.01511,-0.17715 0.09812,-0.3332 0.275391,-0.43555 L -36.15625,190.375 c -0.27163,0.15682 -0.41634,0.42632 -0.439453,0.69727 -0.02311,0.27094 0.0665,0.54912 0.251953,0.75976 l 3.400391,3.86328 c 0.355813,0.40404 1.002685,0.51623 1.564453,0.35352 0.561768,-0.16272 1.051158,-0.65615 1.001953,-1.43555 l -0.4375,-6.92578 5.505859,-3.16602 c 0.438428,-0.25216 0.814329,-0.86905 0.673828,-1.58789 -0.137289,-0.70239 -0.762889,-1.12889 -1.33789,-1.17773 z m -0.02734,0.33203 L -26,182.08789 c 0.429398,0.0365 0.932253,0.37369 1.037109,0.91016 0.111251,0.56918 -0.212085,1.06204 -0.511718,1.23437 l -5.363282,3.08399 -0.283203,-4.50391 c -0.02072,-0.32857 0.06393,-0.61415 0.226563,-0.80469 0.162637,-0.19053 0.401976,-0.30154 0.755859,-0.27148 z"
id="path85140" />
<path
style="color:#000000;fill:#ffffff;fill-opacity:1;stroke-linecap:round;-inkscape-stroke:none"
d="m -33.607422,182.40234 c -0.550549,0.012 -1.12259,0.30137 -1.277344,0.87696 l -1.61914,6.02734 c -0.02895,0.10771 -0.04404,0.21643 -0.04687,0.32422 a 0.1665,0.1665 0 0 0 0.162109,0.16992 0.1665,0.1665 0 0 0 0.169922,-0.16211 c 0.0022,-0.0822 0.01315,-0.16422 0.03516,-0.24609 l 1.621094,-6.02735 c 0.108176,-0.40235 0.521509,-0.62123 0.962891,-0.63086 a 0.1665,0.1665 0 0 0 0.162109,-0.16992 0.1665,0.1665 0 0 0 -0.169922,-0.16211 z m 8.056641,7.28711 a 0.1665,0.1665 0 0 0 -0.22461,0.0723 c -0.185793,0.35689 -0.544846,0.62623 -1.019531,0.65039 l -3.236328,0.16601 a 0.1665,0.1665 0 0 0 -0.158203,0.17383 0.1665,0.1665 0 0 0 0.173828,0.15821 l 3.238281,-0.16602 c 0.593619,-0.0302 1.060756,-0.37651 1.296875,-0.83008 a 0.1665,0.1665 0 0 0 -0.07031,-0.22461 z"
id="path85142" />
<circle
style="display:inline;mix-blend-mode:normal;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.333;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="circle85144"
cx="-34.624451"
cy="190.97795"
r="0.26302564" />
</g>
</svg>

After

Width:  |  Height:  |  Size: 6.5 KiB