Fediverse Icons (duotone purple/red video)

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:35:32 +00:00
parent 92aa0eb478
commit 414bc6f237
5 changed files with 266 additions and 0 deletions

View File

@ -0,0 +1,49 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
width="22.0px"
height="22.0px"
viewBox="0 0 22.0 22.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="defs6040">
<linearGradient
xlink:href="#linearGradient10651"
id="linearGradient1700"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(1.5292946,0,0,1.5292946,-3.3712755,-1.3738592)"
x1="1.3894912"
y1="22.344736"
x2="15.531096"
y2="7.7256188" />
<linearGradient
id="linearGradient10651">
<stop
style="stop-color:#8cc4f1;stop-opacity:1"
offset="0"
id="stop10647" />
<stop
style="stop-color:#8938c7;stop-opacity:1"
offset="1"
id="stop10649" />
</linearGradient>
</defs>
<g
id="g27430"
style="display:inline"
transform="matrix(1.5292453,0,0,1.5292453,-33.955716,-1.373815)">
<path
id="path33061-2-2-7-63-2-5-3-2-62"
style="display:inline;mix-blend-mode:normal;fill:#e189b6;fill-opacity:1;stroke:none;stroke-width:0.4;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
d="m 26.406356,1.90075 c -0.499217,0.008 -0.996589,0.26372 -1.128906,0.75586 L 23.656356,8.682 c -0.112346,0.41786 0.01,0.85325 0.271484,1.17187 L 29.013778,6.92809 28.791122,3.39098 27.228622,2.15661 C 27.006633,1.98107 26.705887,1.89613 26.406356,1.90075 Z" />
<path
id="path33061-2-2-7-63-9-6-6-7-9"
style="display:inline;mix-blend-mode:normal;fill:#8938c7;fill-opacity:1;stroke:none;stroke-width:0.4;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
d="m 28.712522,2.15568 0.0786,1.2353 2.68164,2.12305 3.134766,-1.80273 c 0.369031,-0.21225 0.719626,-0.76811 0.59375,-1.41211 -0.121073,-0.61944 -0.6853,-1.00032 -1.1875,-1.04297 L 29.874846,0.90409 c -0.815254,-0.0694 -1.210134,0.50019 -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.17698 -1.039063,-0.47852 -0.4489,0.25917 -0.455811,0.85084 -0.146981,1.20162 l 3.400888,3.86284 c 0.590879,0.67096 2.365028,0.45894 2.27539,-0.96094 z" />
</g>
</svg>

After

Width:  |  Height:  |  Size: 2.5 KiB

View File

@ -0,0 +1,49 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
width="24.0px"
height="24.0px"
viewBox="0 0 24.0 24.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="defs6220">
<linearGradient
xlink:href="#linearGradient10651"
id="linearGradient1700"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(1.6682679,0,0,1.6682679,-3.6772514,-1.4987075)"
x1="1.3894912"
y1="22.344736"
x2="15.531096"
y2="7.7256188" />
<linearGradient
id="linearGradient10651">
<stop
style="stop-color:#8cc4f1;stop-opacity:1"
offset="0"
id="stop10647" />
<stop
style="stop-color:#8938c7;stop-opacity:1"
offset="1"
id="stop10649" />
</linearGradient>
</defs>
<g
id="g27430"
style="display:inline"
transform="matrix(1.6682677,0,0,1.6682677,-37.042603,-1.4987073)">
<path
id="path33061-2-2-7-63-2-5-3-2-62"
style="display:inline;mix-blend-mode:normal;fill:#e189b6;fill-opacity:1;stroke:none;stroke-width:0.4;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
d="m 26.406356,1.90075 c -0.499217,0.008 -0.996589,0.26372 -1.128906,0.75586 L 23.656356,8.682 c -0.112346,0.41786 0.01,0.85325 0.271484,1.17187 L 29.013778,6.92809 28.791122,3.39098 27.228622,2.15661 C 27.006633,1.98107 26.705887,1.89613 26.406356,1.90075 Z" />
<path
id="path33061-2-2-7-63-9-6-6-7-9"
style="display:inline;mix-blend-mode:normal;fill:#8938c7;fill-opacity:1;stroke:none;stroke-width:0.4;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
d="m 28.712522,2.15568 0.0786,1.2353 2.68164,2.12305 3.134766,-1.80273 c 0.369031,-0.21225 0.719626,-0.76811 0.59375,-1.41211 -0.121073,-0.61944 -0.6853,-1.00032 -1.1875,-1.04297 L 29.874846,0.90409 c -0.815254,-0.0694 -1.210134,0.50019 -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.17698 -1.039063,-0.47852 -0.4489,0.25917 -0.455811,0.85084 -0.146981,1.20162 l 3.400888,3.86284 c 0.590879,0.67096 2.365028,0.45894 2.27539,-0.96094 z" />
</g>
</svg>

After

Width:  |  Height:  |  Size: 2.5 KiB

View File

@ -0,0 +1,49 @@
<?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:xlink="http://www.w3.org/1999/xlink"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<defs
id="defs6561">
<linearGradient
xlink:href="#linearGradient10651"
id="linearGradient1700"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(1.9463126,0,0,1.9463126,-4.2901269,-1.7484921)"
x1="1.3894912"
y1="22.344736"
x2="15.531096"
y2="7.7256188" />
<linearGradient
id="linearGradient10651">
<stop
style="stop-color:#8cc4f1;stop-opacity:1"
offset="0"
id="stop10647" />
<stop
style="stop-color:#8938c7;stop-opacity:1"
offset="1"
id="stop10649" />
</linearGradient>
</defs>
<g
id="g27430"
style="display:inline"
transform="matrix(1.9463123,0,0,1.9463123,-43.216369,-1.748492)">
<path
id="path33061-2-2-7-63-2-5-3-2-62"
style="display:inline;mix-blend-mode:normal;fill:#e189b6;fill-opacity:1;stroke:none;stroke-width:0.4;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
d="m 26.406356,1.90075 c -0.499217,0.008 -0.996589,0.26372 -1.128906,0.75586 L 23.656356,8.682 c -0.112346,0.41786 0.01,0.85325 0.271484,1.17187 L 29.013778,6.92809 28.791122,3.39098 27.228622,2.15661 C 27.006633,1.98107 26.705887,1.89613 26.406356,1.90075 Z" />
<path
id="path33061-2-2-7-63-9-6-6-7-9"
style="display:inline;mix-blend-mode:normal;fill:#8938c7;fill-opacity:1;stroke:none;stroke-width:0.4;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
d="m 28.712522,2.15568 0.0786,1.2353 2.68164,2.12305 3.134766,-1.80273 c 0.369031,-0.21225 0.719626,-0.76811 0.59375,-1.41211 -0.121073,-0.61944 -0.6853,-1.00032 -1.1875,-1.04297 L 29.874846,0.90409 c -0.815254,-0.0694 -1.210134,0.50019 -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.17698 -1.039063,-0.47852 -0.4489,0.25917 -0.455811,0.85084 -0.146981,1.20162 l 3.400888,3.86284 c 0.590879,0.67096 2.365028,0.45894 2.27539,-0.96094 z" />
</g>
</svg>

After

Width:  |  Height:  |  Size: 2.5 KiB

View File

@ -0,0 +1,71 @@
<?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"
sodipodi:docname="duotone_purple_32_NEW.svg"
inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:xlink="http://www.w3.org/1999/xlink"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<sodipodi:namedview
id="namedview6853"
pagecolor="#ffffff"
bordercolor="#111111"
borderopacity="1"
inkscape:showpageshadow="0"
inkscape:pageopacity="0"
inkscape:pagecheckerboard="1"
inkscape:deskcolor="#d1d1d1"
showgrid="false"
showguides="false"
inkscape:zoom="5.8417629"
inkscape:cx="12.410637"
inkscape:cy="-2.3965368"
inkscape:window-width="1366"
inkscape:window-height="703"
inkscape:window-x="0"
inkscape:window-y="0"
inkscape:window-maximized="1"
inkscape:current-layer="layer1" />
<defs
id="defs8088">
<linearGradient
xlink:href="#linearGradient10651"
id="linearGradient1700"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(2.2243574,0,0,2.2243574,-4.9030034,-1.9982768)"
x1="1.3894912"
y1="22.344736"
x2="15.531096"
y2="7.7256188" />
<linearGradient
id="linearGradient10651">
<stop
style="stop-color:#8cc4f1;stop-opacity:1"
offset="0"
id="stop10647" />
<stop
style="stop-color:#8938c7;stop-opacity:1"
offset="1"
id="stop10649" />
</linearGradient>
</defs>
<g
id="layer1">
<path
id="path33061-2-2-7-63-9-6-6-3-6"
style="display:inline;mix-blend-mode:normal;fill:#8938c7;fill-opacity:1;stroke:none;stroke-width:0.889743;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
d="m 14.476754,2.7967259 0.174835,2.7477487 5.964926,4.7224214 6.972849,-4.0099375 C 28.410219,5.7848609 29.190056,4.5484296 28.910076,3.1159212 28.640774,1.7380875 27.385724,0.89087428 26.268652,0.79600544 l -9.20646,-0.78326296 c -1.81343,-0.1543704 -2.691784,1.11257902 -2.585438,2.78398342 z m 6.139761,7.4701701 -5.469651,3.145375 0.447474,7.090139 8.89743,-0.451811 c 2.713339,-0.138133 4.023752,-3.537418 1.772547,-5.317616 z M 15.594338,20.50241 6.1451573,20.984651 C 5.2131737,21.03203 4.3844004,20.590962 3.8339165,19.920252 2.8354025,20.496738 2.8200321,21.812824 3.5069804,22.593085 l 7.5647946,8.592312 c 1.314329,1.492477 5.26065,1.020869 5.06128,-2.137452 z" />
<path
id="path33061-2-2-7-63-2-5-3-9-9"
style="display:inline;mix-blend-mode:normal;fill:#e189b6;fill-opacity:1;stroke:none;stroke-width:0.889743;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
d="M 9.3470308,2.2296705 C 8.2365871,2.2474653 7.1302584,2.8162558 6.8359315,3.9109732 L 3.2300479,17.313594 c -0.2499065,0.92947 0.022244,1.897933 0.6038686,2.606658 L 15.146864,13.412271 14.651589,5.5444746 11.176031,2.7987946 C 10.682246,2.4083086 10.013293,2.2193717 9.3470308,2.2296705 Z" />
</g>
</svg>

After

Width:  |  Height:  |  Size: 3.3 KiB

View File

@ -0,0 +1,48 @@
<?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:xlink="http://www.w3.org/1999/xlink"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<defs
id="defs30626">
<linearGradient
xlink:href="#linearGradient10651"
id="linearGradient1700"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(1.1122944,0,0,1.1122944,-2.4525889,-1.000907)"
x1="1.3894912"
y1="22.344736"
x2="15.531096"
y2="7.7256188" />
<linearGradient
id="linearGradient10651">
<stop
style="stop-color:#8cc4f1;stop-opacity:1"
offset="0"
id="stop10647" />
<stop
style="stop-color:#8938c7;stop-opacity:1"
offset="1"
id="stop10649" />
</linearGradient>
</defs>
<g
id="g67298"
transform="matrix(1.1121784,0,0,1.1121784,-112.67761,-1.688839)">
<path
id="path33061-2-2-7-63-9-6-6-1-7-3-6-6-5-5-0-7-0-0-1"
style="display:inline;mix-blend-mode:normal;fill:#ff3c2c;fill-opacity:1;stroke:none;stroke-width:0.999999px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m 107.82082,2.775823 0.0786,1.235301 2.68165,2.123048 3.13478,-1.80274 c 0.36888,-0.212221 0.71959,-0.768099 0.59373,-1.412108 -0.12095,-0.61943 -0.68531,-1.000312 -1.18749,-1.04296 l -4.13893,-0.352139 c -0.81528,-0.06939 -1.21016,0.500179 -1.16235,1.251591 z m 2.76026,3.358349 -2.459,1.414061 0.20108,3.187498 3.99998,-0.203111 c 1.21985,-0.0621 1.80896,-1.590308 0.79688,-2.390631 z m -2.25781,4.601559 -4.24804,0.216794 c -0.419,0.02117 -0.79158,-0.176995 -1.03907,-0.478518 -0.44889,0.259162 -0.45581,0.850839 -0.14702,1.201617 l 3.40089,3.862833 c 0.59086,0.670968 2.36501,0.458948 2.27539,-0.96093 z" />
<path
id="path33061-2-2-7-63-2-5-3-6-4-7-6-1-3-3-5"
style="display:inline;mix-blend-mode:normal;fill:#00eaff;fill-opacity:1;stroke:none;stroke-width:0.999999px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m 105.51466,2.52089 c -0.4992,0.0076 -0.99658,0.263698 -1.1289,0.755861 l -1.62108,6.025387 c -0.11225,0.417861 0.0113,0.853255 0.27137,1.171876 l 5.08592,-2.925781 -0.22261,-3.537109 -1.5625,-1.234375 C 106.115,2.60119 105.81412,2.516264 105.51459,2.520875 Z" />
</g>
</svg>

After

Width:  |  Height:  |  Size: 2.4 KiB